/* A shared, flat settings surface. Module styles and business actions stay local. */
.workspace-settings { max-width:1120px;margin:0 auto;color:var(--text-primary); }
.settings-layout { display:grid;grid-template-columns:176px minmax(0,1fr);gap:48px;align-items:start; }
.settings-navigation { position:sticky;top:calc(var(--workspace-header-height,54px) + 24px);display:grid;gap:4px;padding:0 8px 0 0; }
.settings-navigation button { display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);font:inherit;font-size:13px;line-height:1.5;text-align:left;cursor:pointer;transition:background .15s,color .15s; }
.settings-navigation svg { width:17px;height:17px;flex-shrink:0;color:var(--text-tertiary); }
.settings-navigation button:hover { background:#f7f7f8;color:var(--text-primary); }
.settings-navigation button[aria-current="page"] { background:#f0f1f3;color:var(--text-primary);font-weight:550; }
.settings-navigation button[aria-current="page"] svg { color:var(--text-primary); }
.settings-navigation button:focus-visible { outline:2px solid #8d949e;outline-offset:2px; }
.settings-content { min-width:0;max-width:860px; }
.settings-content-panel { min-width:0;min-height:380px;padding:3px 0 24px;scroll-margin-top:calc(var(--workspace-header-height,54px) + 18px); }
.workspace-settings .settings-content-panel>.space-access,
.workspace-settings .settings-content-panel>.space-mailbox,
.workspace-settings .settings-content-panel>.source-settings,
.workspace-settings .settings-content-panel>.space-integrations { max-width:none;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none; }
.workspace-settings h2 { margin:0;font-size:19px;font-weight:550;line-height:1.6;letter-spacing:-.02em; }
.workspace-settings .settings-section-heading,
.workspace-settings .space-mailbox-heading,
.workspace-settings .source-heading,
.workspace-settings .integration-heading,
.workspace-settings .space-access-heading { min-height:36px;margin:0 0 24px; }
.workspace-settings .space-access-heading { display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px; }
.workspace-settings .space-access-heading h2 { flex:1;margin-right:auto; }
.workspace-settings .source-heading p,
.workspace-settings .integration-heading p,
.workspace-settings .space-mailbox-heading p { margin:6px 0 0;font-size:13px;line-height:1.7;color:var(--text-tertiary); }
.workspace-settings .settings-row { min-height:76px;gap:24px;padding:18px 0;border-bottom:1px solid var(--border-subtle); }
.workspace-settings .settings-row strong { margin:0;font-size:14px;font-weight:500;line-height:1.6; }
.workspace-settings .settings-row p { margin-top:5px;font-size:12px;line-height:1.65; }
.workspace-settings .settings-row>.settings-value { max-width:58%;font-size:13px;line-height:1.7;text-align:right;color:var(--text-primary);overflow-wrap:anywhere; }
.workspace-settings .settings-row>.settings-state { font-size:12px; }
.workspace-settings .settings-group-title { margin:30px 0 3px;font-size:14px;font-weight:550; }
.workspace-settings .portal-button { min-height:36px;border:1px solid var(--border-default);border-radius:8px;padding:8px 13px;background:#fff;color:var(--text-primary);box-shadow:none;font:inherit;font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap;text-decoration:none; }
.workspace-settings .portal-button:hover { background:#f7f7f8;border-color:#c8cdd3; }
.workspace-settings .portal-button.primary { border-color:#26272b;background:#26272b;color:#fff; }
.workspace-settings .portal-button.primary:hover { border-color:#424449;background:#424449; }
.workspace-settings .portal-text-button { min-height:32px;padding:5px 4px;color:var(--text-secondary);font-size:12px;line-height:1.6;text-decoration:none; }
.workspace-settings .portal-text-button:hover { color:var(--text-primary); }
.workspace-settings .portal-button:focus-visible,.workspace-settings .portal-text-button:focus-visible { outline:2px solid #8d949e;outline-offset:3px; }
.workspace-settings .portal-field { margin:0;min-width:0; }
.workspace-settings .portal-label { margin-bottom:7px;font-size:12px;font-weight:500;color:var(--text-secondary); }
.workspace-settings .portal-input,.workspace-settings .portal-textarea { min-width:0;width:100%;border:1px solid #dfe2e6;border-radius:8px;background:#fff;padding:10px 12px;color:var(--text-primary);font:inherit;font-size:13px;line-height:1.6;box-shadow:none; }
.workspace-settings .portal-input { min-height:42px; }
.workspace-settings .portal-input:focus,.workspace-settings .portal-textarea:focus { outline:none;border-color:#9ba2ad;box-shadow:0 0 0 3px #e8ebf080; }
.workspace-settings .portal-input::placeholder,.workspace-settings .portal-textarea::placeholder { color:#7c838c; }
.workspace-settings .select-menu-trigger { min-height:42px;border-color:#dfe2e6;border-radius:8px;background:#fff;font-size:13px;box-shadow:none; }
.workspace-settings .select-menu-trigger:focus-visible { outline:2px solid #9ba2ad;outline-offset:2px; }
.workspace-settings .marketing-inline-error,.workspace-settings .client-error { margin:14px 0;padding:9px 12px;border:0;border-left:2px solid #c58479;border-radius:0;background:#fcf8f7;font-size:12px;line-height:1.7; }
/* Four plan benefits, with the same baseline and no nested tiles. */
.workspace-settings .space-access-plan { align-items:center;gap:10px;margin:26px 0 30px;padding:20px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle); }
.workspace-settings .space-access-plan strong { margin-right:3px;font-size:22px;font-weight:550;letter-spacing:-.025em; }
.workspace-settings .space-access-plan [data-access-status] { padding:3px 8px;border-radius:5px;background:#f3f4f5;color:var(--text-secondary);font-size:11px; }
.workspace-settings .space-access-plan [data-access-expiry] { margin-left:auto;font-size:12px; }
.workspace-settings .plan-benefits { grid-template-columns:repeat(2,minmax(0,1fr));gap:0; }
.workspace-settings .plan-benefit { padding:23px 22px;border:0;border-bottom:1px solid var(--border-subtle); }
.workspace-settings .plan-benefit:nth-child(odd) { padding-left:0;border-right:1px solid var(--border-subtle); }
.workspace-settings .plan-benefit:nth-child(even) { padding-right:0; }
.workspace-settings .plan-benefit:nth-last-child(-n+2) { border-bottom:0; }
.workspace-settings .plan-benefit h3 { font-size:13px;font-weight:500; }
.workspace-settings .plan-benefit-number { margin:16px 0 10px;gap:7px; }
.workspace-settings .plan-benefit-number strong { font-size:32px;font-weight:550; }
.workspace-settings .plan-benefit-description { font-size:12px;line-height:1.7; }
/* Connections share one row style; advanced forms stay behind disclosures. */
.workspace-settings .outreach-sender,
.workspace-settings .settings-inbox-connection { margin:0;border:0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);border-radius:0;background:none;padding:0; }
.workspace-settings .outreach-sender>summary,
.workspace-settings .settings-inbox-connection>summary { display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;min-height:66px;padding:17px 0;list-style:none;cursor:pointer;color:var(--text-primary);font-size:14px;font-weight:500; }
.workspace-settings .outreach-sender>summary::-webkit-details-marker,
.workspace-settings .settings-inbox-connection>summary::-webkit-details-marker { display:none; }
.workspace-settings .outreach-sender>summary>span:last-child,
.workspace-settings .settings-inbox-connection>summary>span:last-child { margin-left:auto;color:var(--text-tertiary);font-size:12px;font-weight:400; }
.workspace-settings .outreach-sender>summary::after,
.workspace-settings .settings-inbox-connection>summary::after { content:'';width:6px;height:6px;flex:none;margin:0 3px 3px 4px;border-right:1.4px solid #7b828c;border-bottom:1.4px solid #7b828c;transform:rotate(45deg);transition:transform .16s; }
.workspace-settings .outreach-sender[open]>summary::after,
.workspace-settings .settings-inbox-connection[open]>summary::after { transform:rotate(225deg);margin-bottom:-3px; }
.workspace-settings .outreach-sender>summary:focus-visible,
.workspace-settings .settings-inbox-connection>summary:focus-visible { outline:2px solid #9ba2ad;outline-offset:3px;border-radius:5px; }
.workspace-settings .outreach-sender>form { padding:5px 0 22px; }
.workspace-settings .outreach-connection-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px; }
.workspace-settings .space-mailbox .mailbox-provider-field { margin-bottom:18px; }
.workspace-settings .space-mailbox .mailbox-provider-field>.select-menu,
.workspace-settings .space-mailbox .mailbox-credential { max-width:none; }
.workspace-settings .mailbox-credential { grid-column:auto; }
.workspace-settings .mailbox-provider-help { margin:10px 0 0;font-size:12px;gap:4px 12px; }
.workspace-settings .mailbox-provider-help p { font-size:12px; }
.workspace-settings .mailbox-provider-help a { font-size:12px; }
.workspace-settings .outreach-sender-actions { padding:0;margin-top:18px;gap:16px; }
.workspace-settings .outreach-sender-actions>span { font-size:12px;line-height:1.7; }
.workspace-settings .marketing-mailbox-settings { margin:0;padding:0; }
.workspace-settings .marketing-mailbox-settings .marketing-section-top { align-items:center;justify-content:flex-end;gap:16px;margin:0 0 18px; }
.workspace-settings .marketing-mailbox-grid { display:block;margin:0; }
.workspace-settings .marketing-mailbox-card { padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none; }
.workspace-settings .space-mailbox [data-inbox-form] { gap:18px 22px; }
.workspace-settings .space-mailbox .settings-inbox-connection { border-top:0; }
.workspace-settings .settings-inbox-body { padding:2px 0 22px; }
.workspace-settings .marketing-mailbox-actions { gap:12px;align-items:center; }
.workspace-settings .marketing-mailbox-actions [role="status"] { font-size:12px; }
.workspace-settings .marketing-inbox-sync { margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--border-subtle);background:none;border-radius:0; }
.workspace-settings .marketing-inbox-sync h3 { margin:0;font-size:13px;font-weight:500; }
.workspace-settings .marketing-inbox-sync p,.workspace-settings .marketing-inbox-sync span { font-size:12px;line-height:1.7; }
.workspace-settings .space-mail-signature { max-width:none;margin:26px 0 0;padding:0;border:0; }
.workspace-settings .space-mail-signature h3 { margin-bottom:14px;font-size:14px;font-weight:500; }
.workspace-settings .space-mail-signature .portal-label { position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%); }
.workspace-settings .space-mail-signature textarea { min-height:118px;resize:vertical; }
.workspace-settings .space-mail-signature>div { font-size:12px;gap:16px;margin-top:12px; }
/* Connection-specific layouts live with each settings module. */
.workspace-settings .source-settings { padding:0; }
.workspace-settings [role="status"]:empty { display:none; }
@media(max-width:1100px) {
  .settings-layout { grid-template-columns:152px minmax(0,1fr);gap:28px; }
  .settings-navigation button { padding-inline:10px;font-size:12px; }
  .settings-navigation { padding-right:0; }
}
@media(max-width:760px) {
  .settings-layout { display:block; }
  .settings-navigation { position:relative;top:auto;display:flex;gap:3px;margin:0 -4px 24px;padding:0 4px 6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin; }
  .settings-navigation button { flex:0 0 auto;width:auto;min-height:40px;padding:9px 11px;white-space:nowrap; }
  .settings-navigation svg { display:none; }
  .settings-content-panel { min-height:320px;padding-top:0; }
  .workspace-settings h2 { font-size:18px; }
  .workspace-settings .settings-row { min-height:70px;padding-block:15px;gap:15px; }
  .workspace-settings .settings-row>.settings-value { max-width:55%;font-size:12px; }
  .workspace-settings .settings-group-title { margin-top:24px; }
  .workspace-settings .space-access-plan { gap:8px;margin-top:20px;padding:16px 0; }
  .workspace-settings .space-access-plan [data-access-expiry] { flex-basis:100%;margin-left:0; }
  .workspace-settings .space-access-plan strong { font-size:21px; }
  .workspace-settings .plan-benefit { padding:20px 16px; }
  .workspace-settings .plan-benefit-number strong { font-size:28px; }
  .workspace-settings .outreach-connection-grid,
  .workspace-settings .space-mailbox [data-inbox-form] { grid-template-columns:minmax(0,1fr); }
  .workspace-settings .portal-input,.workspace-settings .portal-textarea { font-size:16px; }
  .workspace-settings .space-access-heading { flex-wrap:wrap;gap:12px; }
  .workspace-settings .space-mail-signature>div { align-items:flex-start; }
}
@media(max-width:420px) {
  .workspace-settings .settings-row>.portal-button { margin-left:auto; }
  .workspace-settings .source-options { grid-template-columns:minmax(0,1fr); }
  .workspace-settings .plan-benefit-number { align-items:baseline;gap:5px; }
  .workspace-settings .plan-benefit-number>span { font-size:11px; }
  .workspace-settings .plan-benefit-description { font-size:11px; }
  .workspace-settings .space-access-heading h2 { flex-basis:100%; }
}
@media(pointer:coarse) {
  .settings-navigation button,.workspace-settings .portal-button,.workspace-settings .portal-text-button { min-height:42px; }
}
@media(prefers-reduced-motion:reduce) {
  .settings-navigation button,.workspace-settings .outreach-sender>summary::after,.workspace-settings .settings-inbox-connection>summary::after { transition:none; }
}