/* Quiet settings sections with secondary controls tucked away. */
#settingsPage{max-width:720px;width:100%;align-self:center;padding:4px 2px 20px}
#settingsPage>h1{font-size:27px;letter-spacing:-.7px;margin:2px 0 12px}
#settingsPage>.cloud-settings,#settingsPage>.tag-manager,#settingsPage>.voice-settings{border:0;border-bottom:1px solid #e7e3eb;border-radius:0;background:transparent;box-shadow:none;margin:0;padding:20px 0}
#settingsPage .cloud-settings{padding-top:6px}
.settings-section-heading,.tag-manager-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
#settingsPage h2{font-size:16px;font-weight:700;letter-spacing:0;margin:0}
#settingsPage .cloud-settings p{font-size:12px;margin:5px 0;color:#756e7d;line-height:1.5}
#cloudStatus{display:flex;align-items:baseline;gap:6px}
#syncNow{width:40px;min-height:40px;padding:5px;font-size:21px;background:transparent;color:#79698b;border:0}
#settingsPage .cloud-actions{gap:8px;margin-top:13px}
#settingsPage .cloud-actions button{min-height:38px;padding:8px 14px;font-size:12px}
#settingsPage .backup-settings{margin-top:16px}
#settingsPage summary{font-size:12px;color:#756e7d;cursor:pointer;padding:8px 0;list-style-position:inside}
#settingsPage summary:focus-visible{outline:2px solid #8257ad;outline-offset:3px;border-radius:4px}
.backup-actions{display:flex;gap:8px;flex-wrap:wrap;padding:6px 0}
.backup-actions button{min-height:40px;font-size:12px;padding:7px 12px;border:1px solid #e3dce9;background:white}
#settingsPage .tag-manager-header{margin-bottom:3px}
#settingsPage #addManagedTag{width:40px;height:40px;min-width:40px;background:#eee8f6;border:0;padding:11px}
#settingsPage .managed-tag{padding:10px 0;border-color:#eeeaf1}
#settingsPage .managed-tag-label{padding:5px 0;gap:9px;background:transparent;border:0;border-radius:8px;color:#3d3545;font-size:14px;font-weight:600;box-shadow:none}
#settingsPage .managed-tag-label::before{content:'';width:10px;height:10px;flex-shrink:0;background:var(--tag-edge);border-radius:50%}
#settingsPage .managed-tag-label>.ui-icon{display:none}
#settingsPage .tag-manager-actions .icon{background:transparent;border:0;border-radius:12px;padding:11px}
#settingsPage .tag-manager-actions .icon:hover{background:#eee8f6}
#settingsPage .tag-manager-actions .danger:hover{background:#ffe6df}
#settingsPage .tag-usage{padding-left:19px;font-size:10px;color:#948b9b}
#settingsPage .voice-settings h2{margin-bottom:15px}
#settingsPage .voice-settings label{font-size:12px;color:#756e7d}
#settingsPage #voiceLanguageSetting{max-width:320px;min-height:42px;border:1px solid #e1dbe8;background:white;border-radius:12px;padding:8px 12px;font-size:13px}
#settingsPage .voice-info{margin-top:6px}
@media(min-width:701px){#settingsPage .tag-usage{padding-left:0}}
@media(max-width:360px){#settingsPage .managed-tag{grid-template-columns:22px minmax(0,1fr) 82px;column-gap:5px}.tag-manager-actions{gap:2px}}
/* Account identity and controls share a row; secondary actions stay folded. */
#settingsPage>.cloud-settings{padding:8px 0 10px}
.account-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-identity{flex:1;min-width:0}
#settingsPage .account-identity h2{font-size:14px;line-height:1.4}
#settingsPage .account-identity p{margin:2px 0 0;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
#settingsPage .account-identity #cloudStatus{font-size:11px;color:#8b8093}
#settingsPage .account-summary .cloud-actions{flex-shrink:0;flex-wrap:nowrap;gap:4px;margin:0;align-items:center}
#settingsPage .account-summary .cloud-actions button{min-height:40px;padding:7px 10px;font-size:12px;white-space:nowrap}
#settingsPage .account-summary #syncNow{width:36px;min-width:36px;min-height:40px;padding:5px;background:transparent;font-size:20px}
#settingsPage .backup-settings{margin-top:4px}
#settingsPage .backup-settings>summary{min-height:32px;display:flex;align-items:center;gap:7px;padding:5px 0;font-size:11px;list-style:none}
#settingsPage .backup-settings>summary::-webkit-details-marker{display:none}
#settingsPage .backup-settings>summary::before{content:'›';font-size:16px;line-height:1;transition:transform .15s ease}
#settingsPage .backup-settings[open]>summary::before{transform:rotate(90deg)}
.backup-actions [hidden]{display:none}
@media(max-width:360px){.account-summary{gap:6px}#settingsPage .account-summary .cloud-actions button{font-size:11px;padding:6px 8px}#settingsPage .account-summary #syncNow{width:32px;min-width:32px}}