.settings-page{max-width:1250px;margin:0 auto;padding:32px 0 15px}.settings-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 30px}.settings-page-heading h1{font-size:30px;letter-spacing:-1px;margin:8px 0}.settings-page-heading p{font-size:13px;color:var(--brand-500);line-height:1.6;margin:0}.settings-owner-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;font-size:11px;background:white;border:1px solid var(--border);border-radius:20px;color:var(--brand-700);white-space:nowrap}.settings-owner-badge .ui-icon{width:15px;height:15px}.settings-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:32px;align-items:start}.settings-navigation{position:sticky;top:24px}.settings-navigation nav{display:grid;gap:6px}.settings-nav-item{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:14px 12px;background:transparent;border:1px solid transparent;border-radius:11px;color:var(--brand-700);transition:background .16s,border-color .16s}.settings-nav-item>.ui-icon:first-child{width:19px;height:19px;flex-shrink:0;color:var(--brand-500)}.settings-nav-item>.ui-icon:last-child{width:13px;height:13px;margin-left:auto;color:var(--brand-300)}.settings-nav-item span:not(.ui-icon){min-width:0}.settings-nav-item strong,.settings-nav-item small{display:block}.settings-nav-item strong{font-size:12px;font-weight:600;line-height:1.5}.settings-nav-item small{font-size:10px;font-weight:400;line-height:1.55;margin-top:3px;color:var(--brand-500)}.settings-nav-item:hover{background:color-mix(in srgb,white 65%,var(--surface-muted))}.settings-nav-item.is-selected{background:white;border-color:var(--border);box-shadow:0 3px 9px #25374505}.settings-nav-item.is-selected>.ui-icon:first-child,.settings-nav-item.is-selected strong{color:var(--accent-ink,var(--teal))}.settings-installation-note{display:flex;gap:10px;padding:21px 12px;margin-top:20px;border-top:1px solid var(--border)}.settings-installation-note>.ui-icon{width:17px;height:17px;color:var(--brand-500);flex-shrink:0}.settings-installation-note strong,.settings-installation-note small{display:block}.settings-installation-note strong{font-size:11px;font-weight:600;color:var(--brand-700)}.settings-installation-note small{font-size:10px;color:var(--brand-500);line-height:1.65;margin-top:5px}.settings-main{min-width:0}.settings-section-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin:0 0 23px;padding:4px 0 21px;border-bottom:1px solid var(--border)}.settings-section-heading h2{font-size:20px;letter-spacing:-.5px;margin:0 0 8px}.settings-section-heading h2:focus{outline:none}.settings-section-heading p{font-size:12px;line-height:1.7;color:var(--brand-500);margin:0;max-width:600px}.settings-ai-summary{display:flex;align-items:center;gap:25px;margin:0 0 24px}.settings-ai-summary>div{display:grid;gap:5px}.settings-ai-summary>div strong{font-size:23px;font-weight:600;line-height:1}.settings-ai-summary>div span{font-size:10px;color:var(--brand-500);line-height:1.5}.settings-ai-summary>button{margin-left:auto;display:inline-flex;gap:7px;align-items:center;white-space:nowrap}.settings-ai-summary>button .ui-icon{width:15px;height:15px}.settings-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-provider-card{padding:20px;display:flex;flex-direction:column;min-width:0;box-shadow:0 4px 18px #25374503;transition:border-color .16s,box-shadow .16s}.settings-provider-card:hover{border-color:var(--brand-300);box-shadow:0 5px 20px #25374508}.settings-provider-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.settings-provider-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft,var(--surface-muted));color:var(--accent-ink,var(--brand-700));font-size:19px;font-weight:650;flex-shrink:0}.settings-provider-top>div{min-width:0;flex:1}.settings-provider-top h3{font-size:14px;line-height:1.4;overflow-wrap:anywhere;margin:0}.settings-provider-top>div>span{display:block;font-size:10px;color:var(--brand-500);line-height:1.5;margin-top:3px;overflow-wrap:anywhere}.settings-provider-top .pill{font-size:9px;max-width:100%;white-space:normal;line-height:1.4}.settings-provider-description{font-size:11px;color:var(--brand-500);line-height:1.75;margin:18px 0 13px;overflow-wrap:anywhere;min-height:56px}.settings-provider-facts{margin:0 0 20px;display:grid;gap:9px}.settings-provider-facts>div{display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:10px;line-height:1.6}.settings-provider-facts dt{color:var(--brand-500);white-space:nowrap}.settings-provider-facts dd{color:var(--brand-700);text-align:right;margin:0;overflow-wrap:anywhere}.settings-provider-primary{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto}.settings-provider-primary>.secondary{font-size:11px;padding:9px 11px}.settings-provider-primary>.text-button{font-size:10px;display:inline-flex;align-items:center;gap:5px;padding:7px 0}.settings-provider-primary>.text-button .ui-icon{width:12px;height:12px}.settings-session-hint{font-size:10px;color:var(--brand-500);line-height:1.6}.settings-provider-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--surface-muted);padding-top:11px;margin-top:17px}.settings-provider-footer>.text-button{padding:4px 0;font-size:10px}.settings-provider-footer>.settings-remove-link{margin-left:auto}.settings-remove-link{color:#9b5148!important}.settings-provider-card.is-disabled .settings-provider-mark{background:var(--surface-muted);color:var(--brand-500)}.settings-ai-footnote{display:flex;align-items:start;gap:11px;margin-top:22px;padding:16px 17px;background:color-mix(in srgb,white 40%,var(--surface-muted));border:1px solid var(--border);border-radius:10px;color:var(--brand-700)}.settings-ai-footnote>.ui-icon{width:17px;height:17px;margin-top:1px;flex-shrink:0;color:var(--brand-500)}.settings-ai-footnote strong{font-size:11px;font-weight:600;line-height:1.65}.settings-ai-footnote p{font-size:10px;line-height:1.8;color:var(--brand-500);margin:5px 0 0}.settings-section-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}.settings-section-footer>span{font-size:10px;line-height:1.7;color:var(--brand-500)}.settings-section-footer>.text-button{font-size:11px;display:flex;align-items:center;gap:6px;white-space:nowrap}.settings-section-footer .ui-icon{width:13px;height:13px}.settings-status{margin:0 0 20px}.settings-status p{margin:6px 0 14px}.settings-loading{font-size:12px;line-height:1.7;color:var(--brand-500);padding:40px 25px;text-align:center}.settings-empty{text-align:center;padding:38px 25px}.settings-empty>.ui-icon{width:30px;height:30px;display:block;margin:0 auto 16px;color:var(--brand-500)}.settings-empty h3{font-size:17px;margin:0 0 10px}.settings-empty p{font-size:12px;color:var(--brand-500);line-height:1.7;margin-bottom:22px}.settings-company-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}.settings-company-grid h3{font-size:14px;margin:0}.settings-color-field input[type=color]{height:44px;width:100%;max-width:200px;padding:5px;cursor:pointer}.settings-brand-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 25px;background:linear-gradient(145deg,#fff,var(--surface-subtle));min-height:300px}.settings-preview-caption{font-size:9px;letter-spacing:1.5px;color:var(--brand-500);margin-bottom:35px}.settings-preview-symbol{width:56px;height:56px;border-radius:16px;background:var(--accent-soft,var(--surface-muted));color:var(--accent-ink,var(--brand-700));display:grid;place-items:center;margin-bottom:20px}.settings-preview-symbol>.ui-icon{width:26px;height:26px}.settings-brand-preview h3{font-size:20px;letter-spacing:-.5px;overflow-wrap:anywhere;max-width:100%;line-height:1.5}.settings-brand-preview>p:not(.field-note){font-size:12px;color:var(--brand-500);overflow-wrap:anywhere;max-width:100%;margin:8px 0}.settings-preview-line{height:3px;width:40px;background:var(--teal);border-radius:2px;margin:24px 0 12px}.settings-policy-card>div>h3{font-size:15px;margin:0}.settings-policy-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-policy-card .notice{margin-bottom:0;font-size:11px}.settings-main .work-policy-panel{margin-top:20px}.settings-security-grid,.settings-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-action-card{display:flex;align-items:start;flex-direction:column;min-width:0}.settings-card-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--surface-muted);color:var(--brand-500);margin-bottom:18px}.settings-card-icon>.ui-icon{width:18px;height:18px}.settings-action-card h3{font-size:14px;margin:0 0 10px}.settings-action-card>p:not(.field-note){font-size:12px;color:var(--brand-500);line-height:1.8;margin:0 0 20px}.settings-action-card>.stack,.settings-action-card>button{margin-top:auto}.settings-action-card button{font-size:11px}.settings-action-card .stack{gap:9px}.settings-action-card .ui-icon{vertical-align:middle}.settings-installation-facts h3{font-size:14px;margin:0 0 20px}.settings-installation-facts dl{display:grid;gap:15px;margin:0 0 20px}.settings-installation-facts dl>div{display:flex;align-items:start;justify-content:space-between;gap:15px;font-size:11px;line-height:1.6}.settings-installation-facts dt{color:var(--brand-500)}.settings-installation-facts dd{color:var(--brand-700);margin:0;text-align:right;overflow-wrap:anywhere}.settings-secret-delete{margin-top:17px;padding-top:12px;border-top:1px solid var(--border)}.settings-secret-delete .text-button{padding:5px 0;font-size:11px}#settingsDialogBody>p{font-size:12px;line-height:1.8;padding-top:18px;overflow-wrap:anywhere}#settingsDialogBody .notice{margin-top:20px}#settingsDialogBody input[data-settings-secret]{font-family:ui-monospace,monospace}#settingsDialogBody .actions{flex-wrap:wrap}.settings-page button:focus-visible{outline:2px solid var(--focus-ring,var(--brand-500));outline-offset:3px}.settings-page button:disabled{cursor:wait;opacity:.55}
@media(max-width:1250px){.settings-layout{grid-template-columns:215px minmax(0,1fr);gap:24px}.settings-provider-grid{grid-template-columns:1fr}.settings-provider-description{min-height:0}.settings-company-grid{grid-template-columns:1fr}.settings-brand-preview{min-height:260px}.settings-brand-preview .settings-preview-caption{margin-bottom:20px}.settings-security-grid,.settings-data-grid{grid-template-columns:1fr}}
@media(max-width:850px){.settings-layout{grid-template-columns:1fr;gap:25px}.settings-navigation{position:static}.settings-navigation nav{display:flex;gap:7px;overflow-x:auto;padding:3px 3px 10px;scrollbar-width:thin}.settings-nav-item{flex:0 0 auto;width:auto;padding:10px 12px;gap:8px}.settings-nav-item small,.settings-nav-item>.ui-icon:last-child,.settings-installation-note{display:none}.settings-nav-item strong{font-size:11px;white-space:nowrap}.settings-nav-item>.ui-icon:first-child{width:16px;height:16px}.settings-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-security-grid,.settings-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.settings-page{padding-top:24px}.settings-page-heading{align-items:start;gap:12px;margin-bottom:24px}.settings-page-heading h1{font-size:27px}.settings-owner-badge{padding:7px 9px;font-size:9px;gap:5px}.settings-owner-badge .ui-icon{width:12px;height:12px}.settings-page-heading .eyebrow{font-size:8px}.settings-page-heading p{font-size:11px;max-width:180px}.settings-section-heading{margin-bottom:20px;padding-bottom:18px}.settings-section-heading h2{font-size:18px}.settings-section-heading p{font-size:11px}.settings-ai-summary{gap:17px;flex-wrap:wrap}.settings-ai-summary>div{flex:1;gap:7px}.settings-ai-summary>div strong{font-size:22px}.settings-ai-summary>div span{font-size:9px}.settings-ai-summary>button{width:100%;justify-content:center;margin:0}.settings-provider-grid,.settings-security-grid,.settings-data-grid,.settings-policy-fields{grid-template-columns:1fr}.settings-provider-card{padding:18px}.settings-provider-primary{gap:10px}.settings-provider-facts>div{font-size:10px}.settings-provider-top .pill{font-size:9px}.settings-section-footer{align-items:start;flex-direction:column;gap:8px}.settings-provider-footer{gap:14px}.settings-provider-footer>.text-button{font-size:10px}.settings-company-grid{gap:16px}.settings-brand-preview{min-height:250px}.settings-installation-facts dl>div{font-size:10px}}
@media(prefers-reduced-motion:reduce){.settings-nav-item,.settings-provider-card{transition:none}}
