/* account (Hesabım) + SMS settings: view-specific styles (keep small; prefer panel.css / settings.css components) */
.acc-page{max-width:880px}
.acc-val{display:inline-flex;align-items:center;gap:4px 8px;flex-wrap:wrap;min-width:0;max-width:100%}
.acc-addr{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-actions{gap:8px;flex-wrap:wrap}
.acc-method h4{font-size:13px;font-weight:600;margin:0}
.acc-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.acc-opt{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;background:var(--panel2);cursor:pointer;min-width:0}
.acc-opt input{margin-top:3px;flex:none}
.acc-opt span{min-width:0}
.acc-opt b{display:block;font-size:13px;font-weight:600}
.acc-opt small{display:block;font-size:12px;color:var(--muted);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-opt:has(input:checked){border-color:var(--accent);background:var(--acc-bg)}
.acc-opt.off{cursor:not-allowed;opacity:.65}
.acc-opt.off small{font-family:inherit}
.acc-sent{margin:0}
/* Tanınan cihazlar (the browsers of this member, their sign-in trust) */
.acc-devs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.acc-dev{display:flex;align-items:center;gap:10px 12px;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;background:var(--panel2);min-width:0}
.acc-dev.cur{border-color:var(--accent)}
.acc-dev-t{flex:1;min-width:0;display:grid;gap:2px}
.acc-dev-n{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.acc-dev-n b{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.acc-dev small{display:block;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.acc-dev small.faint{color:var(--faint)}
.acc-dev small.acc-dev-trust{display:flex;align-items:center;gap:6px;color:var(--ok)}
.acc-dev-trust span:where(.ic){width:13px;height:13px;flex:none}
.acc-dev .btn{flex:none}
/* the sign-in code step (views/login.js): "Bu cihaza N gün güven" */
.auth-trust{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;background:var(--panel2);cursor:pointer}
.auth-trust input{margin-top:2px;flex:none;accent-color:var(--accent);width:15px;height:15px;cursor:pointer}
.auth-trust label{display:block;cursor:pointer}
.auth-trust b{display:block;font-size:13px;font-weight:600}
.auth-trust small{display:block;font-size:12px;color:var(--muted);margin-top:2px;line-height:1.4}
/* SMS settings: the test card's two steps */
.sms-test .field{flex:1;min-width:0}
.sms-test .row{align-items:flex-end;gap:8px;flex-wrap:wrap}
.sms-sid{font-family:var(--mono)}
@media (max-width:640px){
  .acc-opts{grid-template-columns:1fr}
  .acc-dev{flex-wrap:wrap}
  .acc-dev .btn{margin-left:auto}
}