.surface-preferences{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;max-inline-size:100%;font-size:.875rem}
.surface-preference-group{display:flex;flex-wrap:wrap;gap:.25rem}
.surface-preference-option{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding:.45rem .65rem;border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none}
.surface-preference-option.selected{background:var(--brand-soft);border-color:var(--brand);font-weight:650}
.surface-auth-preferences{padding-block-end:1rem;margin-block-end:1rem;border-block-end:1px solid var(--border);align-items:end}
.surface-auth-preferences label{display:grid;gap:.35rem;flex:1 1 120px;min-inline-size:0}
.surface-auth-preferences select{inline-size:100%;min-block-size:44px;max-inline-size:100%}
.surface-preference-option:focus-visible,.surface-auth-preferences select:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
html[dir="rtl"] .phone-input,html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="email"],html[dir="rtl"] input[autocomplete="one-time-code"]{direction:ltr;text-align:start}
html[dir="rtl"] .sidebar{border-inline-end:1px solid var(--border);border-right:0}
/* TR: Ortak oturum kabuğunda eski 40/42px hedefler 44px dokunma standardına uyar. */
.admin-app button,.admin-app .button,.admin-nav-item,.admin-app summary,.admin-panel>a{min-block-size:44px}