/* OneCloud Settings — enterprise administration centre */

.settings-workspace {
  max-width: 1280px;
  margin: 0 auto;
  padding: 8px 4px 48px;
}

.settings-page-heading {
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
}
.settings-page-heading h1 {
  font-family: var(--display, Manrope, sans-serif);
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.035em;
  margin: 0 0 6px;
  color: var(--ink);
}
.settings-page-heading .subheading {
  margin: 0;
  max-width: 52rem;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}
.settings-page-heading .eyebrow {
  color: var(--brand);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

/* Console: vertical nav + main pane */
.settings-console {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 0;
  min-height: 560px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 13px;
  box-shadow: 0 1px 3px rgba(12, 23, 28, 0.04), 0 8px 28px rgba(12, 23, 28, 0.05);
  overflow: hidden;
}

.settings-tabs {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 16px 12px;
  background: linear-gradient(180deg 0% 100%);
  border-right: 1px solid var(--line);
  overflow-y: auto;
  max-height: calc(100vh - 160px);
  scrollbar-width: thin;
}

.settings-tab {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.settings-tab:hover {
  background: rgba(0, 117, 143, 0.06);
  color: var(--brand-dark);
}
.settings-tab.active {
  background: var(--surface);
  color: var(--brand);
  box-shadow: 0 1px 3px rgba(12, 23, 28, 0.06);
  font-weight: 700;
}
.settings-tab.active::before {
  content: "";
  width: 3px;
  height: 18px;
  border-radius: 0 3px 3px 0;
  background: var(--brand);
  margin-left: -12px;
  margin-right: 9px;
}
.settings-tab-label {
  flex: 1;
  line-height: 1.3;
}

.settings-workspace-main {
  padding: 24px 28px 32px;
  overflow: auto;
  max-height: calc(100vh - 160px);
  background: var(--surface);
}

.settings-workspace-main > .local-note {
  margin-top: 20px;
  font-size: 12px;
  color: var(--muted-soft);
}

/* Forms */
.settings-form {
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
}
.settings-company-title {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.settings-company-title h2 {
  margin: 0 0 4px;
  font-family: var(--display, Manrope, sans-serif);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--ink);
}
.settings-company-title p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}
.settings-org-context {
  margin-left: auto;
  flex-shrink: 0;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--brand-tint);
  color: var(--brand-dark);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.settings-profile-section {
  margin-bottom: 28px;
}
.settings-profile-section h3 {
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
}
.settings-profile-section .form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
}
.settings-profile-section .form-field.full,
.settings-profile-section .form-grid .full {
  grid-column: 1 / -1;
}
.settings-form .form-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.settings-form .form-field > span {
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
}
.settings-form .form-field input,
.settings-form .form-field select,
.settings-form .form-field textarea {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  background: var(--surface);
  font-size: 13.5px;
  color: var(--ink);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.settings-form .form-field textarea {
  min-height: 88px;
  padding: 10px 12px;
  line-height: 1.45;
}
.settings-form .form-field input:focus,
.settings-form .form-field select:focus,
.settings-form .form-field textarea:focus {
  outline: none;
  border-color: var(--brand-light);
  box-shadow: 0 0 0 3px rgba(0, 117, 143, 0.18);
}
.settings-field-help,
.optional-label {
  font-size: 11.5px;
  font-weight: 500;
  color: var(--muted-soft);
}
.settings-check {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 13px;
  color: var(--ink-soft);
}

.settings-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 8px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
.settings-profile-actions {
  display: flex;
  gap: 10px;
}
#settingsSaveStatus {
  font-size: 12.5px;
  color: var(--muted);
}
#settingsSaveStatus[data-state="saving"] { color: var(--brand); font-weight: 600; }
#settingsSaveStatus[data-state="saved"] { color: var(--success); font-weight: 600; }
#settingsSaveStatus[data-state="error"] { color: var(--danger); font-weight: 600; }

