:root{font-family:system-ui,sans-serif;color:#142c2b;background:#edf4f2;line-height:1.45;color-scheme:light}
*{box-sizing:border-box}body{margin:0}header{background:#102b29;color:#fff}a{color:inherit}.wrap{width:min(100% - 32px,920px);margin:auto}.bar{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{text-decoration:none;font-size:20px;font-weight:750}.brand small{margin-left:6px;font-weight:500;color:#b8d1ca}.mark{display:inline-grid;place-items:center;width:30px;height:30px;background:#a9e9cb;color:#102b29;border-radius:8px;margin-right:5px}
main{padding:24px 0 40px}h1{margin:0;font-size:clamp(28px,4vw,38px)}h2{font-size:18px;margin:0 0 7px}.lead{color:#48615c;margin:3px 0 20px}.card{background:#fff;border:1px solid #cfddd8;border-radius:14px;padding:18px;margin-bottom:14px}.modem{display:flex;align-items:end;gap:14px}.modem>div{flex:1}.speed{width:130px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:6px;font-weight:650;margin-bottom:12px}.modem label{margin:0}input,textarea,select,button{font:inherit;border-radius:8px;border:1px solid #b8ccc5;padding:9px 11px;color:inherit;background:#f8fbfa}textarea{resize:vertical;width:100%}input{min-width:0;width:100%}button{cursor:pointer;font-weight:650;min-height:42px}button:disabled{cursor:default;opacity:.5}.primary{background:#125e48;color:#fff;border-color:#125e48}.footer{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap}.footer span{margin-right:auto;color:#48615c}#status,#notice{margin:0;overflow-wrap:anywhere}#notice:not(:empty){margin-top:10px}#status[data-state=on]{color:#116348}#status[data-state=error]{color:#a32228}#log{padding-left:24px;margin:0}li{padding:3px 0}dialog{border:1px solid #b8ccc5;border-radius:14px;padding:20px;width:min(480px,calc(100% - 32px));color:inherit}dialog::backdrop{background:#102b2970}dialog pre{max-height:12rem;overflow:auto}dialog .footer{margin-top:16px}:focus-visible{outline:3px solid #208b6a;outline-offset:2px}
@media(max-width:600px){.fields{grid-template-columns:1fr;gap:0}.modem{flex-wrap:wrap;align-items:end}.modem>div{flex-basis:100%}.speed{flex:1}.card{padding:13px}.footer{justify-content:flex-start}.footer span{flex-basis:100%}main{padding-top:16px}}

.sim-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:16px 0}
.sim-info[hidden]{display:none}
.sim-info dt{color:#48615c;font-size:.9rem}
.sim-info dd{margin:2px 0 0;overflow-wrap:anywhere}
.ussd{border-top:1px solid #cfddd8;margin-top:14px;padding-top:12px}
.ussd summary{cursor:pointer}
.ussd-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#ussdResult{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
#ussdResult:not(:empty){margin-top:10px}