.svd{font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#1b1b1f;background:#edf2ee;padding:0 24px 40px;border-radius:12px;overflow:hidden;text-align:center}.svd *{box-sizing:border-box}.svd [hidden]{display:none!important}.svd-band{height:114px;background:#082b20;margin:0 -24px}.svd-box{position:relative;max-width:660px;margin:-76px auto 0;padding:28px;background:#fff;border:1px solid #e6e5e3;border-radius:20px;box-shadow:0 16px 34px #0002}.svd-tabs{display:inline-flex;padding:4px;border:1px solid #e4e4e8;border-radius:12px;background:#f0f5f1;gap:4px}.svd-tab{font:600 14px/1.3 inherit;font-family:inherit;font-size:14px;background:transparent;border:1px solid transparent;min-height:44px;border-radius:8px;color:#666670;padding:8px 20px;cursor:pointer}.svd-tab[aria-pressed=true]{background:#fff;border-color:#b7d8c5;color:#075436;box-shadow:0 1px 3px #0001}.svd-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid #c7dfd1;background:#f3faf5;color:#086344;margin:20px auto 12px}.svd-icon svg{width:24px;height:24px}.svd-heading{font-size:16px;font-weight:600;margin:0 0 20px}.svd-networklabel{display:block;text-align:left;font-size:14px;font-weight:600;color:#55555e;margin-bottom:8px}.svd select{font:inherit;color:#303039;width:100%;border:1px solid #94949e;border-radius:8px;background:#fff;min-height:44px;padding:8px 12px;margin-bottom:16px}.svd-row{display:flex;gap:12px;align-items:stretch}.svd-sample{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:#f0f5f1;border:1px solid #e1e1e6;border-radius:28px;padding:12px 16px;text-align:left}.svd-id{font:16px/1.5 Consolas,monospace;color:#595960;overflow-wrap:anywhere}.svd-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:1px solid #075436;border-radius:28px;background:linear-gradient(#0c8257,#075436);color:#fff;font:600 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;padding:12px 24px;cursor:pointer;text-decoration:none;box-shadow:0 8px 18px #08634426}.svd button:focus-visible,.svd a:focus-visible,.svd select:focus-visible{outline:3px solid #075436;outline-offset:4px}.svd-note{font-size:14px;color:#66666f;margin:20px 0 0}.svd-loading,.svd-result{padding:28px 0 8px}.svd-loading p,.svd-result p{font-size:16px;margin:0 0 20px}.svd-progress{width:100%;height:10px;accent-color:#0c8257}.svd-progressline{display:flex;justify-content:space-between;font-size:14px;color:#66666f;margin:8px 0 12px}.svd-secondary{font:500 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;border:1px solid #9999a1;border-radius:8px;background:white;color:#55555d;min-height:44px;padding:8px 16px;cursor:pointer}.svd-result .svd-primary{width:100%;margin-bottom:16px}.svd-status{font-size:14px;color:#66666f;margin:16px 0 0}.svd-status:empty{display:none}@media(max-width:560px){.svd{padding:0 16px 28px}.svd-band{margin:0 -16px}.svd-box{padding:24px 20px}.svd-row{flex-direction:column}.svd-primary{width:100%}.svd-tabs{width:100%}.svd-tab{flex:1;padding:8px 12px}.svd-sample{min-height:52px}}

/* Sliding tab indicator and lightweight interaction feedback. */
.svd-tabs{position:relative;isolation:isolate}.svd-tabs::before{content:"";position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);background:#fff;border:1px solid #b7d8c5;border-radius:8px;box-shadow:0 1px 3px #0001;transition:transform .25s ease}.svd-tabs[data-kind="cnic"]::before{transform:translateX(100%)}.svd-tab{min-width:132px;transition:color .2s ease;font-weight:600}.svd-tab[aria-pressed=true]{background:transparent;border-color:transparent;box-shadow:none}.svd-primary{transition:transform .15s ease,filter .15s ease}.svd-primary:active{transform:scale(.98)}.svd-idle,.svd-result,.svd-loading{animation:svd-enter .25s ease}.svd-sample{cursor:default}.svd-sample::after{content:"Masked identifier";margin-left:auto;font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#66666f}.svd-sample{flex-wrap:wrap}@keyframes svd-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:560px){.svd-tab{min-width:0}}@media(prefers-reduced-motion:reduce){.svd *,.svd *::before{animation:none!important;transition:none!important}}

.svd-numberlabel{display:block;flex:1;min-width:0;text-align:left;font-size:14px;font-weight:600}.svd-id{display:block;width:100%;border:1px solid #94949e;border-radius:10px;min-height:52px;padding:12px 14px;margin-top:6px;background:#f4f8f5;color:#303039;font:16px/1.5 Consolas,monospace}.svd-id:focus-visible{outline:3px solid #086344;outline-offset:3px}.svd-row{align-items:end}.svd-console{text-align:left;background:#15171c;color:#a6dbb7;border:1px solid #363b46;border-radius:12px;padding:16px;margin-bottom:20px;min-height:244px;position:relative}.svd-console-top{display:flex;justify-content:space-between;gap:8px;color:#bbc0ca;font:14px/1.5 Consolas,monospace;border-bottom:1px solid #373b46;padding-bottom:10px;margin-bottom:12px}.svd-code{font:14px/1.7 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;min-height:150px;color:#b9ecc8;background:transparent;padding:0;border:0}.svd-cursor{animation:svd-blink 1s steps(1) infinite;color:#b9ecc8}.svd-loadingtitle{font-weight:600}@keyframes svd-blink{50%{opacity:0}}@media(max-width:560px){.svd-numberlabel{width:100%}.svd-console{padding:12px;min-height:300px}.svd-code{font-size:14px}}@media(prefers-reduced-motion:reduce){.svd-cursor{animation:none!important}}

.svd-console{background:radial-gradient(ellipse at top right,#1b2926,#12151b 70%);border-color:#364e42;box-shadow:inset 0 0 24px #78ca9610,0 8px 24px #00000016}.svd-console-top{align-items:flex-start;font-size:14px}.svd-console-top span:last-child{text-align:right;max-width:210px;color:#a9d9b6;letter-spacing:.05em}.svd-code{height:245px;min-height:245px;overflow:auto;scrollbar-width:thin;scrollbar-color:#496651 #15171c}.svd-console{min-height:320px}.svd-progress{filter:drop-shadow(0 0 5px #08634455)}.svd-loadingtitle{letter-spacing:-.2px}@media(max-width:560px){.svd-code{height:290px;min-height:290px}.svd-console{min-height:364px}}

/* Conditional SIM picker and polished interaction states. */
.svd-networkpicker{margin:20px 0;text-align:left}.svd-network-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;background:#f4f8f5;border:1px solid #a3a3ad;border-radius:10px;color:#303039;font:600 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.svd-network-toggle:hover{border-color:#086344;background:#f3faf5;box-shadow:0 4px 12px #08634414;transform:translateY(-1px)}.svd-chevron{font-size:22px;line-height:1;transition:transform .2s}.svd-network-toggle[aria-expanded=true] .svd-chevron{transform:rotate(180deg)}.svd-networks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;animation:svd-enter .22s ease}.svd-network-choice{min-width:0;min-height:48px;padding:10px 8px;background:#fff;color:#404048;border:1px solid #a3a3ad;border-radius:10px;font:600 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.svd-network-choice:hover{transform:translateY(-2px);background:#f3faf5;border-color:#086344;box-shadow:0 4px 10px #08634414}.svd-network-choice[aria-pressed=true]{color:#075436;border-color:#086344;background:#eaf5ee}.svd-id{transition:border-color .2s,box-shadow .2s,background .2s}.svd-id:hover{background:#fff;border-color:#086344}.svd-id:focus{background:#fff;border-color:#086344;box-shadow:0 0 0 4px #08634414;outline:2px solid #086344;outline-offset:2px}.svd-tab:hover{color:#075436}.svd-primary:hover{filter:brightness(1.06);box-shadow:0 10px 20px #0863442b;transform:translateY(-1px)}.svd-primary:active{transform:translateY(1px) scale(.985)}.svd-secondary{transition:background .2s,border-color .2s,transform .2s}.svd-secondary:hover{background:#f3faf5;border-color:#086344;transform:translateY(-1px)}.svd-tab:active,.svd-network-toggle:active,.svd-network-choice:active{transform:scale(.985)}.svd-primary{transition:transform .2s,filter .2s,box-shadow .2s}.svd-idle{padding-top:8px}.svd-networkpicker[hidden]+.svd-row{margin-top:16px}@media(max-width:380px){.svd-networks{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.svd *,.svd *::before{animation:none!important;transition:none!important}.svd button:hover,.svd button:active,.svd a:hover,.svd a:active{transform:none!important}}

.svd-tabs{display:grid;grid-template-columns:1fr 1fr 1.25fr;width:100%;max-width:500px;margin-inline:auto}.svd-tab{min-width:0;padding-inline:10px}.svd-tabs::before{width:calc((100% - 8px)/3.25);transition:left .25s ease,width .25s ease;left:4px}.svd-tabs[data-kind="cnic"]::before{transform:none;left:calc(4px + (100% - 8px)/3.25)}.svd-tabs[data-kind="other"]::before{left:calc(4px + 2*(100% - 8px)/3.25);width:calc(1.25*(100% - 8px)/3.25)}.svd-servicepanel{margin:16px 0 20px;text-align:left;animation:svd-enter .22s ease}.svd-service-note{font-size:14px;color:#285a41;background:#eef7f1;border:1px solid #bad7c5;border-radius:8px;padding:12px;margin:0 0 12px}.svd-servicegrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.svd-service-choice{min-width:0;min-height:48px;padding:12px;border:1px solid #a3a3ad;border-radius:8px;background:white;color:#404048;font:600 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.svd-service-choice:hover{background:#f3faf5;border-color:#086344;transform:translateY(-1px)}.svd-service-choice[aria-pressed=true]{background:#eaf5ee;border-color:#086344;color:#075436}.svd-period-label,.svd-family-label{display:block;font-size:14px;font-weight:600;margin-top:16px}.svd-selected-service{font-size:14px;color:#66666f;margin:12px 0 0}.svd-selected-service:empty{display:none}@media(max-width:560px){.svd-tab{padding-inline:6px;font-size:14px}.svd-servicegrid{grid-template-columns:1fr}}

/* Green theme: quiet surfaces and an animated step-by-step preview. */
.svd{background:#edf2ee}.svd-primary{background:linear-gradient(180deg,#0b7951,#075436);border-color:#075436;box-shadow:0 6px 16px #07543624}.svd-primary:hover{background:#075436;box-shadow:0 10px 22px #07543628}.svd-primary:focus-visible,.svd button:focus-visible,.svd a:focus-visible{outline-color:#0b7951}.svd-icon{color:#086344;background:#f0f8f2;border-color:#c5dfce}.svd-note,.svd-status{color:#5b6b61}.svd-progress{accent-color:#0b7951;filter:none;height:10px}.svd-preview-panel{padding:24px;text-align:left;background:linear-gradient(140deg,#f5fbf6,#fff);border:1px solid #c8dfcf;border-radius:14px;margin-bottom:20px}.svd-preview-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.svd-signal{display:grid;place-items:center;width:52px;height:52px;background:#e5f3e9;border:1px solid #bfddc8;border-radius:12px;color:#086344;animation:svd-breathe 2s ease-in-out infinite}.svd-preview-badge{font-size:14px;font-weight:600;color:#285a41;background:#eaf5ee;border:1px solid #c5dfce;border-radius:6px;padding:4px 8px}.svd-phase{font-size:22px;line-height:1.3;letter-spacing:-.35px;color:#153c2a;margin:20px 0 8px}.svd-preview-service{font-size:14px;line-height:1.5;color:#5b6b61;margin:0 0 20px}.svd-entry{padding:14px 16px;background:#fff;border:1px solid #d5e2d9;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.svd-entry>span{font-size:14px;color:#5b6b61;font-weight:600;letter-spacing:.03em}.svd-masked{font:600 16px/1.5 Consolas,monospace;color:#18452f}.svd-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:8px}.svd-steps li{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid transparent;border-radius:8px;color:#58675d;font-size:16px;transition:background .3s,border-color .3s,color .3s}.svd-step-dot{display:grid;place-items:center;flex:none;width:32px;height:32px;background:#f0f4f1;border:1px solid #b7c9bd;border-radius:50%;font-size:14px;font-weight:650;color:#596a5f;transition:background .3s,color .3s,border-color .3s}.svd-step-caption{display:block;font-size:14px;color:#647569;margin-top:2px}.svd-steps li.svd-step-active{background:#eaf5ee;border-color:#bfdcc8;color:#153c2a}.svd-step-active .svd-step-dot{background:#075436;border-color:#075436;color:white;box-shadow:0 0 0 4px #0754360d}.svd-step-done .svd-step-dot{background:#dcefe3;border-color:#b7d8c5;color:#075436}.svd-preview-foot{font-size:14px;color:#5b6b61;padding-top:16px;border-top:1px solid #dbe7df;margin:16px 0 0!important}@keyframes svd-breathe{50%{box-shadow:0 0 0 7px #0b79510c}}@media(max-width:560px){.svd-preview-panel{padding:16px}.svd-phase{font-size:20px}.svd-steps li{padding:10px 8px}.svd-preview-top{gap:8px}.svd-preview-badge{font-size:14px}.svd-entry{padding:12px}}@media(prefers-reduced-motion:reduce){.svd-signal{animation:none!important}.svd-steps li,.svd-step-dot{transition:none!important}}

.svd-flag-header{display:flex;justify-content:center;align-items:center;margin:0 0 20px}.svd-flag-header svg{display:block;border:1px solid #b7d8c5;border-radius:4px;box-shadow:0 3px 8px #0754360d}.svd-loading,.svd-result{padding-top:20px}.svd-box>.svd-idle{padding-top:8px}

/* Compact, edge-to-edge white container. No page-level theme overrides. */
.svd{width:100%;max-width:none;padding:0;margin:0;background:#fff;border-radius:0;overflow:visible}.svd-band{display:none}.svd-box{width:100%;max-width:none;margin:0;padding:24px 28px;background:#fff;border:1px solid #e1e8e3;border-radius:18px;box-shadow:none}.svd-flag-header{margin-bottom:20px}.svd-networkpicker{margin:20px 0}.svd-note{margin-top:18px;line-height:1.5}.svd-preview-panel{max-width:680px;margin-inline:auto}@media(max-width:560px){.svd{padding:0}.svd-box{padding:20px 16px;border-radius:14px}.svd-row{gap:10px}}

/* Centered compact card, pale side background, no top band or top gap. */
.svd{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0 24px 32px;background:#edf2ee;overflow:hidden;border-radius:0}.svd-box{max-width:660px;width:100%;margin:0 auto;padding:24px 28px;border-radius:18px;border:1px solid #e1e8e3;background:#fff;box-shadow:0 12px 28px #173b2712}.svd-tabs{width:100%;min-width:0}.svd-numberlabel,.svd-row,.svd-tab{min-width:0}.svd-steps li>span:last-child{min-width:0;overflow-wrap:anywhere}.svd-entry{overflow-wrap:anywhere}@media(max-width:560px){.svd{padding:0 12px 24px}.svd-box{padding:20px 16px;border-radius:14px}.svd-row{display:flex;flex-direction:column;align-items:stretch}.svd-numberlabel,.svd-primary{width:100%}.svd-tabs{grid-template-columns:1fr 1fr 1.25fr}.svd-tab{white-space:normal;line-height:1.4;min-height:44px}.svd-servicegrid{grid-template-columns:1fr}.svd-preview-panel{padding:16px}.svd-preview-top{flex-wrap:wrap}}@media(max-width:350px){.svd{padding:0 8px 20px}.svd-box{padding:16px 12px}.svd-tab{padding-inline:4px}.svd-networks{grid-template-columns:repeat(2,1fr)}.svd-flag-header{margin-bottom:16px}}

/* Minimal loading screen: animated ring only, no record/status panel. */
.svd-loading{position:relative;text-align:center;padding:28px 0 16px}.svd-loader-ring{position:relative;width:160px;height:160px;margin:0 auto 20px;isolation:isolate}.svd-loader-ring::before{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle,#f6fbf7,#edf7f0);z-index:-1;animation:svd-loader-breathe 2.4s ease-in-out infinite}.svd-loader-ring svg{display:block;width:100%;height:100%;overflow:visible}.svd-ring-fill{transition:stroke-dashoffset .1s linear;filter:drop-shadow(0 1px 2px #07543622)}.svd-loader-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.svd-loader-center strong{color:#075436;font:650 32px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-1px;font-variant-numeric:tabular-nums}.svd-loader-center span{font-size:14px;letter-spacing:.12em;color:#5b6b61}.svd-loading .svd-loader-title{font-size:18px;font-weight:600;color:#18452f;line-height:1.4;margin:0 0 8px}.svd-loading .svd-loader-caption{font-size:14px;color:#5b6b61;margin:0 0 24px}.svd-accessible-progress{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}.svd-cancel{margin-top:0}@keyframes svd-loader-breathe{50%{transform:scale(1.04);opacity:.65}}@media(prefers-reduced-motion:reduce){.svd-loader-ring::before{animation:none!important}.svd-ring-fill{transition:none!important}}

/* Stable button colours, dark-green outline and white surrounding canvas. */
.svd{background:#fff!important}.svd-box{border:2px solid #075436;box-shadow:none;background:#fff}.svd .svd-primary,.svd .svd-primary:hover,.svd .svd-primary:active,.svd .svd-primary:focus,.svd .svd-primary:visited{background:#075436!important;color:#fff!important;border-color:#075436!important;filter:none!important;box-shadow:0 4px 12px #07543618}.svd .svd-tab,.svd .svd-tab:hover,.svd .svd-tab:active,.svd .svd-tab:focus{background:transparent!important;color:#075436!important;border-color:transparent!important}.svd .svd-network-toggle,.svd .svd-network-toggle:hover,.svd .svd-network-toggle:active,.svd .svd-network-toggle:focus{background:#f4f8f5!important;color:#254a36!important;border-color:#8da997}.svd .svd-network-choice,.svd .svd-network-choice:hover,.svd .svd-network-choice:active,.svd .svd-network-choice:focus,.svd .svd-network-choice[aria-pressed=true]{background:#fff!important;color:#254a36!important}.svd .svd-service-choice,.svd .svd-service-choice:hover,.svd .svd-service-choice:active,.svd .svd-service-choice:focus,.svd .svd-service-choice[aria-pressed=true]{background:#fff!important;color:#254a36!important}.svd .svd-secondary,.svd .svd-secondary:hover,.svd .svd-secondary:active,.svd .svd-secondary:focus{background:#fff!important;color:#254a36!important;border-color:#8da997}.svd button:focus-visible,.svd a:focus-visible{outline:3px solid #0b7951!important;outline-offset:3px}.svd .svd-primary:hover{transform:translateY(-1px)}.svd .svd-primary:active{transform:translateY(1px) scale(.985)}.svd .svd-service-choice[aria-pressed=true],.svd .svd-network-choice[aria-pressed=true]{border:2px solid #075436}.svd button{-webkit-tap-highlight-color:transparent}.svd .svd-tabs::before{border-color:#8db99d}