/* Profile grid with aside summary */
.settings-profile-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 28px;
  align-items: start;
}
.settings-profile-aside .panel,
.settings-company-summary {
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  padding: 18px !important;
  box-shadow: 0 1px 3px rgba(12, 23, 28, 0.04) !important;
  background: var(--surface) !important;
}
.settings-quick-grid {
  display: grid;
  gap: 12px;
  margin: 14px 0;
}
.settings-quick-grid > div {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 4px 10px;
  align-items: start;
}
.settings-quick-grid small {
  grid-column: 2;
  font-size: 11px;
  color: var(--muted-soft);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.settings-quick-grid strong {
  grid-column: 2;
  font-size: 13px;
  color: var(--ink);
}
.settings-profile-progress {
  height: 5px;
  background: rgba(0, 117, 143, 0.1);
  border-radius: 999px;
  overflow: hidden;
  margin: 12px 0 8px;
}
.settings-profile-progress span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg);
  border-radius: 999px;
}
.settings-summary-complete {
  font-size: 12px;
  font-weight: 700;
  color: var(--brand);
}
.settings-last-updated {
  margin: 0;
  font-size: 11.5px;
  color: var(--muted-soft);
}

.settings-additional-details {
  margin: 8px 0 20px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 4px 16px 16px;
  background: var(--brand-mist);
}
.settings-additional-details summary {
  cursor: pointer;
  padding: 12px 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--ink-soft);
}

/* Tables in settings (users, bank, etc.) */
.settings-workspace-main .module-table {
  width: 100%;
  border-collapse: collapse;
}
.settings-workspace-main .module-table th {
  text-align: left;
  font-size: 10.5px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
  background: var(--brand-mist);
}
.settings-workspace-main .module-table td {
  padding: 12px;
  border-bottom: 1px solid var(--line-subtle);
  font-size: 13.5px;
}

.settings-related-card {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 12px 14px;
  margin: 6px 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
  text-align: left;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-soft);
  transition: border-color 0.15s ease, background 0.15s ease;
}
.settings-related-card:hover {
  border-color: rgba(0, 117, 143, 0.28);
  background: var(--brand-tint);
  color: var(--brand);
}

/* Status pills for integrations */
.settings-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}
.settings-status-pill.connected {
  background: var(--success-soft);
  color: var(--success-ink);
}
.settings-status-pill.disconnected,
.settings-status-pill.requires-config {
  background: var(--canvas-deep);
  color: var(--muted);
}

