/* Same visual vocabulary as notification-settings; spacing: 4 / 8 / 12 / 16 / 24. */
.settings-modern-layout{grid-template-columns:208px minmax(0,1fr);gap:24px;align-items:start}
.settings-modern-layout .settings-nav{padding:12px;background:#fffefa;border:1px solid var(--line);border-radius:16px;gap:4px;min-width:0}
.settings-modern-layout .settings-nav-group{display:block;padding:12px 12px 8px;color:#7a856e;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.settings-modern-layout .settings-nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;font-size:11px;line-height:1.5;min-height:44px;white-space:normal}
.settings-modern-layout .settings-nav a svg{width:17px;height:17px;flex-shrink:0;color:#7e8d70}
.settings-modern-layout .settings-nav a:hover{background:#f3f5ec}
.settings-modern-layout .settings-nav a.active{background:#eaf0dc;color:#425b33;font-weight:700;box-shadow:inset 3px 0 #809961}
.settings-modern-layout .settings-nav a.active svg{color:#526e3d}
.settings-modern-layout :is(a,button,input,select,textarea):focus-visible{outline:2px solid #466544;outline-offset:4px}
.settings-modern-body{min-width:0;container:settings-body / inline-size}
.settings-module-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid #dce4ce;border-radius:20px;background:linear-gradient(115deg,#edf2e3,#f7f8f1);margin-bottom:24px;overflow:hidden}
.settings-eyebrow{font-size:10px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;color:#61734f}
.settings-module-hero h2{margin:12px 0 0;font-size:clamp(24px,1.25rem + 1vw,34px);line-height:1.2;letter-spacing:-.04em;color:#2d432b}
.settings-module-hero p{margin:8px 0 0;max-width:580px;line-height:1.65;color:#62715d;font-size:13px}
.settings-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.settings-hero-tags span{display:flex;align-items:center;gap:8px;font-size:10px;padding:8px 12px;border:1px solid #dce4ce;border-radius:100px;background:#ffffff91;color:#4b6041}
.settings-hero-tags svg{width:14px;height:14px}
.settings-hero-art{display:grid;place-items:center;width:100px;height:100px;flex:0 0 100px;border-radius:28px;background:#dce9c1;transform:rotate(-8deg);box-shadow:0 12px 24px #566d4310}
.settings-hero-art svg{width:44px;height:44px;color:#46603a;transform:rotate(8deg)}
.settings-module-content{display:grid;gap:24px;min-width:0}
.settings-modern-body .settings-card{margin:0;padding:24px;border:1px solid var(--line);border-radius:16px;min-width:0;background:var(--paper);box-shadow:0 4px 16px #24342503}
.settings-modern-body .settings-module-content .settings-card{margin:0}
.settings-card h2{font-family:inherit;font-size:18px;line-height:1.4;letter-spacing:-.025em;margin:0}
.settings-card-title{display:flex;align-items:center;gap:12px}
.settings-heading-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#f0f3e9;color:#64784f}
.settings-heading-icon svg{width:20px;height:20px}
.settings-card :is(h2,h3)+p{margin-top:4px;margin-bottom:16px;color:var(--muted);font-size:12px;line-height:1.7}
.settings-card h3{margin-top:12px;font-family:inherit;font-size:16px}
.settings-card>.section-title{gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.settings-card>form,.settings-card>.form-grid{margin-top:16px}
.settings-card .form-grid{gap:16px}
.settings-card .field{min-width:0}
.settings-card .field>label{font-size:11px;font-weight:600;margin-bottom:8px;color:#45533e}
.settings-card .field :is(input:not([type=checkbox]):not([type=color]),select,textarea){background:#fafbf6;border-color:#dfe4d5;border-radius:10px;max-width:100%}
.settings-card .field :is(input,select,textarea):focus{border-color:#809961;box-shadow:0 0 0 3px #8ca36e15}
.settings-card .field :is(small,p){line-height:1.6}
.settings-card .dropzone{background:#f7f9f1;border-color:#cddcbb;border-radius:12px}
.settings-card .setting-row{gap:16px;padding:16px 0;align-items:center}
.settings-card .setting-row>span,.settings-card .setting-row>div{min-width:0}
.settings-card .setting-row p{margin-top:4px;line-height:1.6}
.settings-card .setting-row .switch{flex-shrink:0}
.settings-card .note{padding:16px;border:1px solid #dce4ce;border-radius:12px;background:#f5f7ed;line-height:1.7}
.settings-card .settings-submit-actions{margin-top:16px!important;padding-top:16px;border-top:1px solid var(--line);gap:12px;justify-content:flex-start!important}
.settings-card .row.wrap{gap:12px}
.settings-card>.row.wrap:not(.settings-submit-actions){margin-top:12px}
.settings-card>.btn{margin-top:16px}
.settings-card .list-row{gap:16px;padding:16px 0}
.settings-card .list-row>div:first-child{min-width:0}
.settings-card .list-row :is(p,small){overflow-wrap:anywhere;line-height:1.6}
.settings-card .list-row .row.wrap{margin-top:12px}
.settings-card .table-wrap{margin-top:16px;border:1px solid var(--line);border-radius:12px;max-width:100%;overflow:auto}
.settings-card .table th{background:#f4f6ed;padding:12px 16px;font-size:10px}
.settings-card .table td{padding:12px 16px}
.settings-module-content .social-settings,.settings-module-content .wa-settings{display:grid;gap:24px;min-width:0}
.settings-module-content .social-provider-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.settings-modern-body .social-provider.settings-card{padding:16px;border-radius:12px;background:#f8faf2;border-color:#dce4ce}
.settings-module-content .social-provider-head{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px}
.settings-module-content .social-provider-icon{width:40px;height:40px}
.settings-module-content .social-provider-body{min-width:0}
.settings-module-content .social-provider-body h3{margin:0}
.settings-module-content .social-provider-body p{margin-top:4px;font-size:12px;line-height:1.65}
.settings-module-content .social-provider-badge{grid-column:1/-1;justify-self:start}
.settings-module-content .billing-usage>div{padding:16px;border-radius:12px;background:#f7f9f1;border-color:#dce4ce}
.settings-module-content .billing-card{padding:16px;border-radius:12px;background:#fafbf6}
.settings-module-content .billing-card.active{border-color:#809961;box-shadow:inset 0 0 0 1px #809961;background:#f1f6e5}
.settings-module-content .portal-branding-layout{gap:24px}
.settings-module-content .portal-branding-layout aside{padding:16px;border:1px dashed #dce2cf;border-radius:12px;background:#f7f8f2;min-width:0}
.settings-module-content .meet-agent-install{padding:16px;background:#f5f8ec;border-color:#dce4ce}
@container settings-body (max-width:720px){.settings-module-content .portal-branding-layout{grid-template-columns:minmax(0,1fr)}.settings-module-content .billing-cards{grid-template-columns:minmax(0,1fr)}.settings-module-content .form-grid{grid-template-columns:minmax(0,1fr)}.settings-module-content .field.wide{grid-column:auto}.settings-hero-art{width:72px;height:72px;flex-basis:72px}}
@container settings-body (max-width:460px){.settings-hero-art{display:none}.settings-module-content .billing-usage{grid-template-columns:minmax(0,1fr)}.settings-card .list-row{flex-wrap:wrap}.settings-card .section-title{align-items:flex-start}.settings-card .settings-submit-actions>.btn{width:100%;justify-content:center}}
@media(max-width:960px){.settings-modern-layout{grid-template-columns:minmax(0,1fr);gap:16px}.settings-modern-layout .settings-nav{flex-direction:row;overflow:auto;padding:8px;gap:8px;margin:0}.settings-modern-layout .settings-nav-group{display:none}.settings-modern-layout .settings-nav a{white-space:nowrap;flex-shrink:0;padding:8px 12px;gap:8px}.settings-modern-layout .settings-nav a.active{box-shadow:inset 0 -3px #809961}}
@media(max-width:680px){.settings-module-hero{padding:16px;gap:16px;margin-bottom:16px}.settings-module-content{gap:16px}.settings-modern-body .settings-card{padding:16px}.settings-heading-icon{width:32px;height:32px;flex-basis:32px;border-radius:8px}.settings-card-title{gap:8px}.settings-card h2{font-size:16px}.settings-card .field :is(input:not([type=checkbox]),select,textarea){font-size:16px}.settings-hero-tags span{padding:8px}.settings-card .row.between{flex-wrap:wrap;gap:12px}.settings-card .portal-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card .wa-form{grid-template-columns:minmax(0,1fr)}}