:root{--blue:#293f80;--blue2:#0967ed;--blue3:#0952c4;--cyan:#46c6f0;--ink:#10254f;--muted:#647392;--line:#dce5f2;--soft:#f4f8fd;--green:#16ae67;--yellow:#f2a90b;--red:#dc233f;--shadow:0 14px 38px rgba(28,55,112,.10);--radius:22px}
*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#f4f7fb;color:var(--ink);-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 90% 0,#e9f5ff 0,transparent 28%),#f7f9fc}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.hidden{display:none!important}.screen{min-height:100dvh}.toast{position:fixed;z-index:5000;left:50%;top:max(18px,env(safe-area-inset-top));transform:translate(-50%,-20px);max-width:min(92vw,520px);padding:12px 18px;border-radius:14px;background:#10254f;color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#a82339}.toast.success{background:#118450}
svg{display:block;width:1.35em;height:1.35em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.primary,.secondary,.soft-button,.full-button{min-height:48px;border-radius:15px;border:1px solid transparent;padding:12px 18px;font-weight:780;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary{background:linear-gradient(135deg,#0e74fa,#0759d8);color:#fff;box-shadow:0 9px 20px rgba(9,103,237,.19)}.secondary{background:#fff;border-color:#0b69ef;color:#0b69ef}.full-button{width:100%}.text-btn{border:0;background:transparent;color:#0766ed;font-weight:720;padding:3px}.ghost-danger{border:0;background:#fff;color:#ba2d43}.icon-button{border:0;background:transparent;color:var(--blue);width:46px;height:46px;border-radius:14px;display:grid;place-items:center}.icon-button:hover{background:var(--soft)}
/* Auth */
.auth-screen{display:grid;place-items:start center;padding:calc(28px + env(safe-area-inset-top)) 16px 0;background:linear-gradient(180deg,#fff 0,#f8fbff 72%,#ecf5ff 100%)}.auth-wrap{width:min(100%,640px);position:relative;padding-bottom:210px}.auth-brand{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:10px auto 18px}.auth-brand img{width:min(320px,72vw);height:auto;display:block}.auth-brand span{color:#0872f2;font-size:1rem;margin-left:-80px;margin-bottom:-19px;position:relative}.auth-title{text-align:center;margin:34px 0 24px}.auth-title h1{font-size:clamp(2rem,7vw,2.65rem);margin:0 0 6px}.auth-title p{font-size:1.08rem;color:var(--muted);margin:0}.segmented{display:flex;padding:4px;border:1px solid var(--line);border-radius:17px;background:#f1f5fb;box-shadow:0 3px 12px rgba(31,64,128,.04)}.segmented button{flex:1;border:0;background:transparent;border-radius:13px;min-height:44px;color:#53617c;font-weight:720}.segmented button.active{background:#fff;color:#0870f1;box-shadow:0 4px 12px rgba(30,60,120,.09)}.auth-tabs{margin:0 0 16px}.auth-card{display:none;gap:16px;padding:24px;border:1px solid rgba(216,226,239,.9);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.auth-card.active{display:grid}.auth-card label,.wizard-card label,.modal-card label{font-weight:720;display:grid;gap:7px}.auth-card input,.wizard-card input,.wizard-card select,.modal-card input{width:100%;min-height:51px;border:1px solid #cedaeb;border-radius:13px;background:#fff;padding:12px 14px;outline:none}.auth-card input:focus,.wizard-card input:focus,.modal-card input:focus{border-color:#1680fa;box-shadow:0 0 0 3px rgba(22,128,250,.10)}.field-with-icon{position:relative}.field-with-icon>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#61779d}.field-with-icon input{padding-left:47px;padding-right:48px}.eye-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;background:transparent;color:#536b94;display:grid;place-items:center}.auth-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.check-inline{display:flex!important;grid-auto-flow:column!important;align-items:center;justify-content:start;gap:8px!important;font-weight:500!important;color:#53617c}.check-inline input{width:19px!important;height:19px!important;min-height:0!important;accent-color:#0967ed}.big{width:100%;min-height:56px;font-size:1.02rem}.or{display:flex;align-items:center;gap:14px;color:#8290a8}.or::before,.or::after{content:"";height:1px;background:#d9e1ec;flex:1}.info-line{display:flex;align-items:center;gap:12px;padding:13px;border-radius:15px;background:#f2f8ff}.info-line>span{color:#0b69ef}.info-line small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.verification-box{margin-top:16px;padding:19px;border:1px solid #a8d3fb;border-radius:20px;background:rgba(236,247,255,.82);display:flex;gap:14px;color:#1757a9}.verification-box .round-icon{flex:none;width:38px;height:38px;border:2px solid #0a68ea;border-radius:50%;display:grid;place-items:center}.verification-box b{font-size:1.02rem}.verification-box p{margin:7px 0 0;color:#4f678b;line-height:1.45}.auth-art{position:absolute;z-index:-1;left:50%;bottom:0;width:100vw;max-width:780px;height:210px;transform:translateX(-50%);overflow:hidden;opacity:.92;pointer-events:none}.auth-art>img:first-child{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 72%;mask-image:linear-gradient(to bottom,transparent 0,#000 28%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28%)}.auth-art .art-logo{position:absolute;right:7%;bottom:25px;width:125px;height:auto;filter:drop-shadow(0 7px 18px rgba(26,55,108,.15));opacity:.84}
/* Shared portal header */
.portal-top{height:92px;padding:calc(14px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));display:flex;align-items:flex-end;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:0;z-index:40}.portal-top img{width:205px;max-width:59vw;height:auto}.portal-top.simple{position:static;padding-top:calc(18px + env(safe-area-inset-top));background:transparent}.notification{position:relative}.notification b{position:absolute;top:3px;right:1px;min-width:20px;height:20px;border-radius:999px;background:#0869f0;color:#fff;display:grid;place-items:center;font-size:.7rem}
/* Onboarding */
.onboarding{background:linear-gradient(180deg,#fff,#f5f9fe);padding-bottom:30px}.onboarding-wrap{width:min(100%,820px);margin:auto;padding:0 18px}.wizard-heading{margin:24px 0 22px}.wizard-heading h1{font-size:clamp(1.75rem,6vw,2.4rem);margin:0 0 7px}.wizard-heading p{color:var(--muted);margin:0}.stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0 0 22px}.step-item{position:relative;text-align:center;color:#77849b;font-size:.72rem}.step-item:not(:last-child)::after{content:"";position:absolute;top:19px;left:58%;width:84%;height:2px;background:#d7e1ee;z-index:0}.step-item.done:not(:last-child)::after{background:#0c70f3}.step-circle{position:relative;z-index:1;width:40px;height:40px;margin:auto auto 7px;border-radius:50%;background:#fff;border:1.5px solid #ccd7e6;display:grid;place-items:center;font-weight:800}.step-item.active .step-circle,.step-item.done .step-circle{border-color:#0b6df1;color:#0b6df1}.step-item.done .step-circle{background:#0b6df1;color:#fff}.step-item.active b{color:#0b6df1}.step-item b{font-weight:650;display:block;white-space:nowrap}.wizard-card{background:#fff;border:1px solid #e0e7f0;border-radius:24px;padding:24px;box-shadow:var(--shadow)}.wizard-step h2{font-size:1.7rem;margin:0 0 5px}.wizard-step>p{color:var(--muted);margin:0 0 24px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice{position:relative;display:flex!important;grid-auto-flow:column!important;grid-template-columns:auto 1fr auto!important;align-items:center;gap:13px!important;padding:17px;border:1.5px solid #d3ddeb;border-radius:16px;cursor:pointer}.choice input{position:absolute;opacity:0;width:1px!important;height:1px!important;min-height:0!important}.choice:has(input:checked){border-color:#0870f2;background:#f4f9ff}.choice-icon{width:46px;height:46px;border-radius:13px;background:#f1f6fc;color:#0b69e8;display:grid;place-items:center}.choice small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.choice>i{color:#0870f2;opacity:0}.choice:has(input:checked)>i{opacity:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .wide{grid-column:1/-1}.wizard-actions{display:flex;gap:14px;margin-top:28px}.wizard-actions>*{flex:1}.secure-note{display:flex;gap:12px;align-items:center;padding:15px;background:#f2f8ff;border-radius:16px;margin-top:18px}.secure-note>span{color:#0967ed}.secure-note small{display:block;color:var(--muted);margin-top:3px}.secure-footer{display:flex;align-items:center;justify-content:center;gap:6px;color:#7b8799;font-size:.82rem;padding:22px}.summary-stack{display:grid;gap:12px}.summary-block{padding:16px;border:1px solid #e1e7ef;border-radius:16px}.summary-block b{display:block;margin-bottom:7px}.summary-block p{margin:0;color:#52617b;line-height:1.5}
/* App */
.customer-app{background:linear-gradient(180deg,#fff,#f6f9fc)}.portal-main{width:min(100%,860px);margin:0 auto;padding:12px 18px calc(102px + env(safe-area-inset-bottom))}.app-view{display:none}.app-view.active{display:block}.page-title{font-size:2rem;margin:15px 0 18px}.page-title.compact{font-size:1.25rem}.welcome-card{position:relative;min-height:240px;border:1px solid #cfe4f6;border-radius:24px;overflow:hidden;padding:28px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#eaf7ff 0,#f7fbff 55%,#dceefe 100%);box-shadow:var(--shadow)}.welcome-card h2{font-size:clamp(1.75rem,7vw,2.35rem);margin:0;line-height:1.15}.welcome-card h2 strong{color:#126be7}.profile-chip{margin-top:20px;width:max-content;display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #bfd6ee;background:rgba(255,255,255,.55);border-radius:999px;color:#526583}.profile-chip i{display:block}.welcome-art{position:absolute;right:0;top:0;width:52%;height:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 28%);-webkit-mask-image:linear-gradient(to right,transparent,#000 28%)}.welcome-art>img:first-child{width:100%;height:100%;object-fit:cover;object-position:67% center;opacity:.92}.welcome-logo{position:absolute!important;right:9%;top:22%;width:120px!important;height:auto!important;object-fit:contain!important;opacity:.82;filter:drop-shadow(0 5px 14px rgba(23,49,100,.15))}.next-card{margin-top:16px;padding:18px;border:1px solid #e0e6ef;border-radius:20px;background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;box-shadow:0 7px 21px rgba(27,51,102,.06)}.circle-icon{width:48px;height:48px;border-radius:50%;background:#e8f4ff;color:#0d66de;display:grid;place-items:center}.next-card small,.card-muted{color:var(--muted)}.next-card b{font-size:1.06rem}.next-card strong{display:block;color:#0b68e8;margin-top:2px}.chevron{font-size:2rem;color:#60718f}.assist-card{margin-top:16px;min-height:118px;padding:17px 20px;border-radius:21px;text-decoration:none;background:linear-gradient(135deg,#1688f5,#0754c9);color:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;box-shadow:0 10px 24px rgba(9,101,223,.2)}.assist-icon{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center}.assist-card b{font-size:1.25rem}.assist-card small{display:block;opacity:.9;margin-top:3px}.phone-number{min-height:54px;padding:0 16px;border-radius:14px;background:#fff;color:#0967ed;display:flex;align-items:center;gap:7px;font-size:1.08rem;font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.quick-grid button{min-height:112px;border:1px solid #e1e7ef;border-radius:19px;background:#fff;color:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;box-shadow:0 7px 20px rgba(24,50,98,.06)}.quick-grid svg{width:30px;height:30px}.quick-grid b{font-size:.9rem}.stack{display:grid;gap:12px;margin-top:16px}.sim-card,.sim-status-row{padding:17px;border:1px solid #e0e6ef;border-radius:19px;background:#fff;display:flex;align-items:center;gap:14px}.sim-icon{width:50px;height:50px;border-radius:12px;background:#eef5ff;color:#0b69e7;display:grid;place-items:center}.led{width:11px;height:11px;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(0,0,0,.025)}.led.green{background:var(--green)}.led.yellow{background:var(--yellow)}.led.red{background:var(--red)}.sim-card .sim-main{flex:1}.sim-card b{font-size:1.02rem}.sim-card small{display:block;color:var(--muted);margin-top:4px}.sim-card .state-green{color:var(--green)}.sim-card .state-yellow{color:#ce8b00}.sim-card .state-red{color:var(--red)}.promo-card{position:relative;margin-top:14px;padding:20px;border-radius:21px;background:linear-gradient(135deg,#052c69,#0753b9);color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;overflow:hidden}.promo-badge{width:58px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#35d0ef;color:#073777;clip-path:polygon(0 10%,80% 0,100% 20%,100% 100%,0 100%);font-size:1.1rem}.promo-card>div:nth-child(2)>b{display:block;font-size:1.05rem}.promo-card>div:nth-child(2)>strong{display:block;color:#42dff4;font-size:2rem;line-height:1.1;margin-top:4px}.promo-card>div:nth-child(2)>small{display:block;opacity:.88;margin-top:4px}.promo-link{display:inline-block;color:#fff;margin-top:6px;font-size:.82rem}.gift{font-size:3rem;color:#6dcfff}.promo-close{position:absolute;right:7px;top:7px;width:34px;height:34px;border:0;border-radius:50%;background:#eaf3fd;color:#173c75;font-size:1.5rem;z-index:2}.bottom-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;min-height:76px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(255,255,255,.94);border-top:1px solid #e4e9f1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;justify-content:center}.bottom-nav button{width:min(20%,145px);border:0;background:transparent;color:#6f7d95;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:57px}.bottom-nav button.active{color:#0967ed}.bottom-nav svg{width:25px;height:25px}.bottom-nav small{font-size:.71rem}.page-head-client{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 18px}.page-head-client h1{font-size:2rem;margin:0}.page-head-client p{color:var(--muted);margin:4px 0 0}.soft-button{background:#fff;border-color:#e0e7f0;color:var(--blue)}.filter-tabs,.doc-tabs{margin-bottom:16px}.calendar-strip{padding:15px;border:1px solid #e0e6ef;border-radius:20px;background:#fff;box-shadow:0 6px 18px rgba(31,58,112,.05)}.month-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.month-row button{border:0;background:transparent;color:#0b69ef;font-size:2rem}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.day-chip{border:0;background:transparent;border-radius:14px;padding:6px 3px;color:#53627c;min-height:66px}.day-chip small{display:block;font-size:.65rem;text-transform:uppercase}.day-chip b{display:grid;place-items:center;width:34px;height:34px;margin:4px auto 0;border-radius:50%;font-size:1rem}.day-chip.has-event::after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#0a6bef;margin:2px auto}.day-chip.selected b{background:#0b6ff2;color:#fff}.agenda{display:grid;gap:13px;margin-top:20px}.agenda-date{font-size:1.05rem;margin:9px 0 0}.appointment-card{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:18px;border:1px solid #e1e7ef;border-radius:19px;background:#fff}.appointment-card.featured{background:linear-gradient(135deg,#1485f3,#0649b8);color:#fff}.appointment-time{font-size:.98rem;line-height:1.5;border-right:1px solid rgba(91,116,153,.22);padding-right:12px}.appointment-card.featured .appointment-time{border-color:rgba(255,255,255,.35)}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#e7f8ef;color:#12804a;font-size:.72rem}.status-pill.orange{background:#fff2d9;color:#b56f00}.status-pill.gray{background:#edf1f6;color:#63718a}.appointment-card h3{margin:8px 0 7px;font-size:1.06rem}.appointment-card p{margin:4px 0;font-size:.86rem;color:#60708a}.appointment-card.featured p{color:#eef6ff}.document-list{display:grid;gap:12px}.document-card{padding:17px;border:1px solid #e0e6ef;border-radius:18px;background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.doc-icon{width:47px;height:47px;border-radius:12px;background:#edf5ff;color:#0967ed;display:grid;place-items:center}.document-card h3{margin:0 0 5px;font-size:.98rem}.document-card p{margin:2px 0;color:var(--muted);font-size:.82rem}.doc-state{display:flex;align-items:center;gap:7px;font-weight:720;font-size:.83rem;justify-content:flex-end}.pay-button{margin-top:8px;min-height:37px;padding:6px 12px;border-radius:10px;border:1px solid #0870f2;background:#fff;color:#0870f2;font-weight:750}.document-card.overdue{border-color:#ffd1d7}.document-card.overdue .pay-button{background:#0967ed;color:#fff}.warning-banner{margin:0 0 14px;padding:13px 15px;border-radius:15px;background:#fff0f2;color:#b6253b;display:flex;gap:10px;align-items:center}.warning-banner small{display:block;margin-top:2px}.verified-banner{padding:17px;border:1px solid #c6eedb;border-radius:18px;background:#effbf5;color:#15935a;display:flex;align-items:center;gap:12px}.verified-banner>span{width:42px;height:42px;background:#16ae67;color:#fff;border-radius:50%;display:grid;place-items:center}.verified-banner small{display:block;color:#60758a;margin-top:3px}.section-title{font-size:1.5rem;margin:22px 0 12px}.profile-cards{display:grid;gap:13px}.profile-card{padding:18px;border:1px solid #e0e6ef;border-radius:18px;background:#fff}.profile-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.profile-card-head>span{width:42px;height:42px;border-radius:50%;background:#eaf5ff;color:#0867e6;display:grid;place-items:center}.profile-card dl{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:0}.profile-card dt{font-size:.72rem;color:#7b879d}.profile-card dd{margin:2px 0 0;font-weight:700;word-break:break-word}.profile-card dl>div.wide{grid-column:1/-1}.profile-cards+.full-button{margin-top:16px}.ghost-danger.full-button{margin-top:10px}.modal{border:0;padding:0;background:transparent}.modal::backdrop{background:rgba(6,19,45,.56);backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(92vw,560px);max-height:88dvh;overflow:auto;padding:24px;border-radius:24px;background:#fff;box-shadow:0 22px 60px rgba(6,22,54,.26)}.modal-card h2{margin:10px 0 7px}.modal-card p{color:var(--muted)}.modal-close{position:absolute;right:13px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f0f4f9;font-size:1.4rem}.modal-icon{width:50px;height:50px;border-radius:50%;background:#eaf5ff;color:#0967ed;display:grid;place-items:center}.report-detail h2{margin:0 0 7px}.report-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px;background:#f6f9fd;border-radius:14px;margin:14px 0}.report-section{margin-top:18px}.report-section h3{margin:0 0 8px}.materials{width:100%;border-collapse:collapse;font-size:.85rem}.materials th,.materials td{text-align:left;padding:8px;border-bottom:1px solid #e5eaf1}.report-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.report-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#eef2f6}
@media(min-width:760px){.portal-main{padding-top:24px}.welcome-card{min-height:260px}.profile-card dl{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.auth-screen{padding-left:12px;padding-right:12px}.auth-wrap{padding-bottom:175px}.auth-brand img{width:250px}.auth-brand span{margin-left:-61px;margin-bottom:-16px;font-size:.86rem}.auth-title{margin-top:29px}.auth-card{padding:19px}.auth-art{height:170px}.onboarding-wrap{padding:0 12px}.portal-top{height:80px;padding-left:14px;padding-right:14px}.portal-top img{width:155px}.wizard-heading{margin-top:16px}.step-item b{font-size:.62rem}.step-circle{width:34px;height:34px}.step-item:not(:last-child)::after{top:16px}.wizard-card{padding:18px 15px}.choice-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.portal-main{padding-left:12px;padding-right:12px}.welcome-card{min-height:205px;padding:21px 18px}.welcome-card h2{font-size:1.8rem;position:relative;z-index:2}.welcome-art{width:56%;opacity:.8}.welcome-logo{width:112px!important;top:31%}.profile-chip{position:relative;z-index:2;margin-top:14px}.assist-card{grid-template-columns:auto 1fr;padding:15px}.phone-number{grid-column:1/-1;justify-content:center}.quick-grid{gap:8px}.quick-grid button{min-height:96px}.quick-grid svg{width:26px;height:26px}.quick-grid b{font-size:.78rem}.promo-card{grid-template-columns:auto 1fr}.gift{display:none}.appointment-card{grid-template-columns:58px 1fr 12px;padding:15px;gap:10px}.appointment-time{font-size:.86rem}.document-card{grid-template-columns:auto 1fr}.document-card>.doc-action{grid-column:1/-1;margin-left:60px}.profile-card dl{grid-template-columns:1fr 1fr}.page-head-client h1{font-size:1.65rem}.page-head-client p{font-size:.85rem}.soft-button{padding:9px 12px}.doc-tabs button{font-size:.83rem}.bottom-nav small{font-size:.65rem}}
@media(max-width:390px){.auth-brand img{width:225px}.auth-title h1{font-size:1.85rem}.portal-top img{width:145px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-grid button{min-height:82px;flex-direction:row;padding:9px}.welcome-card{min-height:190px}.welcome-art{width:52%}.profile-card dl{grid-template-columns:1fr}.profile-card dl>div.wide{grid-column:auto}.step-item b{font-size:.56rem}}
.secondary-sites-section{margin-top:22px;padding-top:18px;border-top:1px solid #e5ebf3}.secondary-sites-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.secondary-sites-head small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.mini-action{min-height:39px;padding:8px 11px;white-space:nowrap}.secondary-sites-list{display:grid;gap:9px;margin-top:12px}.secondary-site-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #dce5f0;border-radius:14px;background:#f9fbfd}.secondary-site-card b{display:block}.secondary-site-card small{display:block;color:var(--muted);margin-top:2px}.secondary-site-card button{border:0;background:#fff0f2;color:#b6243b;border-radius:10px;padding:7px 9px;font-weight:700}.secondary-site-form{margin-top:14px;padding:15px;border:1px dashed #bfd2e8;border-radius:16px;background:#f8fbff}.secondary-site-form select,.secondary-site-form input{width:100%;min-height:48px;border:1px solid #cedaeb;border-radius:13px;background:#fff;padding:11px 13px}.wizard-subactions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.wizard-subactions>*{min-height:42px;padding:8px 12px}.wizard-card textarea{width:100%;border:1px solid #cedaeb;border-radius:13px;background:#fff;padding:12px 14px;resize:vertical}
@media(max-width:620px){.secondary-sites-head{align-items:flex-start;flex-direction:column}.secondary-sites-head .mini-action{width:100%}.wizard-subactions>*{flex:1}}

/* 6.6.0 - onboarding security and administrative approval */
.bot-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.password-note{margin:-2px 0 12px;color:var(--muted);font-size:.78rem}.turnstile-widget{min-height:66px;margin:4px 0 13px}.approval-screen{min-height:100dvh;background:linear-gradient(180deg,#f7fbff,#eaf4ff);padding:0 14px}.approval-wrap{max-width:680px;margin:auto}.approval-card{margin:clamp(36px,9vh,92px) auto 0;padding:clamp(24px,6vw,42px);border:1px solid #d8e6f6;border-radius:28px;background:#fff;text-align:center;box-shadow:0 22px 60px rgba(13,62,127,.12)}.approval-icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(145deg,#0b6ff1,#4dc8ff);color:#fff}.approval-icon svg{width:38px;height:38px}.approval-card .eyebrow{margin:0 0 8px;color:#0b69ef;font-size:.75rem;font-weight:850;letter-spacing:.08em}.approval-card h1{margin:0;font-size:clamp(1.8rem,6vw,2.5rem);color:#10254f}.approval-card>p:not(.eyebrow){max-width:52ch;margin:13px auto;color:#5e6e86;line-height:1.55}.approval-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0 18px}.approval-steps span{padding:11px 8px;border-radius:13px;background:#eef3f8;color:#617087;font-size:.78rem;font-weight:800}.approval-steps .done{background:#e9f8f0;color:#17844e}.approval-steps .current{background:#eaf4ff;color:#0967ed;box-shadow:inset 0 0 0 1px #a9cef7}.approval-card>small{display:block;color:#7a879a}.approval-card .full-button{margin-top:22px}@media(max-width:520px){.approval-steps{grid-template-columns:1fr}.approval-card{margin-top:26px;padding:24px 18px}}


/* 6.5.2 Home layout refinements */
.quick-grid{display:none !important}
.welcome-card{margin-bottom:18px}
.promo-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px 18px 18px 16px;margin:0 0 18px;border:0;border-radius:22px;background:linear-gradient(135deg,#041847 0%,#06327e 55%,#0c56d8 100%);box-shadow:0 14px 36px rgba(7,41,109,.22);position:relative;overflow:hidden}
.promo-card.hidden{display:none !important}
.promo-card::after{content:'';position:absolute;inset:auto -22% -60% 20%;height:180px;background:radial-gradient(circle at center,rgba(109,207,255,.26),rgba(109,207,255,0) 60%);pointer-events:none}
.promo-badge{width:56px;height:56px;border-radius:14px;background:linear-gradient(180deg,#4be3ff,#20b8ff);display:grid;place-items:center;color:#022a57;align-self:center;box-shadow:0 10px 22px rgba(39,176,255,.26)}
.promo-badge svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.8;fill:none}
.promo-badge b{display:none}
.promo-copy{display:flex;flex-direction:column;gap:4px;min-width:0;position:relative;z-index:1}
.promo-title{display:block;margin:0;color:#ffffff;font-size:1.02rem;line-height:1.2;font-weight:500}
.promo-discount{display:block;margin:0;color:#42e1ff;font-size:2.1rem;line-height:.95;font-weight:800;letter-spacing:-.03em}
.promo-date{display:block;margin-top:8px;color:#f3f8ff;font-size:.82rem;line-height:1.25}
.promo-link{display:inline-flex;align-self:flex-start;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.12);color:#fff;margin-top:8px;font-size:.82rem}
.gift{width:88px;height:88px;display:grid;place-items:center;position:relative;z-index:1;color:#6fd5ff;filter:drop-shadow(0 10px 16px rgba(0,0,0,.22))}
.gift svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.25;fill:rgba(255,255,255,.1)}
.promo-close{right:10px;top:10px;width:36px;height:36px;background:rgba(255,255,255,.92);box-shadow:0 6px 18px rgba(6,24,66,.16)}
.promo-template-service{background:linear-gradient(135deg,#053e55 0%,#08778b 58%,#10a6b2 100%)}.promo-template-service .promo-badge{background:linear-gradient(180deg,#7ff3dd,#3bd0c0);color:#073f47}.promo-template-service .promo-discount,.promo-template-service .gift{color:#8df5e1}.promo-template-discount{background:linear-gradient(135deg,#2b185c 0%,#5930a5 58%,#8b54da 100%)}.promo-template-discount .promo-badge{background:linear-gradient(180deg,#e2c1ff,#bb83ff);color:#3b176c}.promo-template-discount .promo-discount,.promo-template-discount .gift{color:#e2c3ff}.promo-template-security{background:linear-gradient(135deg,#07162f 0%,#102f61 58%,#165193 100%)}.promo-template-security .promo-badge{background:linear-gradient(180deg,#a8d9ff,#62b9f8);color:#092d58}.promo-template-security .promo-discount,.promo-template-security .gift{color:#91d3ff}
.next-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 18px 18px 16px;border-radius:22px;background:#fff;border:1px solid #e3eaf2;box-shadow:0 10px 28px rgba(16,46,97,.06);margin:0 0 18px}
.next-card.hidden{display:none !important}
.next-icon{width:68px;height:68px;background:#eaf3ff;color:#0b69ef}
.next-icon svg{width:32px;height:32px}
.next-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.next-copy .eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.02em;color:#0b69ef}
.next-copy .next-title{font-size:1.06rem;line-height:1.18;color:#0f2753}
.next-copy .next-meta{font-size:.98rem;line-height:1.2;color:#0b69ef;font-weight:800}
.next-address{display:flex;align-items:center;gap:7px;color:#5f7090;font-size:.9rem;line-height:1.2;margin-top:4px}
.next-address svg{width:18px;height:18px;stroke:#5f7090;flex:0 0 auto}
.assist-card{margin-bottom:18px}
#simCards{margin-top:0}
@media(max-width:620px){
  .promo-card{grid-template-columns:auto 1fr auto;padding:16px 16px 16px 14px;gap:14px}
  .promo-title{font-size:.98rem}
  .promo-discount{font-size:1.88rem}
  .promo-date{font-size:.8rem;max-width:18ch}
  .gift{width:72px;height:72px}
  .next-card{grid-template-columns:auto 1fr auto;padding:16px 14px;gap:12px}
  .next-icon{width:58px;height:58px}
  .next-icon svg{width:28px;height:28px}
  .next-copy .next-title{font-size:1.02rem}
  .next-copy .next-meta{font-size:.95rem}
}
@media(max-width:390px){
  .promo-card{grid-template-columns:auto 1fr;padding:15px 14px}
  .gift{display:none}
  .promo-title{font-size:.94rem}
  .promo-discount{font-size:1.72rem}
  .promo-date{max-width:none}
  .next-card{grid-template-columns:54px 1fr auto}
  .next-address{align-items:flex-start}
}


/* 6.5.3 - SIM renewal/expiry events in customer calendar */
.day-chip{position:relative}
.day-chip.has-sim-event::before{content:'';position:absolute;left:calc(50% + 6px);bottom:3px;width:6px;height:6px;border-radius:50%;background:#37d6ef;box-shadow:0 0 0 2px #e7fbff}
.day-chip.has-event.has-sim-event::after{transform:translateX(-4px)}
.day-chip.has-event.has-sim-event::before{left:calc(50% + 5px)}
.sim-calendar-card{border-color:#cfe3f7;background:linear-gradient(135deg,#f8fcff,#eef8ff);box-shadow:0 8px 22px rgba(15,74,137,.07)}
.sim-calendar-card.sim-orange{border-color:#f5dda8;background:linear-gradient(135deg,#fffdf7,#fff8e8)}
.sim-calendar-card.sim-red{border-color:#f3c5cd;background:linear-gradient(135deg,#fffafb,#fff1f4)}
.sim-calendar-card .sim-date-icon{display:grid;place-items:center;border-right:1px solid rgba(91,116,153,.16);color:#0b69ef}
.sim-calendar-card .sim-date-icon svg{width:34px;height:34px}
.sim-calendar-card h3{color:#10254f;margin-bottom:8px}
.sim-calendar-date{display:flex;align-items:center;gap:6px;color:#365d8c!important}
.sim-calendar-date svg{width:17px;height:17px;flex:0 0 auto}
.status-pill.sim-red{background:#ffeaee;color:#bd243d}
.status-pill.green{background:#e7f8ef;color:#12804a}
@media(max-width:620px){.sim-calendar-card .sim-date-icon svg{width:29px;height:29px}.sim-calendar-date{align-items:flex-start}}