@reference "@/assets/css/tailwind.css";.settings-page-wrap{width:100%;max-width:var(--primary-max-width);color:var(--settings-text);text-align:left;--settings-paper:#f4f7f9;--settings-surface:#fff;--settings-surface-soft:#f8fafc;--settings-surface-muted:#f1f5f9;--settings-surface-strong:#e2e8f0;--settings-green:#2d5a27;--settings-text:#1e293b;--settings-copy:#64748b;--settings-faint:#94a3b8;--settings-danger:#b42318;--settings-danger-soft:#fff4f2;--background:var(--settings-paper);--foreground:var(--settings-text);--card:var(--settings-surface);--card-foreground:var(--settings-text);--popover:var(--settings-surface);--popover-foreground:var(--settings-text);--primary:var(--settings-green);--primary-foreground:#fff;--secondary:var(--settings-surface-muted);--secondary-foreground:var(--settings-text);--muted:var(--settings-surface-muted);--muted-foreground:var(--settings-copy);--accent:var(--settings-surface-soft);--accent-foreground:var(--settings-text);--border:var(--settings-surface-strong);--input:#cbd5e1;--ring:var(--settings-green);padding:0}html.dark .settings-page-wrap{--settings-paper:#020402;--settings-surface:#111311;--settings-surface-soft:#181a18;--settings-surface-muted:#20231f;--settings-surface-strong:#292c27;--settings-green:#7ed321;--settings-text:#f5f7f1;--settings-copy:#9aa198;--settings-faint:#6f776b;--settings-danger:#ff8a7a;--settings-danger-soft:#b4231821;--background:var(--settings-paper);--foreground:var(--settings-text);--card:var(--settings-surface);--card-foreground:var(--settings-text);--popover:var(--settings-surface);--popover-foreground:var(--settings-text);--primary:var(--settings-green);--primary-foreground:#071006;--secondary:var(--settings-surface-muted);--secondary-foreground:var(--settings-text);--muted:var(--settings-surface-muted);--muted-foreground:var(--settings-copy);--accent:var(--settings-surface-soft);--accent-foreground:var(--settings-text);--border:var(--settings-surface-strong);--input:#ffffff1f;--ring:#7ed321b8}.settings-page-wrap .settings-layout{border:1px solid var(--settings-surface-strong);background:var(--settings-surface);border-radius:.75rem;grid-template-columns:minmax(16rem,24rem) minmax(0,1fr);align-items:start;display:grid;overflow:hidden}.settings-page-wrap .settings-nav-panel{border-right:1px solid var(--settings-surface-strong);background:color-mix(in srgb,var(--settings-surface-soft) 72%,transparent);align-self:stretch}.settings-page-wrap .settings-nav{grid-template-columns:1fr;align-content:start;display:grid;gap:0!important}.settings-page-wrap .settings-nav-item{border-bottom:1px solid var(--settings-surface-strong);min-width:0;color:inherit;cursor:pointer;text-align:left;gap:.35rem;padding:clamp(1rem,1.7vw,1.5rem) clamp(1rem,2vw,1.5rem);transition:background-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.settings-page-wrap .settings-nav-item:after{content:"";background:var(--settings-green);opacity:0;transform-origin:50%;width:3px;height:100%;transition:opacity .24s cubic-bezier(.16,1,.3,1),transform .24s cubic-bezier(.16,1,.3,1);position:absolute;top:0;right:0;transform:scaleY(.72)}.settings-page-wrap .settings-nav-item.is-active,.settings-page-wrap .settings-nav-item:hover{background:var(--settings-surface)}.settings-page-wrap .settings-nav-item.is-active{box-shadow:0 4px 12px color-mix(in srgb,var(--settings-text) 4%,transparent)}.settings-page-wrap .settings-nav-item.is-active:after{opacity:1;transform:scaleY(1)}.settings-page-wrap .settings-nav-item.is-danger:after{background:var(--settings-danger)}.settings-page-wrap .settings-nav-item:last-child{border-bottom:0}.settings-page-wrap .settings-nav-item:focus-visible{outline:2px solid color-mix(in srgb,var(--settings-green) 55%,transparent);outline-offset:-4px}.settings-page-wrap .nav-title{color:var(--settings-text);font-size:1.1rem;font-weight:700;line-height:1.25}.settings-page-wrap .nav-description{color:var(--settings-faint);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.settings-page-wrap .settings-nav-footer{border-top:1px solid var(--settings-surface-strong);background:color-mix(in srgb,var(--settings-surface-muted) 78%,transparent);padding:1rem}.settings-page-wrap .settings-content-panel{min-width:0;scroll-margin-top:calc(var(--top-space,56px) + .75rem);background:var(--settings-surface)}.settings-page-wrap .settings-section{padding:clamp(1.5rem,3vw,3rem)}.settings-page-wrap .section-header{gap:.85rem;margin-bottom:clamp(1.25rem,2vw,2rem);display:grid}.settings-page-wrap .section-heading-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.settings-page-wrap .section-title-block{gap:.45rem;min-width:0;display:grid}.settings-page-wrap .section-actions{flex:none;justify-content:flex-end;align-items:center;display:flex}.settings-page-wrap .section-title{color:var(--settings-text);letter-spacing:0;text-wrap:balance;align-items:center;gap:.65rem;margin:0;font-family:Metropolis,SF Pro Display,Segoe UI,sans-serif;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:700;line-height:1.08;display:flex}.settings-page-wrap .section-title.is-danger{color:var(--settings-danger)}.settings-page-wrap .settings-section-badge{background:var(--settings-green);color:#fff;align-self:center;font-size:.7rem}.settings-page-wrap .section-description{max-width:45rem;color:var(--settings-copy);font-size:.95rem;line-height:1.6}.settings-page-wrap .section-body{min-width:0}.settings-page-wrap .settings-form-grid{grid-template-columns:minmax(0,.72fr) minmax(20rem,1fr);align-items:start;gap:clamp(1.25rem,3vw,3rem);display:grid}.settings-page-wrap .settings-description{min-width:0;color:var(--settings-copy);font-size:.95rem;line-height:1.65}.settings-page-wrap .settings-description p{margin:0 0 .8rem}.settings-page-wrap .settings-description a{color:var(--settings-green);font-weight:700}.settings-page-wrap .settings-control{min-width:0}.settings-page-wrap .danger-copy,.settings-page-wrap .warning{color:var(--settings-danger)}@media (width<=640px){.settings-page-wrap{padding-inline:3px;overflow:visible}.settings-page-wrap .settings-layout{grid-template-columns:1fr}.settings-page-wrap .settings-nav-panel{border-right:0;border-bottom:1px solid var(--settings-surface-strong)}.settings-page-wrap .settings-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-page-wrap .settings-nav-item{border-right:1px solid var(--settings-surface-strong);border-bottom:1px solid var(--settings-surface-strong);text-align:center;place-content:center;min-height:2.75rem;padding:.7rem .75rem}.settings-page-wrap .settings-nav-item:nth-child(2n){border-right:0}.settings-page-wrap .settings-nav-item:last-child,.settings-page-wrap .settings-nav-item:nth-last-child(2):nth-child(odd){border-bottom:0}.settings-page-wrap .settings-nav-item:last-child:nth-child(odd){border-right:0;grid-column:1/-1}.settings-page-wrap .settings-nav-item:after{width:100%;height:3px;top:auto;bottom:-1px;right:0;transform:scaleX(.72)}.settings-page-wrap .settings-nav-item.is-active:after{transform:scaleX(1)}.settings-page-wrap .settings-section{padding:1.25rem}.settings-page-wrap .nav-description{display:none}.settings-page-wrap .nav-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;line-height:1.2;overflow:hidden}.settings-page-wrap .settings-form-grid{grid-template-columns:1fr}}
