/* SMS Doğrulama — reuses the cp-* building blocks from crypto.css; only module-specific bits here. */
#view-otp code{font-family:var(--mono);font-size:12px;background:var(--surface-3);padding:1px 5px;border-radius:4px}
.otp-provider .cp-card-head h2{margin-right:auto}
.otp-caps{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.otp-checks{list-style:none;margin:0;padding:0}.otp-checks li{display:flex;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--text-2)}
.otp-checks li:last-child{border-bottom:0}.otp-checks b{min-width:18px;font-weight:700}
.otp-ref{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.otp-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}
.otp-costs-line{display:flex;flex-wrap:wrap;gap:6px}
.tile-otp{--tile:var(--teal)}
#view-otp .cp-tone-muted{background:var(--surface-3);color:var(--text-2)}
@media(max-width:900px){.otp-grid3{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.otp-grid3{grid-template-columns:1fr}}
.otp-sms{max-width:340px;margin:6px 0 8px;padding:12px;border-radius:14px;background:var(--surface-3)}
.otp-sms-from{font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:6px}
.otp-sms-text{display:inline-block;padding:9px 12px;border-radius:14px 14px 14px 4px;background:#e9e9eb;color:#111;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word}
.otp-sms-line{display:block;max-width:240px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}