/* A short settings menu; explanations belong to the destination panel. */
.settings-sheet{background:#f5f7fb}
.settings-sheet>.sheet-head{margin-bottom:16px}
.settings-group{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:0 14px;margin:0 0 14px;overflow:hidden}
.settings-group .settings-row{gap:12px;min-height:69px;padding:12px 0;border-top:1px solid #edf0f5;margin:0;line-height:1.4}
.settings-group .settings-row:first-child{border-top:0}
.settings-row .settings-symbol{display:flex;align-items:center;justify-content:center;width:35px;height:36px;border-radius:11px;background:#eef3fc;color:#5874a0;flex:none}
.settings-row .settings-symbol .icon{width:21px;height:21px}
.settings-row .settings-copy{flex:1;min-width:0;color:var(--ink);text-align:left}
.settings-copy>strong{display:block;font-size:14px;font-weight:650;line-height:1.35}
.settings-copy>small{display:block;color:var(--muted);font-size:11px;font-weight:400;line-height:1.4;margin-top:3px}
.settings-row .settings-chevron{flex:none;width:17px;color:#a0adc0}
.settings-row .settings-chevron .icon{width:17px;height:17px}
.settings-group button.settings-row:active{background:#f0f4fc}
.settings-group .settings-switch{display:flex;justify-content:space-between;cursor:pointer}
.settings-switch input[type=checkbox]{margin-left:2px;flex:none}
.settings-footer{text-align:center;color:var(--muted);font-size:11px;padding:1px 0 4px}
.settings-detail-intro{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 17px}
.settings-detail .settings-group{margin:16px 0}
.settings-footnote{font-size:11px;line-height:1.6;color:var(--muted);margin:16px 0}
.family-status{display:flex;justify-content:flex-start;margin:-4px 0 11px}
.family-key-note{font-size:11px;color:var(--muted);line-height:1.5;margin:9px 0 15px}
.family-sheet .sheet-head h2{font-size:21px;letter-spacing:-.5px}
.family-sheet .key-actions{gap:8px;align-items:center}
.family-sheet .key-actions button{font-size:12px;padding:4px 0}
.family-sheet #sync-message{margin:12px 0;overflow-wrap:anywhere}
.family-sheet #copy-family-link{margin-top:3px}
.family-sheet .field-label{margin-top:15px}
.settings-facts{background:#f4f7fc;padding:3px 15px;border-radius:15px;margin-bottom:18px}
.settings-facts>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;font-size:12px;border-bottom:1px solid var(--line)}
.settings-facts>div:last-child{border-bottom:0}
.settings-facts span{color:var(--muted)}
.settings-facts strong{font-size:13px;font-weight:600;text-align:right}
.settings-about{padding:5px 0 20px}
.settings-disclosure{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:4px 0 18px}
.settings-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;padding:15px;min-height:52px;cursor:pointer}
.settings-disclosure>summary::-webkit-details-marker{display:none}
.settings-disclosure>summary .icon{width:17px;height:17px;color:var(--muted)}
.settings-disclosure[open]>summary .icon{transform:rotate(90deg)}
.settings-disclosure>.install-steps{margin:0;padding:0 20px 16px 34px;font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:359px){.settings-group{padding:0 11px}.settings-group .settings-row{gap:10px}.settings-copy>strong{font-size:13px}.settings-copy>small{font-size:10.5px}.settings-row .settings-symbol{width:31px;height:33px}.family-sheet .sheet-head h2{font-size:19px}.family-sheet .key-actions button{font-size:11px}}

.settings-group a.settings-row{text-decoration:none;color:var(--ink)}
.settings-group a.settings-row:active{background:var(--blue-soft)}

/* Settings follow the same compact, readable rhythm as the main pages. */
.settings-sheet .settings-group,.settings-detail .settings-group{border-radius:var(--ui-card-radius,18px);padding-inline:14px;margin-block:0 12px}
.settings-sheet .settings-group .settings-row,.settings-detail .settings-group .settings-row{min-height:56px;padding-block:10px;gap:12px;border-color:var(--line);border-radius:0}
.settings-sheet .settings-copy>strong,.settings-detail .settings-copy>strong{font-size:14px;line-height:1.4;font-weight:600}
.settings-sheet .settings-copy>small,.settings-detail .settings-copy>small{font-size:12px;line-height:1.45;margin-top:2px}
.settings-sheet .settings-symbol,.settings-detail .settings-symbol{width:34px;height:34px;border-radius:11px}
.settings-sheet .settings-symbol .icon,.settings-detail .settings-symbol .icon{width:20px;height:20px}
.settings-sheet .settings-footer{font-size:12px;line-height:1.4;padding:4px 0 0}
.settings-sheet .settings-switch .settings-copy>small{display:none}
.settings-sheet .settings-row:focus-visible,.settings-detail .settings-row:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:var(--ui-control-radius,12px)}
.settings-detail .settings-detail-intro{font-size:14px;line-height:1.5;margin-bottom:16px}
.settings-detail .settings-footnote,.family-sheet .family-key-note{font-size:12px;line-height:1.5;margin-block:12px 16px}
.settings-detail .settings-facts{padding:2px 14px;border-radius:var(--ui-nested-radius,14px);background:var(--ui-nested,var(--bg));margin-bottom:16px}
.settings-detail .settings-facts>div{padding-block:13px;gap:12px;font-size:12px}
.settings-detail .settings-facts strong{font-size:14px;line-height:1.4}
.settings-detail .settings-about{padding:4px 0 16px}
.settings-detail .settings-about>span,.settings-detail .settings-about>p{font-size:12px;line-height:1.5}
.settings-detail .settings-disclosure{border-radius:var(--ui-nested-radius,14px);background:var(--ui-nested,var(--bg));margin-block:0 16px}
.settings-detail .settings-disclosure>summary{min-height:48px;padding:12px 14px;font-size:14px}
.settings-detail .settings-disclosure>.install-steps{line-height:1.6;padding:0 16px 14px 32px}
.family-sheet .key-row{position:relative;gap:0}
.family-sheet .key-row>input{padding-right:52px;font-size:14px}
.family-sheet .key-row>.icon-button{position:absolute;right:2px;width:44px;height:44px;min-height:44px;border-radius:var(--ui-control-radius,12px);color:var(--muted)}
.family-sheet .key-actions{gap:8px;margin-top:4px}
.family-sheet .key-actions button{font-size:13px;min-height:44px;padding:8px 0}
.family-sheet .button-row{gap:12px}
.family-sheet .field-label{margin-top:16px}
@media(max-width:359px){.settings-sheet .settings-group,.settings-detail .settings-group{padding-inline:12px}.settings-sheet .settings-group .settings-row,.settings-detail .settings-group .settings-row{gap:10px}.family-sheet .key-actions button{font-size:13px}}