.settings-workspace{max-width:1020px;gap:18px}
.settings-tablist{position:sticky;top:12px;z-index:4;display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c3cebe transparent;overscroll-behavior-x:contain;padding:7px;background:linear-gradient(120deg,#f3f4e9,#e9eedf);border:1px solid #dce4d4;border-radius:18px;box-shadow:0 6px 22px #173f3605}
.settings-tablist button{flex:1 0 auto;display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px 17px;border:1px solid transparent;border-radius:12px;background:transparent;color:#526b60;font:600 13px/1.4 'DM Sans',system-ui,sans-serif;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.settings-tablist button:hover{background:#fffefa85;color:#173f36;transform:translateY(-1px)}
.settings-tablist button.selected{background:linear-gradient(120deg,#105849,#073f35);color:#fffdf2;border-color:#155646;box-shadow:0 4px 12px #073f3520}
.settings-tablist button:active{transform:scale(.98)}
.settings-tablist button:focus-visible,.settings-panel:focus-visible{outline:2px solid #aa7c23;outline-offset:3px}
.settings-tab-description{margin:0 5px;color:#60766d;font-size:13px;line-height:1.6}
.settings-panel{display:grid;gap:18px;min-width:0;scroll-margin-top:24px}
.settings-panel[hidden]{display:none!important}
.settings-panel>.card{border-radius:22px;border-color:#173f360b;box-shadow:0 8px 30px #1a3a3105}
.settings-panel :is(#routine-manager,#quran-settings){scroll-margin-top:104px}
@media(max-width:680px){.settings-workspace{gap:14px}.settings-tablist{gap:4px;padding:5px;border-radius:15px;margin-inline:-2px}.settings-tablist button{flex:0 0 auto;min-height:44px;padding:10px 14px;font-size:12px;border-radius:10px}.settings-tab-description{font-size:12px;margin-inline:2px}.settings-panel{gap:14px}}
@media(prefers-reduced-motion:reduce){.settings-tablist button{transition:none;transform:none!important}}