@media (max-width: 960px) {
  .settings-console {
    grid-template-columns: 1fr;
  }
  .settings-tabs {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    max-height: none;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 10px;
  }
  .settings-tab {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .settings-tab.active::before {
    display: none;
  }
  .settings-profile-grid {
    grid-template-columns: 1fr;
  }
  .settings-workspace-main {
    max-height: none;
    padding: 18px 16px 28px;
  }
  .settings-profile-section .form-grid {
    grid-template-columns: 1fr;
  }
}

/* Task-oriented workspace settings navigation. */
.settings-console { display:grid; grid-template-columns:minmax(0,1fr); gap:0; align-items:start; min-height:0; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.settings-module-tabs { display:flex; flex-flow:row wrap; align-items:stretch; gap:4px; min-width:0; margin:2px 0 0; padding:0 2px; direction:ltr; overflow:visible; border-bottom:1px solid var(--line); }
.settings-module-tab { display:flex; flex:1 1 112px; min-width:104px; min-height:52px; align-items:center; justify-content:center; gap:6px; padding:8px 9px 7px; border:0; border-bottom:3px solid transparent; border-radius:8px 8px 0 0; background:transparent; color:var(--muted); text-align:center; font-size:11px; line-height:1.25; font-weight:650; white-space:normal; overflow-wrap:normal; cursor:pointer; transition:background .15s ease,color .15s ease,border-color .15s ease; }
.settings-module-tab:focus-visible { outline:0; box-shadow:var(--focus); }
.settings-module-tab:hover { background:var(--canvas); color:var(--brand-dark); }
.settings-module-tab.active { border-bottom-color:var(--brand); background:var(--brand-tint); color:var(--brand-dark); font-weight:750; }
.settings-module-icon { display:grid; flex:0 0 auto; width:15px; height:15px; place-items:center; color:var(--brand); }
.settings-module-icon .oc-icon { width:15px; height:15px; }
.settings-module-label { min-width:0; }
.settings-workspace-main { min-width:0; max-height:none; overflow:visible; padding:20px 0 24px; background:transparent; }
.settings-workspace-main > .local-note { margin:18px 0 0; }
.settings-overview-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin:0 0 18px; }
.settings-overview-intro h2 { margin:0 0 6px; font-family:var(--display,Manrope,sans-serif); font-size:21px; letter-spacing:-.03em; }
.settings-overview-intro p:not(.eyebrow) { max-width:680px; margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.settings-overview-context { flex:0 0 auto; padding:8px 11px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--brand-dark); font-size:10px; font-weight:700; }
.settings-overview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.settings-overview-card,.settings-overview-account,.settings-overview-tools { min-width:0; padding:17px; border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--surface); box-shadow:var(--shadow-xs); }
.settings-overview-card-heading { display:flex; align-items:flex-start; gap:11px; }
.settings-overview-icon { display:grid; flex:0 0 34px; width:34px; height:34px; place-items:center; border-radius:50%; background:var(--brand-tint); color:var(--brand); }
.settings-overview-icon svg { width:18px; height:18px; }
.settings-overview-card-heading h3 { margin:1px 0 5px; color:var(--ink); font-size:13px; letter-spacing:-.01em; }
.settings-overview-card-heading p { margin:0; color:var(--muted); font-size:10px; line-height:1.5; }
.settings-overview-actions { display:flex; flex-wrap:wrap; gap:7px; margin:15px 0 0 45px; }
.settings-overview-actions button { display:inline-flex; align-items:center; gap:7px; min-height:31px; padding:6px 9px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--brand-dark); font-size:10px; font-weight:700; }
.settings-overview-actions button:hover { border-color:var(--brand); background:var(--brand-tint); }
.settings-overview-actions button:disabled { cursor:not-allowed; opacity:.55; }
.settings-overview-bottom { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.settings-overview-account dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 18px; margin:17px 0; }
.settings-overview-account dl div { min-width:0; }
.settings-overview-account dt { margin-bottom:4px; color:var(--muted); font-size:9px; }
.settings-overview-account dd { margin:0; overflow-wrap:anywhere; color:var(--ink); font-size:11px; font-weight:700; }
.settings-overview-account > .button,.settings-overview-account > .secondary-button,.settings-overview-platform > a { margin-top:5px; }
.settings-overview-tools .settings-field-help { margin:13px 0 0 45px; }
.settings-display-card { padding:17px; border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--surface); }
.settings-display-card .settings-form { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:12px; }
.settings-display-card .settings-form input { min-height:40px; padding:9px 10px; border:1px solid var(--line); border-radius:8px; }
.settings-display-card .display-link-result,.settings-display-card .settings-stat-row { grid-column:1/-1; }
.settings-display-card .settings-stat-row { margin-top:9px; }
@media (max-width: 960px) {
  .settings-overview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .settings-module-tab { flex-basis:112px; }
}
@media (max-width: 560px) {
  .settings-module-tabs { gap:3px; }
  .settings-module-tab { flex:1 1 calc(33.333% - 3px); min-width:calc(33.333% - 3px); min-height:48px; padding:7px 5px; font-size:10px; }
  .settings-workspace-main { padding:17px 0 22px; }
  .settings-overview-intro { align-items:flex-start; flex-direction:column; }
  .settings-overview-context { align-self:flex-start; }
  .settings-overview-grid,.settings-overview-bottom { grid-template-columns:1fr; }
  .settings-overview-account dl { grid-template-columns:1fr 1fr; }
  .settings-overview-actions { margin-left:0; }
  .settings-overview-tools .settings-field-help { margin-left:0; }
  .settings-display-card .settings-form { grid-template-columns:1fr; align-items:start; }
  .settings-display-card .settings-form .primary-button { justify-self:start; }
}

