/* SMS-only layout; the shared navigation retains its dimensions. */
.sms-page .sms-layout{grid-template-columns:minmax(0,1fr)}
.sms-page .sms-activation{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) minmax(0,1.08fr);gap:14px;align-items:stretch}
.sms-page .sms-activation>.panel{padding:20px 16px;background:linear-gradient(145deg,#141416,#101113);border-color:#2b2a2f;border-radius:15px}
.sms-stage-heading{display:flex;gap:12px;align-items:center;margin-bottom:22px}.sms-stage-number{flex:none;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#ff3152,#e50029);font-size:16px;font-weight:800;box-shadow:0 5px 20px #e5092522}
.sms-page .sms-stage-heading h1,.sms-page .sms-stage-heading h2{font-size:17px;line-height:1.25;letter-spacing:-.4px;margin:0}
.sms-page .sms-activation .service-search{display:block;position:relative;margin-bottom:14px;border:1px solid #303037;border-radius:11px;background:#151619}.sms-page .sms-activation .service-search input{display:block;width:100%;min-width:0;box-sizing:border-box;border:0;border-radius:11px;background:transparent;padding:13px 12px 13px 35px;min-height:46px;color:#eee;outline:none}.sms-page .sms-activation .service-search svg{position:absolute;left:12px;top:15px;width:16px;height:16px}.sms-page .sms-activation .service-search:focus-within{border-color:#ed3659;box-shadow:0 0 0 2px #ed365919}
.sms-page .sms-activation .service-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 14px}.sms-page .sms-activation .service-categories button{border-radius:9px;padding:10px 4px;font-size:10px;border-color:#2c2e34;background:#18191d}.sms-page .sms-activation .service-categories button[aria-pressed=true]{background:linear-gradient(130deg,#ff1646,#e8002c);border-color:#ff244b;color:#fff}
.sms-page .sms-activation .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sms-page .service-tile.sms-service-item{display:block;position:relative;padding:0;border:1px solid #2c2d34;border-radius:12px;background:linear-gradient(140deg,#18191d,#121316);min-height:74px;overflow:hidden}
.sms-page .sms-service-item.is-selected{border-color:#af334d;background:linear-gradient(120deg,#3e1521,#1b1318)}
.sms-page .sms-service-item .service-choice{display:flex;align-items:center;gap:8px;min-height:74px;width:100%;padding:14px 25px 14px 10px;border:0;background:none;text-align:left;color:#f2eff1;text-decoration:none;font-size:11px;border-radius:12px}.sms-page .sms-service-item .service-choice>span:last-child{overflow-wrap:anywhere;line-height:1.3}
.sms-page .sms-service-item .service-mark{width:30px;height:30px;min-width:30px;border-radius:8px}.sms-page .sms-service-item .service-logo-image{width:27px;height:27px}
.sms-page .sms-service-item .service-favorite{position:absolute;right:3px;top:5px;padding:4px;width:23px;height:23px;border:0;background:transparent;color:#9f9aa4;display:grid;place-items:center}.service-favorite svg{width:17px;height:17px;stroke:currentColor;fill:transparent;stroke-width:1.8}.sms-page .service-favorite[aria-pressed=true]{color:#ffc363}.service-favorite[aria-pressed=true] svg{fill:#ffc363}
.sms-page .sms-activation .service-more{display:flex;align-items:center;justify-content:center;text-align:center;min-height:74px;border-radius:12px;border:1px dashed #47434b;background:#161419;color:#cfbfc6;font-size:11px}
.sms-page .sms-favorites-help{display:flex;gap:7px;align-items:flex-start;margin:17px 0 0;color:#9b929b;font-size:10px}.sms-favorites-help svg{width:14px;height:14px;flex:none}.sms-page .sms-activation .service-results{font-size:10px;min-height:15px;margin:0 0 10px;color:#caa8b2}
.sms-page .sms-activation #reserve-form{gap:12px}.sms-page .sms-field-label,.sms-page .sms-activation .activation-step legend,.sms-receive-panel label{font-size:12px;color:#eae5e9;font-weight:650}.sms-page .sms-activation .activation-step{padding:0;border:0;min-width:0}.sms-page .sms-activation .activation-step legend{margin:8px 0 9px;padding:0}.sms-page .sms-activation #country{font-size:12px;background:#191a1d;border-color:#393940;border-radius:10px;padding:12px;margin-top:-5px}.sms-page .sms-activation .option-list{height:244px;min-height:244px;max-height:244px;overflow-y:auto;overflow-x:hidden;align-content:start;gap:9px;padding:4px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#9d2d45 #191a1d;overscroll-behavior-y:contain}.sms-page .sms-activation .option-list .option-card{flex-shrink:0}.sms-page .sms-activation .option-list .option-card:focus-visible{outline-offset:1px}
.sms-page .sms-activation .option-card{padding:12px;border-color:#303039;background:linear-gradient(120deg,#1b1c20,#141518);border-radius:11px;min-height:71px}.sms-page .sms-activation .option-card[aria-pressed=true]{border-color:#f32950;background:linear-gradient(120deg,#421420,#25131c);box-shadow:inset 3px 0 #fb345a}.sms-page .sms-activation .option-title strong{font-size:12px}.sms-page .sms-activation .option-title{flex-wrap:wrap;gap:5px}.sms-page .sms-activation .option-price{font-size:15px;white-space:nowrap;color:#ff355b}.sms-page .sms-activation .option-card small{font-size:9px;line-height:1.4}.sms-page .sms-activation .option-card:disabled{opacity:.68}.sms-page .sms-activation .option-card[data-available=false]{border-style:dashed}
.sms-purchase-summary{border-top:1px solid #302930;padding-top:15px;margin-top:4px}.sms-purchase-summary h3{font-size:12px;margin:0 0 10px}.sms-summary-product{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #323039;border-radius:10px 10px 0 0;background:#19191d}.sms-summary-product .service-mark{width:33px;height:33px;min-width:33px}.sms-summary-product .checkout-info{min-width:0}.sms-summary-product .checkout-info strong{display:block;font-size:12px;overflow-wrap:anywhere}.sms-summary-product .checkout-info small{display:block;margin-top:4px;font-size:10px;color:#a79ea7}.sms-summary-total{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border:1px solid #323039;border-top:0;border-radius:0 0 10px 10px;background:#151519;font-size:13px}.sms-summary-total strong{color:#ff3158;font-size:22px}
.sms-page .sms-activation #reserve{width:100%;min-height:47px;background:linear-gradient(135deg,#ff1847,#e7002a);border-color:#ff3156;font-size:13px;border-radius:10px}.sms-page .sms-activation #purchase-help{font-size:10px;color:#b9a3ad;line-height:1.5}.sms-monitor-status{display:inline-flex;align-items:center;font-size:10px;color:#aca4ad;border:1px solid #35313b;border-radius:8px;padding:6px 9px;margin:-8px 0 15px;background:#19181d}
.sms-number-placeholder>svg{width:74px;height:74px;color:#f2375b;display:block;margin:30px auto 40px;stroke-width:1.2}.sms-receive-panel label{display:block;margin:17px 0 8px}.sms-phone-field{display:flex;align-items:center;gap:8px;border:1px dashed #55505c;border-radius:9px;padding:9px 10px;background:#19191d;font-size:11px;color:#b1a8b3;min-height:48px}.sms-phone-field>svg{width:18px;height:18px;flex:none}.sms-phone-field>span,.sms-phone-field>strong{min-width:0;flex:1;overflow-wrap:anywhere}.sms-page .sms-phone-field button{padding:7px;background:#24242c;border:1px solid #393741;color:#c5bac9}.sms-phone-field button svg{width:15px;height:15px}.sms-page #phone{font-size:15px;letter-spacing:0;color:#f4e8ef}
.sms-code-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.sms-code-cells span{display:grid;place-items:center;border:1px solid #393741;background:linear-gradient(140deg,#202027,#17171c);border-radius:8px;min-height:46px;font-size:21px;color:#fff}.sms-page .sms-copy-code{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;margin:10px 0;background:#23222a;min-height:40px}.sms-copy-code svg{width:15px;height:15px}.sms-receive-panel .muted{font-size:10px}.sms-page .sms-receive-panel .sms{padding:12px;margin:14px 0;font-size:10px}.sms-page .sms-receive-panel .sms strong{font-size:20px}.sms-page .sms-receive-panel .sms-monitor{font-size:10px;line-height:1.5}.sms-page .sms-receive-panel .status{font-size:9px;margin-top:10px}
/* Clear, spacious number controls; action availability still follows the server state. */
.sms-page .sms-receive-panel .sms-number-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:470px;margin:22px 0 0;padding-top:18px;border-top:1px solid #363039}
.sms-page .sms-receive-panel .sms-number-actions button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:52px;padding:14px 12px;border-radius:11px;font-size:13px;font-weight:700;line-height:1.4;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
.sms-page .sms-number-actions button svg{width:19px;height:19px;flex:none}
.sms-page .sms-number-actions #finish-number{background:linear-gradient(135deg,#ff244b,#d80d34);border-color:#ff4565;color:#fff}
.sms-page .sms-number-actions #cancel-number{background:#2a161e;border-color:#8c3b50;color:#ffc0cd}
.sms-page .sms-number-actions #finish-number:hover:not(:disabled){background:linear-gradient(135deg,#ff4565,#f01640);box-shadow:0 4px 16px #ff244b25;transform:translateY(-1px)}
.sms-page .sms-number-actions #cancel-number:hover:not(:disabled){background:#441d2a;border-color:#e2637e;color:#ffe4eb;transform:translateY(-1px)}
.sms-page .sms-number-actions button:active:not(:disabled){transform:translateY(0)}
.sms-page .sms-number-actions button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}
.sms-page .sms-number-actions button:focus-visible{outline:2px solid #ff93aa;outline-offset:3px}
.sms-page .sms-receive-panel .sms-number-actions-help{margin:12px 0 0;max-width:470px;color:#bda6b0;font-size:11px;line-height:1.65}
@media(prefers-reduced-motion:reduce){.sms-page .sms-receive-panel .sms-number-actions button{transition:none;transform:none!important}}

.sms-page .history{padding:18px}.sms-page .history-heading h2{display:flex;align-items:center;gap:8px}.history-heading h2 svg{width:19px;height:19px}.sms-page #refresh-history{display:flex;align-items:center;gap:7px}.sms-history-scroll{max-width:100%;overflow:auto;margin-top:15px;border:1px solid #33303a;border-radius:10px}.sms-history-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.sms-history-table th,.sms-history-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #2c2931}.sms-history-table th{background:#1c1c22;color:#b8acba;font-size:10px;font-weight:500}.sms-history-table tbody tr:last-child td{border-bottom:0}.sms-history-table td[colspan]{text-align:center;padding:28px;color:#a797a7}.sms-history-table .history-state{display:inline-flex;background:#251920;border:1px solid #49313b;color:#deb8c7;border-radius:20px;padding:3px 8px;font-size:9px}.sms-page .sms-history-table button{padding:7px 10px;font-size:10px}.sms-page .sms-activation-footnote{display:flex;gap:7px;align-items:flex-start;margin:15px 0;font-size:10px;color:#978491}.sms-activation-footnote svg{width:15px;height:15px;flex:none}
.sms-page .service-catalog .sms-service-item .service-choice{min-height:65px;padding-right:28px}.sms-page .service-catalog .sms-service-item{min-height:65px}
@media(min-width:1700px){.sms-page .sms-activation>.panel{padding:22px 20px}.sms-page .sms-stage-heading h1,.sms-page .sms-stage-heading h2{font-size:20px}.sms-page .sms-service-item .service-choice{font-size:12px;min-height:83px}.sms-page .sms-service-item .service-mark{width:35px;height:35px;min-width:35px}}
@media(max-width:1250px){.sms-page .sms-activation{grid-template-columns:repeat(2,minmax(0,1fr))}.sms-page .sms-receive-panel{grid-column:1/-1}.sms-number-placeholder>svg{margin:20px auto}.sms-page .sms-receive-panel .sms-phone-field,.sms-page .sms-receive-panel .sms-code-cells,.sms-page .sms-receive-panel .sms-copy-code{max-width:470px}}
@media(max-width:700px){.sms-page .sms-activation{grid-template-columns:1fr}.sms-page .sms-receive-panel{grid-column:auto}.sms-page .sms-activation>.panel{padding:20px 16px}.sms-page .sms-stage-heading h1,.sms-page .sms-stage-heading h2{font-size:19px}.sms-page .sms-service-item .service-choice{font-size:12px}.sms-page .sms-activation .service-categories button{font-size:11px}.sms-page .sms-service-item .service-mark{width:35px;height:35px;min-width:35px}.sms-page .history-heading{align-items:flex-start}.sms-page .history-heading h2{font-size:14px}.sms-history-table th,.sms-history-table td{padding:11px}}