/* Company settings: NAWA surfaces and semantic theme tokens. */
.nw-settings-view{max-width:1280px!important;margin-inline:auto}
.nw-settings-view .settings-hero{position:relative;isolation:isolate;overflow:hidden;align-items:center;padding:30px 32px;margin-bottom:18px;border-radius:20px;border-color:var(--accent-line);background:linear-gradient(115deg,var(--surface) 35%,var(--accent-soft));box-shadow:0 6px 24px #071b1205}
.nw-settings-view .settings-hero::after{content:"";position:absolute;z-index:-1;inset-inline-end:40px;top:-75px;width:230px;height:230px;border:1px solid var(--accent-line);border-radius:50%;opacity:.45;pointer-events:none}
.nw-settings-view .settings-hero .eyebrow{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.06em}
.nw-settings-view .settings-hero .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.nw-settings-view .settings-hero h1{font-size:clamp(24px,2.4vw,32px);font-weight:700;letter-spacing:-.035em;margin:10px 0 6px;color:var(--ink)}
.nw-settings-view .settings-hero p{font-size:13px;max-width:64ch;margin:0;line-height:1.85}
.nw-settings-view .settings-owner{background:var(--surface);color:var(--ink-2);border-color:var(--accent-line);font-size:11px;padding:9px 13px;box-shadow:0 3px 10px #071b1204}
.nw-settings-view .settings-owner svg{color:var(--accent)}
.nw-settings-view .settings-tabs{gap:4px;padding:6px;margin-bottom:24px;border-radius:14px;box-shadow:0 2px 8px #071b1203;scrollbar-width:thin}
.nw-settings-view .settings-tab{position:relative;gap:10px;min-height:52px;padding:12px 14px;border:1px solid transparent;color:var(--muted);font-size:12px;transition:background .16s,color .16s,border-color .16s}
.nw-settings-view .settings-tab svg{width:18px;height:18px;flex:none}
.nw-settings-view .settings-tab:hover{background:var(--surface-2);color:var(--ink)}
.nw-settings-view .settings-tab.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--ink);font-weight:700;box-shadow:inset 0 -2px 0 var(--accent)}
.nw-settings-view .settings-tab.on svg{color:var(--accent)}
.nw-settings-view .settings-tab:focus-visible,.nw-settings-view .settings-service:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.settings-section-heading{display:flex;align-items:center;gap:12px;margin:0 0 18px}
.settings-section-heading>span{display:grid;place-items:center;width:42px;height:42px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--accent);flex:none}
.settings-section-heading h2{font-size:18px;line-height:1.6;margin:0;color:var(--ink)}
.settings-section-heading p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
.nw-settings-view .settings-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:20px}
.nw-settings-view .settings-body>.panel{margin-top:20px}
.nw-settings-view .settings-body .panel{border-radius:16px;box-shadow:0 3px 16px #071b1203;overflow:hidden}
.nw-settings-view .settings-body .panel-h{padding:19px 22px;background:var(--surface);border-bottom:1px solid var(--line)}
.nw-settings-view .settings-body .panel-h h3{font-size:14px;color:var(--ink);margin:0}
.nw-settings-view .settings-body .panel-h p{margin:5px 0 0;line-height:1.8}
.nw-settings-view .settings-body .panel-b{padding:22px}
.nw-settings-view .settings-body .field{gap:8px}
.nw-settings-view .settings-body .field>span{font-size:12px;font-weight:600;color:var(--ink-2)}
.nw-settings-view .settings-body .inp{min-height:44px;padding:11px 13px;border-radius:10px;background:var(--surface);border-color:var(--line-strong);color:var(--ink);font-size:13px}
.nw-settings-view .settings-body .inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.nw-settings-view .settings-body .chips{gap:7px;flex-wrap:wrap}
.nw-settings-view .settings-body .chip{min-height:40px;min-width:42px;justify-content:center;border-radius:9px;font-size:11px}
.nw-settings-view .settings-body .chip.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--ink)}
.nw-settings-view .settings-service{position:relative;padding:16px;border-radius:12px;color:var(--ink);gap:7px;background:var(--surface-2);transition:border-color .16s,background .16s}
.nw-settings-view .settings-service span{font-size:13px;gap:10px}
.nw-settings-view .settings-service svg{color:var(--accent)}
.nw-settings-view .settings-service small{font-size:11px;line-height:1.8;padding-inline-start:30px}
.nw-settings-view .settings-service:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}
.nw-settings-view .settings-price{padding:4px 0 12px;color:var(--ink);font-variant-numeric:tabular-nums;font-size:36px;letter-spacing:-.025em}
.nw-settings-view .subscription-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nw-settings-view .subscription-breakdown>div{padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;min-width:0}
.nw-settings-view .subscription-breakdown span{display:block;font-size:11px;color:var(--muted);line-height:1.8}
.nw-settings-view .subscription-breakdown b{display:block;margin-top:5px;font-size:22px;color:var(--ink);font-variant-numeric:tabular-nums}
.nw-settings-view .subscription-capacity{display:grid;gap:10px;margin-top:5px}
.nw-settings-view .subscription-capacity>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.nw-settings-view .subscription-capacity b{color:var(--ink);font-variant-numeric:tabular-nums;direction:ltr}
.nw-settings-view .subscription-capacity progress{display:block;appearance:none;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;background:var(--sunken);accent-color:var(--accent)}
.nw-settings-view .subscription-capacity progress::-webkit-progress-bar{background:var(--sunken);border-radius:8px}
.nw-settings-view .subscription-capacity progress::-webkit-progress-value{background:var(--accent);border-radius:8px}
.nw-settings-view .subscription-capacity progress::-moz-progress-bar{background:var(--accent);border-radius:8px}
.settings-company-preview{padding:22px;display:flex;align-items:center;gap:14px;background:linear-gradient(125deg,var(--surface),var(--surface-2))}
.settings-company-monogram{display:grid;place-items:center;flex:none;width:52px;height:52px;background:var(--accent-soft);color:var(--ink);border:1px solid var(--accent-line);border-radius:16px;font-size:21px;font-weight:700}
.settings-company-preview h3{margin:0 0 4px;font-size:15px;overflow-wrap:anywhere;color:var(--ink)}
.settings-company-preview p{margin:0;color:var(--muted);font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.nw-settings-view .settings-body .nw-system-frame{border-radius:16px;background:var(--bg)}
@media(max-width:1000px){.nw-settings-view .settings-tab{flex:none;min-width:150px}.nw-settings-view .settings-grid{grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr)}}
@media(max-width:760px){.nw-settings-view .settings-hero{padding:22px;align-items:flex-start;gap:18px}.nw-settings-view .settings-hero::after{inset-inline-end:-60px}.nw-settings-view .settings-grid{grid-template-columns:minmax(0,1fr)}.nw-settings-view .settings-tabs{margin-bottom:20px}.nw-settings-view .settings-tab{min-width:auto;min-height:48px;padding:10px 12px}.nw-settings-view .settings-body .panel-b,.nw-settings-view .settings-body .panel-h,.settings-company-preview{padding:18px}.settings-section-heading h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.nw-settings-view .settings-tab,.nw-settings-view .settings-service{transition:none}}