.sa-service-numbers .sa-tool-card { overflow: visible; }
.sa-number-tool { display: grid; gap: 18px; }
.sa-number-intro { display:flex; align-items:center; gap:16px; padding:18px; border:1px solid color-mix(in srgb,var(--sa-accent) 24%,var(--sa-line)); border-radius:18px; background:linear-gradient(135deg,color-mix(in srgb,var(--sa-accent) 10%,var(--sa-surface)),var(--sa-surface)); }
.sa-number-intro__icon { width:58px; aspect-ratio:1; display:grid; place-items:center; flex:0 0 auto; border-radius:17px; background:var(--sa-accent); color:#fff; font-size:25px; box-shadow:0 12px 28px color-mix(in srgb,var(--sa-accent) 25%,transparent); }
.sa-number-intro span,.sa-number-results__header span,.sa-number-history header span { color:var(--sa-accent); font-size:12px; font-weight:800; }
.sa-number-intro h3,.sa-number-results h3,.sa-number-history h3 { margin:2px 0 4px; font-size:clamp(20px,2.4vw,28px); }
.sa-number-intro p,.sa-number-results__header p { margin:0; color:var(--sa-muted); font-size:13px; }
.sa-number-form { padding:20px; border:1px solid var(--sa-line); border-radius:20px; background:var(--sa-surface-soft); display:grid; gap:16px; }
.sa-number-field { display:grid; gap:8px; }
.sa-number-field > label,.sa-number-field > span,.sa-number-options label > span { font-size:13px; font-weight:800; color:var(--sa-text); }
.sa-number-field > label i,.sa-number-options label > span i { color:var(--sa-accent); margin-left:6px; }
.sa-number-input-shell { position:relative; display:flex; align-items:center; border:2px solid var(--sa-line); border-radius:16px; background:var(--sa-surface); overflow:hidden; transition:.2s; }
.sa-number-input-shell:focus-within { border-color:var(--sa-accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--sa-accent) 13%,transparent); }
.sa-number-input-shell input { width:100%; min-height:68px; padding:0 20px; border:0!important; outline:0; background:transparent!important; color:var(--sa-text); font-size:clamp(22px,4vw,32px); font-weight:800; direction:ltr; text-align:left; letter-spacing:.02em; }
.sa-number-input-shell button { width:48px; height:48px; margin-inline-end:9px; flex:0 0 auto; border:0; border-radius:13px; background:var(--sa-surface-soft); color:var(--sa-muted); cursor:pointer; }
.sa-number-live-preview { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; color:var(--sa-muted); font-size:12px; }
.sa-number-live-preview strong { color:var(--sa-text); direction:ltr; font-size:14px; overflow-wrap:anywhere; }
.sa-number-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sa-number-options label { display:grid; gap:7px; }
.sa-number-options select { min-height:50px; padding:0 14px; border:1px solid var(--sa-line); border-radius:13px; background:var(--sa-surface); color:var(--sa-text); }
.sa-number-examples { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.sa-number-examples > span { color:var(--sa-muted); font-size:12px; }
.sa-number-examples button { padding:7px 12px; border:1px solid var(--sa-line); border-radius:999px; background:var(--sa-surface); color:var(--sa-text); cursor:pointer; direction:ltr; font-weight:700; }
.sa-number-examples button:hover { border-color:var(--sa-accent); color:var(--sa-accent); }
.sa-number-submit { min-height:56px; display:flex; align-items:center; justify-content:center; gap:9px; border:0; border-radius:15px; background:var(--sa-accent); color:#fff; font-weight:900; cursor:pointer; box-shadow:0 12px 24px color-mix(in srgb,var(--sa-accent) 24%,transparent); }
.sa-number-alert { display:flex; align-items:flex-start; gap:10px; padding:14px 16px; border:1px solid #f4b6b6; border-radius:14px; background:#fff1f1; color:#a52d2d; }
[data-sa-theme="dark"] .sa-number-alert { background:#351d22; border-color:#6b303b; color:#ffc5cc; }
.sa-number-results,.sa-number-history { padding:20px; border:1px solid var(--sa-line); border-radius:20px; background:var(--sa-surface); box-shadow:0 14px 38px rgba(20,30,50,.07); }
.sa-number-results__header,.sa-number-history header { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:16px; }
.sa-number-results__actions { display:flex; flex-wrap:wrap; gap:8px; }
.sa-number-results__actions button { min-height:40px; padding:0 13px; border:1px solid var(--sa-line); border-radius:11px; background:var(--sa-surface-soft); color:var(--sa-text); cursor:pointer; }
.sa-number-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.sa-number-summary > div { min-width:0; padding:14px; display:grid; gap:3px; border:1px solid var(--sa-line); border-radius:15px; background:var(--sa-surface-soft); }
.sa-number-summary i { color:var(--sa-accent); }
.sa-number-summary span { color:var(--sa-muted); font-size:11px; }
.sa-number-summary strong { overflow-wrap:anywhere; font-size:17px; }
.sa-number-language-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.sa-number-language-card { overflow:hidden; border:1px solid var(--sa-line); border-radius:18px; background:var(--sa-surface); }
.sa-number-language-card header { padding:14px; display:flex; align-items:center; gap:11px; background:var(--sa-surface-soft); border-bottom:1px solid var(--sa-line); }
.sa-number-language-card header > span { width:40px; aspect-ratio:1; display:grid; place-items:center; border-radius:12px; background:color-mix(in srgb,var(--sa-accent) 12%,var(--sa-surface)); color:var(--sa-accent); }
.sa-number-language-card small,.sa-number-language-card h4 { display:block; margin:0; }
.sa-number-language-card small { color:var(--sa-muted); font-size:10px; }
.sa-number-language-card h4 { font-size:14px; }
.sa-number-language-card__value { min-height:132px; padding:22px 18px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:clamp(18px,2.4vw,25px); font-weight:800; line-height:1.9; overflow-wrap:anywhere; }
.sa-number-language-card > button { width:calc(100% - 24px); min-height:45px; margin:0 12px 12px; border:0; border-radius:12px; background:var(--sa-accent); color:#fff; font-weight:800; cursor:pointer; }
.sa-number-language-card--en > button { background:#26354a; }
.sa-number-note { margin-top:14px; padding:13px 15px; display:flex; align-items:flex-start; gap:10px; border-radius:14px; background:color-mix(in srgb,var(--sa-accent) 7%,var(--sa-surface-soft)); color:var(--sa-muted); }
.sa-number-note i { color:var(--sa-accent); margin-top:4px; }
.sa-number-note p { margin:0; font-size:12px; }
.sa-number-history header small { color:var(--sa-muted); }
.sa-number-history__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.sa-number-history__grid button { min-width:0; padding:13px; display:grid; grid-template-columns:1fr auto; gap:4px 10px; text-align:right; border:1px solid var(--sa-line); border-radius:14px; background:var(--sa-surface-soft); color:var(--sa-text); cursor:pointer; }
.sa-number-history__grid strong { direction:ltr; text-align:right; font-size:16px; }
.sa-number-history__grid span { grid-column:1; color:var(--sa-muted); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sa-number-history__grid i { grid-column:2; grid-row:1 / 3; align-self:center; color:var(--sa-accent); }
.sa-number-ad { margin-block:16px; overflow:hidden; }
@media(max-width:760px){.sa-number-options,.sa-number-language-grid{grid-template-columns:1fr}.sa-number-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-number-results__header,.sa-number-history header{flex-direction:column}.sa-number-results__actions{width:100%}.sa-number-results__actions button{flex:1}.sa-number-history__grid{grid-template-columns:1fr}}
@media(max-width:480px){.sa-number-intro{align-items:flex-start}.sa-number-intro__icon{width:48px}.sa-number-form,.sa-number-results,.sa-number-history{padding:14px}.sa-number-input-shell input{min-height:60px;font-size:23px}.sa-number-summary{grid-template-columns:1fr 1fr}.sa-number-language-card__value{min-height:110px;padding:18px 14px}}
@media print{.sa-number-intro,.sa-number-form,.sa-number-history,.sa-number-results__actions,.sa-tool-aftercare,.sa-modern-ad{display:none!important}.sa-number-results{box-shadow:none;border:0;padding:0}.sa-number-language-card__value{min-height:auto}}