/* Eterano v0.9.4 — organized Settings */
#view-settings{min-width:0}
.settings-tabs-shell{display:grid;gap:18px;min-width:0}
.settings-tabs-nav{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:5px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 10px 28px rgba(7,27,90,.06);scrollbar-width:thin}
.settings-tabs-nav button{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.86rem;font-weight:850;line-height:1.15;padding:11px 15px;border-radius:12px;white-space:nowrap;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.settings-tabs-nav button:hover{background:var(--surface-soft);color:var(--ink)}
.settings-tabs-nav button.active{background:linear-gradient(135deg,#0757d8,#1479f8);color:#fff;box-shadow:0 7px 18px rgba(7,87,216,.22)}
.settings-tabs-nav button:focus-visible{outline:3px solid rgba(19,213,255,.35);outline-offset:2px}
.settings-tab-content{min-width:0}
.settings-tab-panel{display:none;gap:17px;min-width:0;align-items:start}
.settings-tab-panel.active{display:grid}
.settings-tab-intro{grid-column:1/-1;padding:2px 2px 1px}
.settings-tab-intro h2{margin:3px 0 7px;font-size:clamp(1.28rem,1.8vw,1.65rem)}
.settings-tab-intro p{margin:0;max-width:760px;line-height:1.55}
#settingsBusinessPanel{grid-template-columns:minmax(0,1fr)}
#settingsOrdersPanel{grid-template-columns:minmax(0,1fr)}
#settingsPaymentsPanel{grid-template-columns:repeat(2,minmax(0,1fr))}
#settingsEmailsPanel{grid-template-columns:repeat(2,minmax(0,1fr))}
#settingsBrandingPanel{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}
#settingsAccountPanel{grid-template-columns:repeat(2,minmax(0,1fr))}
#settingsBusinessPanel #profileForm{max-width:920px;width:100%}
#settingsOrdersPanel #availabilityPanel{margin-top:0}
#settingsPaymentsPanel #paymentSettingsForm,#settingsPaymentsPanel #stripeConnectionCard{margin-top:0;height:max-content}
#settingsEmailsPanel #paymentAutomationForm,#settingsEmailsPanel #communicationSettingsCard{height:max-content}
#settingsBrandingPanel .settings-branding-card{grid-column:1/2;display:grid;gap:14px}
#settingsBrandingPanel .settings-branding-fields{display:grid;gap:14px}
#settingsBrandingPanel .settings-branding-fields>.step3-branding-block{display:grid;gap:14px}
#settingsBrandingPanel .settings-branding-fields>.logo-upload-card{margin:0}
#settingsBrandingPanel #settingsBrandSaveBtn{justify-self:start}
#settingsBrandingPanel section:has(#publicOrderLink){grid-column:2/3;grid-row:2;align-self:start}
#settingsAccountPanel .plan-card{grid-column:1/-1}
#settingsAccountPanel #themeSettingsCard,#settingsAccountPanel section:has(#inviteCode){height:max-content}
.settings-tab-panel>.panel,.settings-tab-panel>form.panel,.settings-tab-panel>section.panel{margin-top:0}

[data-theme="dark"] .settings-tabs-nav{box-shadow:0 10px 28px rgba(0,0,0,.18)}

@media(max-width:1100px){
  #settingsPaymentsPanel,#settingsEmailsPanel,#settingsBrandingPanel,#settingsAccountPanel{grid-template-columns:1fr}
  #settingsBrandingPanel .settings-branding-card,#settingsBrandingPanel section:has(#publicOrderLink),#settingsAccountPanel .plan-card{grid-column:1;grid-row:auto}
}
@media(max-width:760px){
  .settings-tabs-shell{gap:14px}
  .settings-tabs-nav{position:sticky;top:0;z-index:8;margin:0 -2px;padding:5px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px)}
  .settings-tabs-nav button{padding:10px 12px;font-size:.8rem}
  .settings-tab-panel{gap:13px}
  .settings-tab-intro{padding:0 2px}
  .settings-tab-panel>.panel,.settings-tab-panel>form.panel,.settings-tab-panel>section.panel{padding:18px}
}