.settings-index{gap:var(--space-6);max-width:40rem;display:grid}.settings-index-list{background:var(--surface);border-radius:var(--radius-md);margin:0;padding:0;list-style:none;overflow:hidden}.settings-index-list li+li{border-top:.5px solid var(--rule)}.settings-index-row{align-items:center;gap:var(--space-3);min-height:3.5rem;padding:var(--space-3) .875rem;color:var(--ink);text-decoration:none;transition:background .16s;display:flex}.settings-index-row:hover,.settings-index-row:active{background:var(--fill)}.settings-index-row:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-ring);outline:none}.settings-index-icon{width:2.25rem;height:2.25rem;color:var(--ink);background:var(--fill);border-radius:var(--radius-sm);flex:none;place-items:center;display:grid}.settings-index-text{flex:1;gap:.15rem;min-width:0;display:grid}.settings-index-text strong{font-size:var(--text-md)}.settings-index-text small{color:var(--muted);font-size:var(--text-sm);line-height:1.4}.settings-index-status{max-width:9rem;color:var(--muted);font-size:var(--text-xs);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:none;overflow:hidden}.settings-index-chevron{color:var(--muted);flex:none}.settings-logout{padding-top:var(--space-4);border-top:.5px solid var(--rule)}.settings-logout>.quiet.danger{padding-left:var(--space-1);padding-right:var(--space-1);margin:0;font-weight:500}.settings-logout .confirm-panel{margin-top:0}.settings-section{gap:var(--space-4);max-width:40rem;display:grid}.settings-back{align-items:center;gap:var(--space-2);min-height:var(--tap);width:fit-content;margin-left:calc(-1 * var(--space-2));padding:0 var(--space-2);color:var(--accent);font-size:var(--text-sm);border-radius:var(--radius-sm);font-weight:600;text-decoration:none;display:none}.settings-back:hover{background:var(--fill)}.settings-back:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.settings-section-body{gap:var(--space-4);align-content:start;display:grid}.settings-section-body>.lede{margin:0}.settings-section-body>button{justify-self:start}.section-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.access-list{margin:0}.access-list>div{justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-top:.5px solid var(--rule);display:flex}.access-list>div:last-child{border-bottom:.5px solid var(--rule)}.access-list dt{color:var(--muted)}.access-list dd{text-align:right;margin:0}.notification-rules{gap:var(--space-1)}.notification-rules label{min-height:var(--tap);gap:var(--space-3);font-size:var(--text-md);cursor:pointer}.notification-rules input{width:1.25rem;height:1.25rem}.member-list{background:var(--surface);border-radius:var(--radius-md);margin:0;padding:0;list-style:none;overflow:hidden}.member-row{align-items:center;gap:var(--space-3);padding:var(--space-1) .75rem;border-top:.5px solid var(--rule);display:flex}.member-list>.member-row:first-child{border-top:0}.device-row{background:var(--surface);padding-inline:.875rem}.device-row:not(.device-row+.device-row){border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);border-top:0}.device-row:not(:has(+.device-row)){border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.member-row.inactive .member-row-main{opacity:.6}.member-row-main{align-items:center;gap:var(--space-3);min-width:0;min-height:3.5rem;padding:var(--space-2) var(--space-1);text-align:left;color:var(--ink);border-radius:var(--radius-sm);background:0 0;flex:1;font-weight:400;display:flex}button.member-row-main{cursor:pointer}button.member-row-main:hover{background:var(--fill);transform:none}button.member-row-main:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.member-row-main i{border-radius:50%;flex:none;width:1.5rem;height:1.5rem}.member-row-main>div{flex-direction:column;flex:1;min-width:0;display:flex}.member-row-main strong{font-size:var(--text-md);overflow-wrap:anywhere}.member-row-main small{color:var(--muted);font-size:var(--text-sm)}.member-row-chevron{color:var(--muted);flex:none}.member-row>.quiet{flex:none;margin:0}.member-create{margin-top:var(--space-2)}.member-create label,.member-create legend{font-size:var(--text-xs)}.color-options{gap:var(--space-2) var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.color-options label{justify-items:center;gap:var(--space-1);cursor:pointer;min-width:3rem;display:grid}.color-options input{opacity:0;border:0;width:1px;height:1px;min-height:0;margin:0;padding:0;position:absolute}.color-options span{width:2.5rem;height:2.5rem;box-shadow:inset 0 0 0 2px var(--bg);border:2px solid #0000;border-radius:50%;transition:transform .16s,border-color .16s}.color-options input:checked+span{border-color:var(--ink);transform:scale(1.06)}.color-options input:focus-visible+span{box-shadow:inset 0 0 0 2px var(--bg), 0 0 0 3px var(--focus-ring)}.color-options small{color:var(--ink-soft);font-size:var(--text-xs);text-transform:none;letter-spacing:0}dialog.member-edit-sheet{padding:0}dialog.member-edit-sheet:not([open]){display:none}.member-edit-form{gap:var(--space-4);padding:var(--space-5) clamp(1rem, 4vw, 2rem) max(var(--space-5), var(--safe-bottom));display:grid}.member-edit-form header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:.5px solid var(--rule);display:flex}.member-edit-form header p{color:var(--accent);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;margin:0}.member-edit-form h2{font-size:var(--text-xl);overflow-wrap:anywhere;margin:.2rem 0 0}.member-edit-form header .quiet{margin:0}.member-edit-form>label{gap:var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:600;display:grid}.member-edit-form input[type=text],.member-edit-form input:not([type]){width:100%;min-height:var(--tap);color:var(--ink);font-size:var(--text-md);background:var(--field-solid);border:.5px solid var(--rule);border-radius:var(--radius-sm);padding:.7rem}.member-edit-form fieldset{border:0;min-width:0;margin:0;padding:0}.member-edit-form legend{padding:0 0 var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:600}.member-edit-form .choice-group{display:grid}.member-edit-form .choice-row{align-items:center;gap:var(--space-3);min-height:var(--tap);padding:0 var(--space-1);color:var(--ink);font-size:var(--text-md);cursor:pointer;border-top:.5px solid var(--rule);font-weight:400;display:flex}.member-edit-form .choice-row:last-child{border-bottom:.5px solid var(--rule)}.member-edit-form .choice-row input{width:1.25rem;height:1.25rem;min-height:0;accent-color:var(--accent);background:0 0;border:0;margin:0;padding:0}.member-edit-form .switch-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--tap);padding:var(--space-3) 0;color:var(--ink);font-size:var(--text-md);border-top:.5px solid var(--rule);border-bottom:.5px solid var(--rule);cursor:pointer;font-weight:400;display:flex}.member-edit-form .switch-row>span{gap:.15rem;display:grid}.member-edit-form .switch-row strong{font-size:var(--text-md)}.member-edit-form .switch-row small{color:var(--muted);font-size:var(--text-sm);line-height:1.4}.member-edit-form .switch-row input[type=checkbox]{appearance:none;background:var(--fill);border:.5px solid var(--rule);border-radius:var(--radius-pill);cursor:pointer;flex:none;width:3.25rem;height:2rem;min-height:0;margin:0;padding:0;transition:background .16s;position:relative}.member-edit-form .switch-row input[type=checkbox]:after{content:"";background:var(--surface-raised);width:1.5rem;height:1.5rem;box-shadow:0 1px 3px var(--shadow);border-radius:50%;transition:transform .16s;position:absolute;top:.2rem;left:.2rem}.member-edit-form .switch-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.member-edit-form .switch-row input[type=checkbox]:checked:after{transform:translate(1.25rem)}.member-edit-form .switch-row input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.member-edit-form .switch-row input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.member-edit-form footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:.5px solid var(--rule);display:flex}.member-edit-form footer .quiet{margin:0}.device-row{align-items:flex-start}.device-row>div{gap:.15rem}.device-row>div>.confirm-panel{margin-top:var(--space-3)}.device-row>span{padding-top:.35rem}.device-actions .quiet{margin:0}dialog.secret-dialog{align-items:flex-start;gap:var(--space-4);background:var(--surface-raised);border:.5px solid var(--rule);border-radius:var(--radius-md);width:min(34rem,100vw - 2rem);max-height:90dvh;box-shadow:0 2rem 6rem var(--shadow);flex-direction:column;margin:auto;padding:3rem;display:flex;position:fixed;inset:0;overflow:auto;transform:none}dialog.secret-dialog:not([open]){display:none}dialog.secret-dialog:before{content:none}.secret-dialog .secret-close{top:var(--space-3);right:var(--space-3);width:var(--tap);height:var(--tap);color:var(--ink);border-radius:var(--radius-sm);background:0 0;place-items:center;padding:0;display:grid;position:absolute}.secret-dialog .secret-close:hover{background:var(--fill);transform:none}.secret-dialog .secret-eyebrow{color:var(--accent);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;margin:0}.secret-dialog h2{padding-right:var(--space-8);font-size:var(--text-xl);margin:0}.secret-dialog code{border-radius:var(--radius-sm)}.secret-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.secret-actions .quiet{margin:0}.secret-dialog small{font-size:var(--text-sm);line-height:1.5}@media (width<=900px){.settings-back{display:inline-flex}.settings-index-status{max-width:6.5rem}.section-toolbar>button{width:100%}.member-row{flex-wrap:nowrap}.member-row>div{min-width:0}.member-row>.quiet{padding:.45rem .5rem}dialog.secret-dialog{width:calc(100vw - 1.5rem);padding:1.25rem}.secret-dialog h2{font-size:var(--text-lg)}.secret-actions{width:100%}.secret-actions>button{flex:auto}}.member-edit-form .choice-row,.member-edit-form .choice-row span,.member-edit-form .switch-row,.member-edit-form .switch-row span,.member-edit-form .switch-row strong,.member-edit-form .switch-row small{text-transform:none;letter-spacing:0;font-size:var(--text-md);color:var(--ink);font-weight:500}.member-edit-form .switch-row small{font-size:var(--text-sm);color:var(--muted);font-weight:400;line-height:1.45}