/* Customer workspace settings: match the full-width, tabbed Master Portal treatment. */
.page-content:has(.settings-workspace){width:100%;max-width:none;padding-inline:clamp(16px,2vw,32px)}
.settings-workspace{width:100%;max-width:none;margin:0;padding:4px 0 40px}
.settings-workspace .settings-page-heading{align-items:center;gap:20px;margin:0 0 16px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(115deg,var(--surface),var(--canvas));box-shadow:var(--shadow-xs)}
.settings-workspace .settings-page-heading>div:first-child{min-width:0;flex:1}
.settings-workspace .settings-page-heading .eyebrow{margin:0 0 5px;color:var(--brand);font-size:9px;letter-spacing:.09em}
.settings-workspace .settings-page-heading h1{display:flex;align-items:center;gap:13px;margin:0;color:var(--brand-dark);font-size:24px;font-weight:750;letter-spacing:-.035em}
.settings-workspace .settings-page-heading .module-title-icon{display:grid;flex:0 0 48px;width:48px;height:48px;margin:0;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--master-settings-color-d6f3f6),var(--master-settings-color-b9e7ed));color:var(--brand)}
.settings-workspace .settings-page-heading .module-title-icon .oc-icon{width:25px;height:25px}
.settings-workspace .settings-page-heading .subheading{max-width:780px;margin:5px 0 0 61px;color:var(--muted);font-size:11px;line-height:1.5}
.settings-workspace .settings-page-heading>.status-badge{flex:0 0 auto;margin-left:auto;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--brand-dark);font-size:10px;font-weight:700}
.settings-console{width:100%;grid-template-columns:minmax(0,1fr);gap:0}
.settings-module-tabs{display:flex;flex-flow:row nowrap;align-items:stretch;gap:2px;min-width:0;width:100%;margin:0;padding:0 2px;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;-webkit-overflow-scrolling:touch}
.settings-module-tab{flex:1 0 auto;min-width:max-content;min-height:48px;gap:6px;padding:0 10px;border:0;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;background:transparent;color:var(--muted);font-size:10.5px;font-weight:650;line-height:1.25;white-space:nowrap;scroll-snap-align:start}
.settings-module-tab:hover{background:var(--brand-tint);color:var(--brand-dark)}
.settings-module-tab.active{border-bottom-color:var(--brand);background:var(--brand-tint);color:var(--brand-dark);font-weight:750}
.settings-workspace-main{padding:18px 0 24px}
.settings-workspace-main>#settingsSectionContent{min-width:0}
.settings-workspace-main>#settingsSectionContent .panel.settings-form{min-width:0;padding:20px!important;border:1px solid var(--line)!important;border-radius:var(--radius-xl)!important;background:var(--surface)!important;box-shadow:var(--shadow-xs)!important}
.settings-workspace-main>#settingsSectionContent .settings-section-title{align-items:flex-start;gap:10px;margin:0 0 17px;padding:0 0 13px;border-bottom:1px solid var(--line-subtle)}
.settings-workspace-main>#settingsSectionContent .settings-section-title h2,.settings-workspace-main>#settingsSectionContent .settings-section-title h3{margin:0 0 4px;color:var(--ink);font-family:var(--display);font-size:14px;font-weight:750;letter-spacing:-.02em}
.settings-workspace-main>#settingsSectionContent .settings-section-title p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.5}
.settings-workspace-main>#settingsSectionContent .settings-company-title{align-items:center;gap:13px;margin:0 0 19px;padding:0 0 15px;border-bottom:1px solid var(--line-subtle)}
.settings-workspace-main>#settingsSectionContent .settings-company-title>span:first-child{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--brand-tint);color:var(--brand)}
.settings-workspace-main>#settingsSectionContent .settings-company-title h2{margin:0 0 4px;color:var(--brand-dark);font-size:16px;font-weight:750}
.settings-workspace-main>#settingsSectionContent .settings-company-title p{margin:0;color:var(--muted);font-size:10.5px}
.settings-workspace-main>#settingsSectionContent .settings-form .form-field>span{color:var(--ink-soft);font-size:10.5px;font-weight:650}
.settings-workspace-main>#settingsSectionContent .settings-form .form-field input,.settings-workspace-main>#settingsSectionContent .settings-form .form-field select{min-height:40px;border-radius:8px;background:var(--surface-sunken);font-size:11.5px}
.settings-workspace-main>#settingsSectionContent .settings-form .form-field textarea{border-radius:8px;background:var(--surface-sunken);font-size:11.5px}
.settings-workspace-main>#settingsSectionContent .settings-actions{gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line-subtle)}
.settings-workspace-main>#settingsSectionContent .settings-actions>span{color:var(--muted);font-size:10px;line-height:1.45}
.settings-workspace-main>#settingsSectionContent .settings-profile-section{margin-bottom:21px}
.settings-workspace-main>#settingsSectionContent .settings-profile-section h3{margin:0 0 12px;color:var(--brand-dark);font-size:10px;letter-spacing:.07em}
.settings-workspace-main>#settingsSectionContent .settings-profile-section .form-grid{gap:13px 16px}
.settings-workspace .settings-overview-card,.settings-workspace .settings-overview-account,.settings-workspace .settings-overview-tools{border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}
.settings-workspace .settings-overview-card:hover,.settings-workspace .settings-overview-account:hover,.settings-workspace .settings-overview-tools:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}
@media(max-width:900px){
  .settings-workspace .settings-page-heading{align-items:flex-start}
  .settings-workspace .settings-page-heading>.status-badge{align-self:flex-start}
  .settings-workspace .settings-module-tabs{scroll-snap-type:x proximity}
  .settings-module-tab{flex:0 0 auto}
}
@media(max-width:680px){
  .page-content:has(.settings-workspace){padding-inline:12px}
  .settings-workspace .settings-page-heading{flex-wrap:wrap;padding:13px}
  .settings-workspace .settings-page-heading h1{gap:10px;font-size:20px}
  .settings-workspace .settings-page-heading .module-title-icon{flex-basis:40px;width:40px;height:40px}
  .settings-workspace .settings-page-heading .module-title-icon .oc-icon{width:21px;height:21px}
  .settings-workspace .settings-page-heading .subheading{margin-left:50px}
  .settings-workspace .settings-page-heading>.status-badge{margin:0 0 0 50px}
  .settings-module-tab{min-height:45px;padding:0 9px;font-size:10px}
  .settings-workspace-main{padding-top:14px}
  .settings-workspace-main>#settingsSectionContent .panel.settings-form{padding:15px!important}
  .settings-workspace-main>#settingsSectionContent .settings-company-title{flex-wrap:wrap}
  .settings-workspace-main>#settingsSectionContent .settings-org-context{width:100%;margin:0}
}
.platform-identity-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}
.platform-provider-form {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
}
.platform-provider-form h3 {
  margin: 0 0 8px;
  color: var(--ink);
  font-family: var(--display);
  font-size: 16px;
}
.platform-provider-form > p {
  margin-top: 8px;
}
.platform-provider-form-wide {
  grid-column: 1 / -1;
}
.platform-provider-callback {
  display: grid;
  gap: 6px;
  margin: 12px 0;
  color: var(--muted);
  font-size: 11px;
}
.platform-provider-callback code {
  display: block;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--canvas);
  color: var(--ink);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 11px;
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  .platform-identity-grid { grid-template-columns: 1fr; }
  .platform-provider-form-wide { grid-column: auto; }
}

