/* SMS Numaraları — theme tokens only (dark and light). */
.sms-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.sms-stat{background:var(--surface);background-image:var(--card-sheen);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 18px;min-width:0}
.sms-stat span{display:block;font-size:11px;color:var(--text-3);letter-spacing:.02em}
.sms-stat strong{display:block;font-size:24px;font-weight:650;margin:6px 0 4px;color:var(--text);font-variant-numeric:tabular-nums}
.sms-stat small{display:block;font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.sms-setup{border:1px solid var(--warning-line);background:var(--warning-soft);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:20px}
.sms-setup strong{color:var(--warning-fg);font-size:13px}.sms-setup p{font-size:12px;color:var(--text-2);margin:6px 0 10px;line-height:1.6}
.sms-tab-panel{margin-top:18px}
.sms-active{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.sms-empty{grid-column:1/-1;border:1px dashed var(--line-2);border-radius:var(--radius-lg);padding:34px 20px;text-align:center;color:var(--muted)}
.sms-empty strong{display:block;color:var(--text);font-size:14px;margin-bottom:6px}.sms-empty p{margin:0;font-size:12px}
.sms-card{background:var(--surface);background-image:var(--card-sheen);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.sms-card.sms-state-code{border-color:var(--success-line)}
.sms-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sms-phone{font:650 19px/1.2 var(--mono);color:var(--text);background:none;border:0;padding:0;cursor:pointer;letter-spacing:.01em;text-align:left}
.sms-phone:hover{color:var(--accent-fg)}
.sms-badge{font-size:11px;padding:3px 9px;border-radius:999px;background:var(--surface-3);color:var(--text-2);white-space:nowrap}
.sms-card.sms-state-code .sms-badge{background:var(--success-soft);color:var(--success-fg)}
.sms-card.sms-state-resend .sms-badge,.sms-card.sms-state-waiting .sms-badge{background:var(--warning-soft);color:var(--warning-fg)}
.sms-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--muted)}
.sms-countdown{margin-left:auto;font-variant-numeric:tabular-nums}.sms-late{color:var(--danger-fg)}
.sms-code-area{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;min-height:58px;padding:12px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line)}
.sms-code-label{width:100%;font-size:11px;color:var(--text-3)}
.sms-code{font:700 28px/1.1 var(--mono);letter-spacing:.12em;color:var(--success-fg);background:none;border:0;padding:0;cursor:pointer}
.sms-text{width:100%;margin:0;font-size:12px;line-height:1.55;color:var(--text-2);overflow-wrap:anywhere}
.sms-codes{width:100%;font-size:11px;color:var(--muted)}
.sms-wait{font-size:12px;color:var(--text-2);line-height:1.5;flex:1;min-width:0}
.sms-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--line-2);border-top-color:var(--accent-fg);animation:sms-spin .9s linear infinite;flex-shrink:0}
@keyframes sms-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sms-spinner{animation:none}}
.sms-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.sms-actions .button{font-size:12px}
.sms-hint{font-size:11.5px;color:var(--muted);line-height:1.7;margin:16px 0 0;max-width:820px}
.sms-history-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sms-history-head p{margin:0 auto 0 0;font-size:12px;color:var(--muted)}
.sms-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.sms-table{width:100%;border-collapse:collapse;font-size:12.5px}
.sms-table th{text-align:left;font-weight:550;font-size:11px;color:var(--text-3);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.sms-table td{padding:10px 14px;border-bottom:1px solid var(--line);color:var(--text-2);white-space:nowrap}
.sms-table tr:last-child td{border-bottom:0}.sms-mono{font-family:var(--mono)}.sms-empty-row{text-align:center;color:var(--muted)}
.sms-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--success-soft);color:var(--success-fg);flex-shrink:0}
#sms-key-status{float:right;font-size:11px;color:var(--success-fg)}
#sms-settings-result{font-size:12px;line-height:1.7;color:var(--text-2);white-space:pre-wrap;margin-top:16px}
.tile-sms{--tile:var(--teal)}
@media(max-width:760px){.sms-summary{grid-template-columns:1fr}.sms-active{grid-template-columns:1fr}.sms-stat strong{font-size:20px}.page-heading #sms-buy{width:100%}}
#sms-key-status.sms-key-missing{color:var(--warning-fg)}