/* settings.css — صفحه تنظیمات */
body[data-route="settings"] .app-footer{display:none !important}
body[data-route="settings"] .app-main{padding-bottom:calc(var(--bottom-h) + 18px + var(--nav-off))}
@media(min-width:1024px){body[data-route="settings"] .app-main{padding-bottom:22px}}

.st{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%;max-width:720px;margin-inline:auto;width:100%}
.st-me{display:flex;align-items:center;gap:13px;padding:16px 18px;cursor:pointer;transition:.2s}
.st-me:hover{box-shadow:var(--shadow-lg);border-color:rgba(212,175,55,.5)}
.st-avatar{width:54px;height:54px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;color:#fff;background:linear-gradient(135deg,var(--secondary),#2f5a94 60%,var(--primary));border:2px solid var(--primary)}
.st-me b{font-size:.92rem}
.st-me small{display:block;color:var(--muted);font-size:.74rem;margin-top:2px}
.st-me .go{margin-inline-start:auto;color:var(--muted);display:grid;place-items:center}
.st-me .go svg{width:18px;height:18px}
.st-avatar svg{width:26px;height:26px}
.st-seg button{display:inline-flex;align-items:center;gap:6px}
.st-seg button svg{width:15px;height:15px}
.st-sec h3{margin:0 0 8px;font-size:.86rem;color:var(--muted);font-weight:700;padding-inline-start:6px}
.st-group{overflow:hidden;padding:6px}
.st-row{display:flex;align-items:center;gap:12px;padding:13px 14px;font-size:.85rem;border-radius:13px;cursor:pointer}
.st-row:not(:last-child){border-bottom:1px solid var(--stroke);border-radius:0}
.st-row:first-child{border-radius:13px 13px 0 0}
.st-row:last-child{border-radius:0 0 13px 13px}
.st-row:only-child{border-radius:13px}
button.st-row,a.st-row{width:100%;background:none;border:0;border-bottom:1px solid var(--stroke);color:var(--text);font-family:inherit;text-align:right}
.st-row .ic{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--secondary-soft);color:var(--secondary)}
.st-row .ic svg{width:20px;height:20px}
.st-row small{display:block;font-size:.7rem;color:var(--muted);font-weight:400;margin-top:2px}
.st-row .val{margin-inline-start:auto;font-size:.78rem;color:var(--muted)}
.st-row .chev{color:var(--muted);display:grid;place-items:center}
/* جلوگیری از له‌شدن متن و چسبیدن فلش به لبه */
.st-row .st-seg,.st-row .tgl,.st-row .chev,.st-row .val{flex:none}
.st-row .chev{margin-inline-start:auto}
.st-row>span:nth-child(2){min-width:0}
/* ردیف چندخطی: سگمنت تمام‌عرض زیر متن */
.st-row.stack{flex-wrap:wrap}
.st-row.stack .st-seg{flex:1 1 100%;margin-inline-start:0}
.st-row.stack .st-seg button{flex:1;justify-content:center}
@media(max-width:420px){.st-row{padding:13px 12px;gap:10px}.st-seg button{padding:8px 11px;font-size:.72rem}}
.st-row .chev svg{width:16px;height:16px}
.st-row.danger{color:#c22}
.st-row.danger .ic{background:rgba(200,30,30,.1)}
.tgl{position:relative;width:46px;height:27px;flex:none;margin-inline-start:auto;cursor:pointer}
.tgl input{display:none}
.tgl i{position:absolute;inset:0;border-radius:99px;background:var(--muted);opacity:.4;transition:.2s}
.tgl i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.tgl input:checked + i{background:var(--primary);opacity:1}
.tgl input:checked + i::after{transform:translateX(-19px)}
.st-seg{display:flex;gap:5px;padding:5px;border-radius:15px;background:var(--surface-2);border:1px solid var(--stroke);margin-inline-start:auto}
.st-seg button{border:0;background:none;font-family:inherit;font-size:.76rem;font-weight:700;color:var(--muted);padding:8px 17px;border-radius:11px;cursor:pointer;white-space:nowrap}
.st-seg button.on{background:var(--primary-soft);color:var(--primary-ink);box-shadow:inset 0 0 0 1px rgba(212,175,55,.45)}
.st-ver{text-align:center;color:var(--muted);font-size:.72rem;line-height:2}
.st-toast{position:fixed;bottom:calc(var(--bottom-h) + 20px);left:50%;transform:translateX(-50%);z-index:120;padding:12px 24px;font-size:.84rem;font-weight:700;max-width:calc(100vw - 32px);text-align:center}
.st-toast[hidden]{display:none}