/* Organisation payment providers stay legible at desktop and collapse on phones. */
.settings-workspace-main>#settingsSectionContent .settings-company-title>.settings-org-context{flex:0 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere}
.settings-workspace-main>#settingsSectionContent .settings-icon-field{display:flex;align-items:center;gap:9px;min-width:0;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-sunken);color:var(--brand)}
.settings-workspace-main>#settingsSectionContent .settings-icon-field>span{display:grid;flex:0 0 17px;place-items:center}
.settings-workspace-main>#settingsSectionContent .settings-icon-field input{flex:1;min-width:0;padding:0;border:0;background:transparent;box-shadow:none}
.settings-workspace-main>#settingsSectionContent .settings-payment-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}
.settings-workspace-main>#settingsSectionContent .settings-provider-card{display:grid;align-content:start;gap:12px;min-width:0}
.settings-workspace-main>#settingsSectionContent .settings-provider-form{display:grid;gap:11px;min-width:0}
.settings-workspace-main>#settingsSectionContent .settings-provider-heading{display:flex;align-items:flex-start;gap:10px;min-width:0}
.settings-workspace-main>#settingsSectionContent .settings-provider-heading>div{min-width:0;flex:1}
.settings-workspace-main>#settingsSectionContent .settings-provider-heading h3{margin:0 0 4px;color:var(--ink);font:750 14px var(--display)}
.settings-workspace-main>#settingsSectionContent .settings-provider-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:10px;line-height:1.5}
.settings-workspace-main>#settingsSectionContent .settings-provider-mark{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--brand-tint);color:var(--brand-dark);font-size:10px;font-weight:800}
.settings-workspace-main>#settingsSectionContent .settings-provider-mark.paygate{background:var(--info-soft);color:var(--info-ink)}
.settings-workspace-main>#settingsSectionContent .settings-payment-active{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--line-subtle);border-radius:8px;background:var(--surface-sunken);color:var(--ink-soft);font-size:10px}
.settings-workspace-main>#settingsSectionContent .settings-payment-active input{flex:0 0 auto;margin-top:2px}
.settings-workspace-main>#settingsSectionContent .settings-payment-active>span{display:grid;gap:4px;min-width:0}
.settings-workspace-main>#settingsSectionContent .settings-payment-active small{color:var(--muted);font-size:9px;line-height:1.45}
.settings-workspace-main>#settingsSectionContent .settings-provider-secondary-status{display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--line-subtle)}
@media(max-width:760px){.settings-workspace-main>#settingsSectionContent .settings-payment-provider-grid{grid-template-columns:minmax(0,1fr)}}