:root{color-scheme:dark;--bg:#0b1120;--panel:#121b2e;--panel-soft:#172137;--text:#edf1fc;--muted:#8d9ab4;--line:#23304a;--blue:#82a3ff;--purple:#b09aef;--cyan:#83cbd7;--accent:#6e8eee;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a6bbff;outline-offset:4px}h1,h2,h3,p{margin:0}button{color:inherit}a{color:inherit}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:10px;width:max-content}.brand-mark{display:grid;place-items:center;width:38px;height:41px;border-radius:12px;background:linear-gradient(140deg,#6c8ef2,#906ed9);color:#f0edff;box-shadow:0 5px 22px #6868d929;flex:none}.brand-mark svg{width:25px;height:25px;fill:currentColor}.brand-word{font-size:24px;letter-spacing:-.8px;font-weight:650;line-height:1.1}.brand-word small{display:block;font-size:8px;letter-spacing:2.2px;font-weight:500;color:#8b99b5;margin-top:7px}.eyebrow{color:#8798ba;font-size:9px;font-weight:650;letter-spacing:1.7px;line-height:1.7}.section-kicker{display:inline-flex;align-items:center;gap:7px;color:#9aaacd;font-size:9px;font-weight:600;letter-spacing:1.5px}.small-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8c9cef;box-shadow:0 0 0 4px #8c9cef0a;flex:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 17px;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft);color:#d7e1f9;font-size:12px;font-weight:550;line-height:1.4}.button .icon{width:17px;height:17px}.button:hover{filter:brightness(1.1)}.button-primary{border-color:#8b9bf360;background:linear-gradient(105deg,#6a8aef,#8265d5);color:#fff;box-shadow:0 7px 24px #575ecd26}.spinner{height:16px;width:16px;border:2px solid #ffffff38;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex:none}.boot-screen{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;color:#95a7cb;font-size:12px;letter-spacing:.2px;background:radial-gradient(ellipse at 50% 35%,#343a6a23,transparent 40%),var(--bg)}.boot-screen .brand-mark{width:49px;height:53px;border-radius:16px}.loading-dots{display:inline-block;width:12px}.no-script{position:fixed;inset:0;display:grid;place-items:center;padding:28px;text-align:center;background:var(--bg);z-index:100}
/* Sign in */
.auth-shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr)}.auth-story{position:relative;overflow:hidden;padding:45px clamp(32px,5vw,82px) 30px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 12% 12%,#364c8d21,transparent 50%),radial-gradient(ellipse at 80% 80%,#63448e1c,transparent 50%),#0e1629;border-right:1px solid #222e465c;min-width:0}.auth-story:before{content:"";position:absolute;right:-230px;top:-250px;width:460px;height:460px;border:1px solid #6d7faf16;border-radius:50%;box-shadow:0 0 0 90px #6d7faf05,0 0 0 180px #6d7faf03;pointer-events:none}.story-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:45px}.auth-story h2{font-size:clamp(38px,3.9vw,57px);line-height:1.13;letter-spacing:-2px;font-weight:550;margin:18px 0}.auth-story h2 span{color:#b6aff2;background:linear-gradient(105deg,#a5c0ff,#b49de8);background-clip:text;-webkit-text-fill-color:transparent}.story-description{color:#8292b0;font-size:13px;line-height:1.95;max-width:345px}.story-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:#627495}.story-footer span{color:#526483}.account-art{height:310px;position:relative;max-width:485px;width:100%;margin:8px auto 0;isolation:isolate}.art-orbit{position:absolute;width:430px;height:180px;border:1px solid #7385c11a;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-two{width:370px;height:210px;transform:translate(-50%,-50%) rotate(24deg);border-style:dashed;border-color:#8e80c714}.art-card-back{position:absolute;left:50%;top:49%;width:200px;height:224px;border:1px solid #58699b24;border-radius:20px;background:#19244060;transform:translate(-42%,-52%) rotate(10deg)}.art-card{position:absolute;left:50%;top:50%;width:200px;height:224px;transform:translate(-50%,-50%);border:1px solid #57679482;border-radius:18px;background:linear-gradient(150deg,#203151,#15213b);box-shadow:0 25px 40px #050a1a42;text-align:center;overflow:visible}.art-card-top{height:34px;border-bottom:1px solid #576a9538;display:flex;align-items:center;padding:0 15px;gap:5px}.art-card-top span{width:5px;height:5px;border-radius:50%;background:#93a6d099}.art-card-top i{width:5px;height:5px;border-radius:50%;background:#93a6d033}.art-avatar{display:grid;place-items:center;width:62px;height:62px;border-radius:21px;margin:23px auto 15px;background:linear-gradient(145deg,#7e9bf1,#9b7bda);color:#fff;box-shadow:0 9px 25px #00000013}.art-avatar .icon{width:30px;height:30px;stroke-width:1.4}.art-card strong{font-size:13px;font-weight:550;display:block;color:#d3ddf4}.art-caption{display:block;color:#7c8fb8;font-size:9px;margin:7px 0 17px}.art-lines{display:flex;justify-content:center;gap:8px}.art-lines span{width:43px;height:4px;border-radius:5px;background:#6e80b032}.art-lines span:last-child{width:29px;background:#9b7dc733}.art-check{display:grid;place-items:center;width:34px;height:34px;position:absolute;right:-16px;top:70px;border:5px solid #14203a;background:#659aa7;border-radius:50%;color:#d6f3ee}.art-check .icon{width:17px;height:17px;stroke-width:2}.art-float{display:flex;align-items:center;gap:10px;border:1px solid #485c8980;border-radius:11px;padding:13px 16px;background:#1a2843;position:absolute;box-shadow:0 12px 25px #050a1a2b;color:#aebfdc;font-size:10px;white-space:nowrap}.art-float .icon{color:#9aade4;width:20px;height:20px}.float-calendar{left:0;top:70px}.float-user{right:0;bottom:61px;border-color:#62558170;background:#1d2946}.float-user .icon{color:#b59fdf}.art-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#919bdc80}.spark-one{right:43px;top:48px}.spark-two{left:65px;bottom:54px;width:4px;height:4px;background:#85bfd079}.auth-main{display:flex;align-items:center;justify-content:center;min-width:0;padding:54px 40px;background:radial-gradient(ellipse at 72% 3%,#35477513,transparent 45%),#0a1020}.auth-card{width:100%;max-width:365px}.mobile-brand{display:none}.auth-card h1{font-size:31px;letter-spacing:-1.1px;font-weight:550;line-height:1.25;margin:19px 0 11px}.auth-description{font-size:13px;color:#8696b4;line-height:1.8;max-width:330px;margin-bottom:31px}.form-field{margin-bottom:22px}.form-field label{display:block;color:#b1bed8;font-size:11px;font-weight:500;margin-bottom:10px}.input-wrap{position:relative}.form-field input{width:100%;min-height:53px;padding:14px 15px 14px 45px;color:var(--text);border:1px solid #2b3853;border-radius:9px;background:#121c30;outline:none;font-size:14px;line-height:22px;transition:border-color .15s,box-shadow .15s}.form-field input::placeholder{color:#596a88}.form-field input:hover{border-color:#3d4d6e}.form-field input:focus{border-color:#809bed;box-shadow:0 0 0 3px #7595ec0f;background:#15213a}.form-field input[aria-invalid="true"]{border-color:#a86e85}.form-field input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 100px #17243a inset;caret-color:var(--text)}.input-icon{position:absolute;left:16px;top:17px;color:#7687a8;pointer-events:none;width:17px!important;height:17px!important}#portal-password{padding-right:54px}.password-toggle{position:absolute;top:5px;right:5px;width:43px;height:43px;border:0;border-radius:6px;background:none;color:#7e90af;display:grid;place-items:center}.password-toggle:hover{background:#24314b77;color:#b9c9eb}.password-toggle .icon{width:19px;height:19px}.password-slash{display:none;position:absolute;width:22px;height:1.5px;transform:rotate(45deg);background:currentColor;box-shadow:0 -1px 0 #121c30}.password-toggle[aria-pressed="true"] .password-slash{display:block}.login-feedback{min-height:46px;color:#e8a9b8;font-size:12px;line-height:1.7;overflow-wrap:anywhere;padding-bottom:12px}.login-feedback.is-loading{color:#93a8d6}.login-submit{width:100%;min-height:51px;font-size:12px}.login-submit .button-arrow{margin-left:3px}.retry-button{display:block;margin:17px auto 0;background:none;border:0;color:#9aaff0;font-size:11px;padding:8px}.auth-note{display:flex;align-items:flex-start;gap:10px;border-top:1px solid #26334e7d;margin-top:29px;padding-top:22px;color:#6c7f9f;font-size:11px;line-height:1.9}.auth-note .icon{width:16px;height:16px;margin-top:3px;color:#7489b3}
/* Account workspace */
.app-shell{min-height:100dvh;display:grid;grid-template-columns:228px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;min-height:550px;border-right:1px solid #202b42;background:#0e1526;padding:31px 16px 18px;min-width:0}.sidebar>.brand{margin:0 7px 38px}.sidebar .brand-mark{width:33px;height:36px;border-radius:10px}.sidebar .brand-mark svg{width:23px;height:23px}.sidebar .brand-word{font-size:22px}.sidebar .brand-word small{font-size:7px;letter-spacing:1.8px;margin-top:6px}.sidebar-label{font-size:8px;letter-spacing:1.8px;color:#617291;font-weight:600;margin:0 14px 12px}.portal-nav{display:flex;flex-direction:column;gap:6px}.nav-button{width:100%;display:flex;align-items:center;gap:12px;min-height:45px;padding:11px 13px;border:1px solid transparent;border-radius:9px;background:none;color:#8e9bb6;font-size:12px;text-align:left}.nav-button .icon{width:18px;height:18px;stroke-width:1.6}.nav-button:hover{background:#182239;color:#cbd8f3}.nav-button.is-active{border-color:#3e5080;background:linear-gradient(100deg,#293a61,#222f4d);color:#bed0ff;box-shadow:0 4px 15px #03070e13}.nav-active-mark{display:none;margin-left:auto;width:4px;height:4px;border-radius:50%;background:#9fb5f4}.nav-button.is-active .nav-active-mark{display:block}.sidebar-bottom{margin-top:auto;padding:22px 7px 0}.app-note{display:flex;align-items:center;gap:10px;border:1px solid #2d3858;border-radius:11px;background:linear-gradient(125deg,#1e2947,#172035);padding:14px 12px;color:#8293b8}.app-note-icon{color:#9b9ddc}.app-note-icon .icon{width:23px;height:23px}.app-note p{font-size:10px;line-height:1.7}.app-note strong{font-weight:500;color:#bac7e0}.install-button{width:100%;background:#1b2844;border-color:#3f5080;font-size:10px;min-height:41px;margin-top:12px}.install-help{font-size:10px;color:#9aabd0;line-height:1.8;overflow-wrap:anywhere}.install-help:not(:empty){margin-top:13px}.sidebar-footer{border-top:1px solid #26304a;margin-top:22px;padding-top:18px;text-align:center;color:#516583;font-size:8px}.workspace{min-width:0}.workspace-header{height:77px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:0 34px}.breadcrumb{display:flex;align-items:center;gap:13px;color:#647795;font-size:10px}.breadcrumb>span:nth-child(2){color:#435574}.breadcrumb strong{color:#bdcbe5;font-size:10px;font-weight:500}.header-actions{display:flex;align-items:center;gap:14px}.icon-button{width:36px;height:36px;border:1px solid transparent;display:grid;place-items:center;border-radius:8px;color:#8f9fbd;background:none}.icon-button .icon{width:17px;height:17px}.icon-button:hover{background:#18233a;border-color:#2b3854;color:#bed0ff}.icon-button.is-loading .icon{animation:spin 1s linear infinite}.header-divider{height:18px;width:1px;background:#29354d}.logout-button{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 5px;border:0;background:none;color:#9daecb;font-size:11px}.logout-button .icon{width:16px;height:16px}.logout-button:hover{color:#d7e1f9}.portal-main{padding:33px 34px 22px;max-width:1370px;margin:0 auto}.demo-banner{display:flex;align-items:center;gap:9px;border:1px solid #63548870;border-radius:8px;background:#8c6bc518;color:#bdade6;padding:11px 14px;margin-bottom:25px;font-size:11px;line-height:1.6}.demo-banner .icon{width:16px;height:16px}.account-feedback{border:1px solid #7c546070;border-radius:8px;background:#a05f7212;color:#e0a7b8;padding:12px 14px;margin-bottom:24px;font-size:11px;line-height:1.8}.account-feedback.is-success{border-color:#3d5f776e;background:#426d9f12;color:#9fbde8}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading h1{font-size:31px;letter-spacing:-1.2px;line-height:1.3;font-weight:550;margin:8px 0 9px;overflow-wrap:anywhere}.heading-period{color:#90a7f1}.page-heading>div>p:last-child{font-size:11px;line-height:1.8;color:#7c8dab}.heading-date{font-size:9px;color:#697d9d;text-transform:capitalize;white-space:nowrap}.access-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(215px,1fr);overflow:hidden;min-height:243px;border:1px solid #354670;border-radius:15px;background:radial-gradient(ellipse at 0% 0%,#344a7526,transparent 60%),linear-gradient(110deg,#1b2a49,#1c2340 70%,#222240);box-shadow:0 8px 35px #02050e12}.hero-copy{padding:29px 31px 27px;position:relative;z-index:1;min-width:0}.hero-kicker{display:flex;align-items:center;gap:9px;color:#a1b4dd;font-size:8px;font-weight:550;letter-spacing:1.65px}.hero-kicker .small-dot{width:4px;height:4px}.hero-copy h2{font-size:26px;letter-spacing:-.9px;font-weight:550;line-height:1.3;max-width:430px;margin:20px 0 10px;overflow-wrap:anywhere}.hero-copy>p{font-size:11px;line-height:1.85;color:#96a6c7;max-width:395px}.hero-button{margin-top:23px;background:#354b7d73;border:1px solid #4b639063;min-height:36px;font-size:10px;padding:8px 13px;gap:15px;color:#cfddff}.hero-button .icon{width:14px;height:14px}.hero-account{position:relative;display:grid;place-items:center;padding:27px 20px;min-width:0}.hero-orbit{position:absolute;left:50%;top:50%;width:265px;height:265px;border:1px solid #8c8fc315;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 30px #858bc106,0 0 0 60px #858bc105;pointer-events:none}.hero-orbit:after{content:"";position:absolute;left:11px;top:76px;width:5px;height:5px;background:#8891cf7d;border-radius:50%}.hero-identity{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;max-width:100%;position:relative}.account-avatar{display:grid;place-items:center;width:62px;height:62px;border:1px solid #a4b5f445;border-radius:20px;background:linear-gradient(140deg,#536da9,#65558c);box-shadow:0 6px 18px #0d14252b;font-size:21px;font-weight:550;color:#e0e7ff;flex:none;text-transform:uppercase}.hero-name{font-size:12px;font-weight:550;color:#d5def2;margin-top:14px;overflow-wrap:anywhere;max-width:100%;line-height:1.7}.hero-username{font-size:9px;color:#92a2c4;margin-top:2px;overflow-wrap:anywhere;max-width:100%;line-height:1.7}.status-badge{display:inline-flex;align-items:center;gap:6px;min-height:22px;border:1px solid #568c8359;border-radius:5px;padding:4px 7px;color:#a3d6c5;background:#52988315;font-size:8px;font-weight:550;line-height:1.5;white-space:nowrap}.status-badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;flex:none}.hero-identity .status-badge{margin-top:13px}.status-badge.is-expired{color:#e3be92;background:#a77c4317;border-color:#a77c4345}.status-badge.is-blocked{color:#dfa4ba;background:#a8577717;border-color:#a8577759}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:21px}.summary-card{min-width:0;background:linear-gradient(135deg,#162137,#121b2e);border:1px solid var(--line);border-radius:12px;padding:19px 21px;min-height:182px}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-top h2{font-size:10px;color:#9eadca;font-weight:500;line-height:1.7}.card-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#6484d51a;color:#8ba8ef;flex:none}.card-icon .icon{width:16px;height:16px}.purple-icon{background:#9b7ed419;color:#b59adc}.cyan-icon{background:#6aafbf16;color:#8ec3d1}.card-value{display:block;line-height:1.4;font-size:31px;font-weight:550;letter-spacing:-.6px;margin-top:12px;min-height:43px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.card-description{display:block;font-size:10px;color:#a4b1cd;line-height:1.7;margin-top:2px}.card-footnote{display:block;color:#697e9e;font-size:9px;line-height:1.8;margin-top:6px;overflow-wrap:anywhere}.plan-value{font-size:20px;letter-spacing:-.4px;padding-top:6px;min-height:43px}.summary-bottom{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(215px,1fr);gap:20px;margin-top:21px}.information-card,.quiet-card,.profile-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0}.information-card{padding:23px 24px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{font-size:13px;font-weight:550;margin-top:7px;line-height:1.6}.section-heading>.icon{color:#7287ac;width:19px;height:19px}.information-card .section-kicker{font-size:8px;color:#6c80a4;letter-spacing:1.4px}.summary-details{display:grid;grid-template-columns:1.15fr 1fr .7fr;gap:15px;margin:21px 0 24px;min-width:0}.summary-details>div{min-width:0}.summary-details dt{font-size:9px;color:#677e9e;margin-bottom:7px}.summary-details dd{margin:0;color:#b7c5e0;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.text-button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;border:0;border-top:1px solid var(--line);background:none;color:#91a9df;font-size:10px;min-height:48px;padding:12px 0;text-align:left}.text-button .icon{width:15px;height:15px}.text-button:hover{color:#c1d1f9}.quiet-card{padding:22px 22px 18px;background:radial-gradient(ellipse at 100% 0%,#64519114,transparent 85%),#141c30}.quiet-card-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#a397d2;background:#9d83dd12;margin-bottom:15px}.quiet-card-icon .icon{width:17px;height:17px}.quiet-card h2{font-size:13px;line-height:1.5;font-weight:500;color:#c0cbe3}.quiet-card>p{font-size:10px;line-height:1.9;color:#7f90af;margin-top:8px;max-width:250px}.quiet-card-footer{display:block;font-size:8px;color:#586f92;margin-top:17px}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#536988;font-size:8px;line-height:1.8;margin-top:25px;padding:0 1px}.profile-card{max-width:1030px;overflow:hidden}.profile-identity{display:flex;align-items:center;gap:17px;background:radial-gradient(ellipse at 70% 5%,#67518c1c,transparent 70%),#172239;padding:28px}.profile-identity .account-avatar{width:57px;height:57px;border-radius:18px;font-size:20px}.profile-identity>div{min-width:0}.profile-identity h2{font-size:17px;font-weight:550;letter-spacing:-.4px;line-height:1.6;overflow-wrap:anywhere}.profile-identity p{color:#8da1c3;font-size:11px;line-height:1.8;margin-top:3px;overflow-wrap:anywhere}.profile-identity>.status-badge{margin-left:auto}.profile-section{padding:25px 28px}.profile-section+.profile-section{border-top:1px solid var(--line)}.profile-section h3{font-size:13px;line-height:1.7;font-weight:550;color:#c9d5ec}.profile-section>p,.profile-section .section-heading p{font-size:10px;line-height:1.8;color:#788eaf;margin-top:5px}.profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 35px;margin:27px 0 6px}.profile-details>div{min-width:0}.profile-details dt{font-size:10px;color:#7387a7;line-height:1.8;margin-bottom:6px}.profile-details dd{margin:0;font-size:12px;color:#c2cee5;line-height:1.8;overflow-wrap:anywhere}.plan-section .section-heading{align-items:flex-start}.plan-section .section-heading p{max-width:520px}.portal-page h1:focus,.auth-card h1:focus{outline:none}
/* Mobile comes first in the interaction: comfortable targets, no compressed desktop tables. */
@media(min-width:1500px){.portal-main{padding-top:41px}.page-heading h1{font-size:35px}.access-hero{min-height:266px}.hero-copy{padding:34px 37px}.hero-copy h2{font-size:29px}.hero-copy>p{font-size:12px}.summary-card{min-height:190px;padding:22px 24px}.auth-card{max-width:380px}}
@media(max-width:1100px){.app-shell{grid-template-columns:204px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.sidebar .brand-word{font-size:20px}.workspace-header{padding-left:25px;padding-right:25px}.portal-main{padding:28px 25px 20px}.hero-copy{padding:27px 25px}.hero-copy h2{font-size:23px}.summary-card{padding:17px}.summary-grid{gap:13px}.summary-bottom{gap:16px}.information-card{padding-left:20px;padding-right:20px}.quiet-card{padding-left:18px;padding-right:18px}.summary-details{grid-template-columns:1fr 1fr}.summary-details>div:last-child{grid-column:1/-1}.auth-story{padding-left:38px;padding-right:38px}.account-art{height:285px}.art-orbit{width:365px}.float-calendar{left:-8px}.float-user{right:-10px}}
@media(max-width:950px){.auth-shell{display:block}.auth-story{display:none}.auth-main{min-height:100svh;padding:38px 26px;background:radial-gradient(ellipse at 50% -10%,#4a56a42e,transparent 48%),#0a1020}.auth-card{max-width:380px}.mobile-brand{display:flex;margin-bottom:45px}.form-field input{font-size:16px}.form-field label{font-size:12px}.auth-card h1{font-size:31px}.login-submit{font-size:13px;min-height:53px}.auth-description{font-size:13px}.auth-note{font-size:11px}}
@media(max-width:800px){.app-shell{display:flex;flex-direction:column;min-height:100svh}.sidebar{display:contents}.sidebar>.brand{margin:0;padding:23px 23px 0;order:0;width:auto}.sidebar>.brand .brand-mark{width:32px;height:35px}.sidebar>.brand .brand-word{font-size:22px}.sidebar>.brand .brand-word small{font-size:7px}.sidebar-label{display:none}.portal-nav{order:1;display:flex;flex-direction:row;gap:7px;margin:23px 23px 0;padding:5px;border:1px solid var(--line);border-radius:11px;background:#10192b}.nav-button{justify-content:center;width:50%;min-height:41px;font-size:12px;gap:8px;padding:9px 11px}.nav-button.is-active{background:linear-gradient(105deg,#2a3b61,#293254);border-color:#3b507b}.nav-button .icon{width:16px;height:16px}.nav-active-mark{display:none!important}.workspace{order:2}.workspace-header{height:57px;padding:0 23px;margin-top:7px;border:0}.breadcrumb{gap:10px;font-size:9px}.breadcrumb strong{font-size:9px}.header-actions{gap:10px}.icon-button{height:37px;width:37px}.logout-button{font-size:11px;min-height:40px}.portal-main{padding:8px 23px 20px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:29px;margin-top:7px;margin-bottom:8px;letter-spacing:-1px}.page-heading>div>p:last-child{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.45px}.heading-date{display:none}.access-hero{grid-template-columns:minmax(0,1.4fr) minmax(130px,1fr);min-height:235px;border-radius:13px}.hero-copy{padding:25px 23px}.hero-copy h2{font-size:23px;margin-top:17px;max-width:320px}.hero-copy>p{font-size:11px}.hero-account{padding:23px 16px}.hero-orbit{width:230px;height:230px}.hero-kicker{font-size:7px;letter-spacing:1.25px}.hero-identity .account-avatar{width:57px;height:57px;border-radius:19px;font-size:20px}.hero-name{font-size:11px}.hero-username{font-size:9px}.hero-button{font-size:10px;margin-top:21px}.summary-grid{gap:13px;margin-top:16px}.summary-card{min-height:174px;padding:17px}.card-top{gap:7px}.card-top h2{font-size:9px}.card-icon{width:29px;height:29px;border-radius:8px}.card-value{font-size:29px;min-height:41px}.plan-value{font-size:19px}.card-description{font-size:10px}.card-footnote{font-size:8px}.summary-bottom{margin-top:16px;grid-template-columns:minmax(0,1.5fr) minmax(170px,1fr);gap:15px}.summary-details{grid-template-columns:1fr 1fr}.sidebar-bottom{order:3;margin:0 23px 0;padding:0 0 max(24px,env(safe-area-inset-bottom))}.app-note{display:none}.install-button{margin:0;min-height:44px;font-size:12px;width:100%}.install-help{text-align:center;font-size:11px;max-width:520px;margin-left:auto;margin-right:auto}.sidebar-footer{margin-top:0;padding-top:0;border:0;font-size:9px;display:none}.workspace-footer{font-size:8px;margin-top:24px}.profile-identity{padding:23px;gap:13px}.profile-identity h2{font-size:16px}.profile-identity p{font-size:11px}.profile-section{padding:24px}.profile-details{column-gap:25px}}
@media(max-width:540px){.access-hero{grid-template-columns:minmax(0,1fr);min-height:0}.hero-copy{padding:25px 23px 22px;max-width:100%}.hero-copy h2{font-size:25px;max-width:290px;margin-top:16px;letter-spacing:-.8px}.hero-copy>p{max-width:280px}.hero-account{border-top:1px solid #8a97cd14;display:block;padding:17px 23px;background:#0e163119}.hero-orbit{left:auto;right:-60px;top:10px;transform:none;width:170px;height:170px}.hero-identity{display:grid;grid-template-columns:37px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;text-align:left;align-items:center}.hero-identity .account-avatar{grid-row:1/3;width:37px;height:39px;border-radius:12px;font-size:13px}.hero-name{grid-column:2;grid-row:1;margin:0;font-size:11px;font-weight:500;line-height:1.7}.hero-username{grid-column:2;grid-row:2;margin:0;font-size:9px;line-height:1.7}.hero-identity .status-badge{grid-column:3;grid-row:1/3;margin:0;font-size:7px;gap:5px;padding:4px 6px}.hero-button{margin-top:20px;min-height:37px;font-size:10px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-card{padding:16px 15px;min-height:172px}.summary-card .card-top{align-items:flex-start}.card-top h2{font-size:9px;line-height:1.6;max-width:82px}.card-icon{width:27px;height:27px;border-radius:7px}.card-icon .icon{width:14px;height:14px}.card-value{font-size:30px;margin-top:14px;min-height:42px}.card-description{font-size:9px}.card-footnote{font-size:8px;margin-top:5px}.plan-card{grid-column:1/-1;position:relative;min-height:132px;padding:17px 18px}.plan-card .card-top h2{max-width:none;font-size:10px}.plan-card .card-icon{position:absolute;right:18px;top:17px;width:30px;height:30px}.plan-value{font-size:21px;margin-top:10px;min-height:0;padding-top:0;padding-right:45px}.plan-card .card-description{font-size:10px;margin-top:5px;max-width:270px;padding-right:15px}.plan-card .card-footnote:empty{display:none}.summary-bottom{grid-template-columns:minmax(0,1fr);gap:15px}.information-card{padding:21px 20px 0}.summary-details{grid-template-columns:1fr 1fr;row-gap:20px;margin-top:22px}.summary-details>div:last-child{grid-column:auto}.summary-details dt{font-size:9px}.summary-details dd{font-size:11px}.information-card .section-heading h2{font-size:13px}.quiet-card{padding:18px 20px;position:relative}.quiet-card-icon{position:absolute;top:19px;left:20px;width:28px;height:28px;margin:0}.quiet-card h2{padding-left:41px;min-height:29px;display:flex;align-items:center;font-size:12px}.quiet-card>p{margin-top:11px;max-width:280px;font-size:10px}.quiet-card-footer{margin-top:13px;font-size:8px}.profile-identity{padding:22px 20px;display:grid;grid-template-columns:49px minmax(0,1fr);gap:12px}.profile-identity .account-avatar{width:49px;height:52px;border-radius:17px;font-size:17px;grid-row:1/3}.profile-identity h2{font-size:15px}.profile-identity p{font-size:10px}.profile-identity>.status-badge{grid-column:2;justify-self:start;margin:0;font-size:8px}.profile-section{padding:23px 20px}.profile-details{grid-template-columns:minmax(0,1fr);gap:21px;margin-top:24px}.profile-details dt{font-size:10px;margin-bottom:4px}.profile-details dd{font-size:12px}.profile-section h3{font-size:13px}.profile-section>p,.profile-section .section-heading p{font-size:10px}.workspace-footer{align-items:flex-start;gap:15px;flex-direction:column;font-size:8px;margin-top:22px;row-gap:4px}.demo-banner{font-size:10px;padding:11px 12px;margin-bottom:22px;gap:8px}.demo-banner .icon{width:15px;height:15px}}
@media(max-width:360px){.sidebar>.brand{padding-left:18px;padding-right:18px}.portal-nav{margin-left:18px;margin-right:18px}.workspace-header{padding-left:18px;padding-right:18px}.portal-main{padding-left:18px;padding-right:18px}.sidebar-bottom{margin-left:18px;margin-right:18px}.hero-copy{padding-left:20px;padding-right:20px}.hero-copy h2{font-size:23px}.hero-account{padding-left:20px;padding-right:20px}.hero-name{font-size:10px}.auth-main{padding-left:23px;padding-right:23px}.auth-card h1{font-size:29px}.mobile-brand{margin-bottom:37px}}
@media(max-height:740px) and (max-width:950px){.auth-main{align-items:flex-start;padding-top:28px;padding-bottom:30px}.mobile-brand{margin-bottom:29px}.auth-description{margin-bottom:26px}.form-field{margin-bottom:20px}.auth-note{margin-top:24px;padding-top:18px}.login-feedback{min-height:39px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@keyframes spin{to{transform:rotate(360deg)}}
/* A brighter client workspace: vivid accents, quiet navy and readable paper surfaces. */
body{background:#0b1227}.workspace{background:radial-gradient(ellipse at 85% 0%,#724cbd1b,transparent 43%),radial-gradient(ellipse at 5% 28%,#158fa310,transparent 50%),#0b1227}.brand-mark{background:linear-gradient(135deg,#3dd8d2,#5b83fa 48%,#b46aee);box-shadow:0 5px 28px #6091ff38}.brand-word{color:#f6f8ff}.auth-story{background:radial-gradient(ellipse at 5% 15%,#159aab29,transparent 55%),radial-gradient(ellipse at 85% 70%,#a34fc42b,transparent 55%),#101c37}.auth-main{background:radial-gradient(ellipse at 85% 0%,#644b9c23,transparent 50%),#0b1225}.auth-story h2 span{background:linear-gradient(110deg,#66e8dc,#abc7ff 48%,#d0a0f9);background-clip:text;-webkit-text-fill-color:transparent}.art-avatar{background:linear-gradient(140deg,#4ad8d5,#668cff 52%,#be7ee9)}.art-card{border-color:#6d8cc1a1;background:linear-gradient(145deg,#254976,#30305b);box-shadow:0 20px 55px #2865d429}.float-calendar{background:#203e5a;border-color:#3ea6b37a}.float-calendar .icon{color:#7de6dc}.float-user{background:#3a2b55;border-color:#9d71bf80}.story-description{color:#a0b2d3}.button-primary{background:linear-gradient(105deg,#4d7ff1,#7e5fe0);border-color:#7492ed;color:#fff;box-shadow:0 7px 20px #5576e32b}.button-primary:hover{filter:brightness(1.08)}.sidebar{background:linear-gradient(160deg,#101c32,#11172b 65%);border-color:#293552}.sidebar-label{color:#8b9cbd}.nav-button{font-size:12px;color:#a5b4ce;position:relative}.nav-button.is-active{background:linear-gradient(110deg,#31578e,#51447f);border-color:#6282bc;color:#fff;box-shadow:0 7px 20px #0c142b33}.nav-button.is-active .icon{color:#9ce6ef}.nav-count{display:grid;place-items:center;margin-left:auto;background:#9374ee;color:#fff;font-size:8px;min-width:18px;height:18px;border-radius:6px;padding:0 4px}.whatsapp-button{display:flex;align-items:center;gap:10px;margin:23px 5px 0;padding:13px 12px;color:#a4e9d0;background:#2a8e7120;border:1px solid #52b28b4d;border-radius:10px;font-size:10px;text-decoration:none;min-height:43px}.whatsapp-button>.icon{width:17px;height:17px}.whatsapp-button>.icon:last-child{margin-left:auto;width:14px;height:14px}.whatsapp-button[aria-disabled=true]{opacity:.55;cursor:default}.whatsapp-button[href]:hover{background:#2f9e7f33;color:#d1ffe9}.app-note{background:linear-gradient(130deg,#29436a,#44305e);border-color:#6278a65e}.app-note strong{color:#e1e9fe}.app-note-icon{color:#a6d9f2}.workspace-header{background:#0b132494;border-color:#34436773}.page-heading h1{color:#f6f8ff;font-weight:600}.page-heading>div>p:last-child{color:#9dadca}.eyebrow{color:#8fc6e4}.heading-period{color:#8ddbd9}.access-hero{border-color:#8172d186;background:radial-gradient(ellipse at 12% 0%,#40bddd36,transparent 55%),linear-gradient(115deg,#264785,#51418c 63%,#6a3b83);box-shadow:0 14px 40px #03091529}.hero-kicker{color:#b5e8f6}.hero-copy>p{color:#c5d1ef}.hero-copy h2{font-size:28px;color:#fff}.hero-button{background:#ffffff1b;border-color:#b8c9ff69;color:#fff;box-shadow:0 3px 15px #12254b21}.hero-name{color:#f2f6ff}.hero-username{color:#c0cbec}.hero-identity .account-avatar{background:linear-gradient(140deg,#56bfd0,#ac8ce6);border-color:#e0e7ff66}.hero-orbit{border-color:#c4c3ff24;box-shadow:0 0 0 30px #c4c3ff07,0 0 0 60px #c4c3ff06}.hero-identity .status-badge{background:#88ecc52b;border-color:#acedd552;color:#ddfff0}.hero-identity .status-badge.is-expired{background:#ffda9133;border-color:#f4c97869;color:#fff1cf}.hero-identity .status-badge.is-blocked{background:#ffabcb29;border-color:#ffb9d557;color:#ffe2ef}.summary-card{background:#f1f6ff;border:1px solid #e0e8f6;box-shadow:0 7px 25px #02081815;color:#203652;transition:transform .18s,box-shadow .18s}.summary-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #02081824}.expiry-card{background:linear-gradient(140deg,#eef8ff,#e9f0ff)}.connections-card{background:linear-gradient(140deg,#f7f1ff,#eee9ff)}.plan-card{background:linear-gradient(140deg,#effdf7,#e6f6f0)}.card-top h2{color:#586d8e;font-size:11px}.card-value{color:#244470}.connections-card .card-value{color:#7352b5}.plan-card .card-value{color:#27776a}.card-description{color:#536d8e;font-size:11px}.card-footnote{color:#7486a3;font-size:9px}.card-icon{background:#4f7ee91a;color:#4a74cd}.purple-icon{background:#8a5bd21b;color:#9566cc}.cyan-icon{background:#299a8617;color:#398e7f}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:21px}.quick-action{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;min-height:169px;border:1px solid #3b577680;border-radius:12px;background:linear-gradient(145deg,#223a5a,#182a43);padding:20px 19px;color:#d9e8ff;overflow:hidden;transition:transform .18s,filter .18s}.quick-action:hover{transform:translateY(-3px);filter:brightness(1.12)}.quick-action:before{content:"";position:absolute;right:-26px;top:-29px;width:110px;height:110px;border-radius:50%;background:#8bb9ff0b;pointer-events:none}.quick-icon{display:grid;place-items:center;width:34px;height:34px;background:#7aa9ef21;border:1px solid #8bb4ec21;border-radius:10px;color:#9bc8ff;margin-bottom:14px}.quick-icon .icon{width:19px;height:19px}.quick-action strong{font-size:11px;font-weight:550;line-height:1.8;max-width:calc(100% - 13px)}.quick-action>span:not(.quick-icon){display:block;font-size:9px;line-height:1.8;color:#9bb3d3;margin-top:4px}.quick-action .quick-arrow{position:absolute;right:15px;bottom:18px;width:14px;height:14px;color:#8da9d2}.quick-violet{background:linear-gradient(140deg,#39305a,#29253f);border-color:#70578c80}.quick-violet .quick-icon{background:#bb8cf521;color:#d2b3ff;border-color:#bb8cf521}.quick-violet>span:not(.quick-icon){color:#b4a2cf}.quick-amber{background:linear-gradient(140deg,#514132,#332b2b);border-color:#8a6b4880}.quick-amber .quick-icon{background:#e5ae5421;color:#f0c97e;border-color:#e5ae5421}.quick-amber>span:not(.quick-icon){color:#c6b18f}.quick-mint{background:linear-gradient(140deg,#224b48,#1b333a);border-color:#498a8180}.quick-mint .quick-icon{background:#6fdbbd20;color:#a4efd8;border-color:#6fdbbd20}.quick-mint>span:not(.quick-icon){color:#9cbbba}.heading-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #7b9de34d;background:#4d6fa326;border-radius:15px;color:#9ec3ff;flex:none}.heading-icon .icon{width:24px;height:24px}.mint-heading{color:#91e9c5;background:#3fae8423;border-color:#5cbd9e49}.cyan-heading{color:#9ce7ec;background:#338e9f26;border-color:#55b4c14d}.violet-heading{color:#d1b2fa;background:#8051ad26;border-color:#a783c74d}.notification-trigger{position:relative}.notification-trigger>span{position:absolute;top:5px;right:5px;width:6px;height:6px;border:1px solid #10172c;border-radius:50%;background:#b990f5;box-shadow:0 0 0 2px #ac79f012}.paper-card{min-width:0;background:#f6f8ff;color:#263c5b;border:1px solid #dde6f4;border-radius:14px;box-shadow:0 8px 30px #01081717;color-scheme:light;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px 0}.panel-heading h2{font-size:17px;font-weight:600;line-height:1.6;letter-spacing:-.3px;margin-top:5px;color:#253f63}.panel-heading>.icon{color:#8aa1c0;width:21px;height:21px}.paper-card .section-kicker,.portal-dialog .section-kicker{color:#7a8dac;font-size:8px;letter-spacing:1.4px}.paper-card .icon-button,.portal-dialog .icon-button{color:#7b8eaa}.paper-card .icon-button:hover,.portal-dialog .icon-button:hover{background:#e5ecf8;border-color:#d9e2f3}.panel-description{font-size:12px;line-height:1.9;color:#70819d;margin:13px 24px 20px}.color-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#557fdf19;color:#6081cb;flex:none}.color-icon .icon{width:19px;height:19px}.color-violet{color:#9866c7;background:#9b6bc31a}.color-cyan{color:#319d9a;background:#359d9b18}.color-blue{color:#5b80d6;background:#5b80d618}.fine-print{color:#8493ac;font-size:10px;line-height:1.9}.feature-feedback{color:#d0d9f1;background:#33538127;border:1px solid #5278ab52;padding:13px 15px;border-radius:9px;font-size:12px;line-height:1.9;margin-bottom:20px}.feature-feedback.is-error{color:#edb5c5;border-color:#b16d8c47;background:#914e6815}.feature-feedback.is-success{color:#aee9d0;border-color:#59a68c4d;background:#43917c17}.inline-note{padding:13px 15px;border:1px solid #e1c7939c;background:#fff5dd;color:#93743b;font-size:11px;line-height:1.9;border-radius:9px;margin:0 24px 18px}.empty-state{padding:38px 24px;text-align:center;color:#7a8eaa}.empty-state .empty-icon{width:49px;height:49px;border-radius:16px;background:linear-gradient(140deg,#e5eefe,#eee6fb);color:#809cce;display:grid;place-items:center;margin:0 auto 16px}.empty-state .empty-icon .icon{width:24px;height:24px}.empty-state h3{font-size:14px;color:#4a6387;font-weight:550;line-height:1.7}.empty-state p{font-size:11px;line-height:1.95;max-width:330px;margin:8px auto 0;white-space:pre-wrap;overflow-wrap:anywhere}.loading-placeholder{padding:34px 24px;color:#7b8dac;font-size:12px;line-height:1.8}.notification-panel{margin-bottom:24px}.notification-panel .panel-heading{padding-top:18px}.notification-list{padding:10px 24px 17px}.notification-item{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #e0e8f4}.notification-item:last-child{border:0}.notification-item .color-icon{width:30px;height:30px;border-radius:10px}.notification-item h3{font-size:12px;line-height:1.8;font-weight:550;color:#38547b}.notification-item p{font-size:11px;line-height:1.9;color:#7c8fa9;margin-top:3px;overflow-wrap:anywhere}.notification-item time{display:block;font-size:9px;color:#9aa8bd;margin-top:5px}.finance-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}.renewal-card>.button{margin:0 24px;width:calc(100% - 48px)}.renewal-card>.fine-print{margin:16px 25px 23px}.plan-options{display:grid;gap:11px;padding:0 24px 21px}.plan-option{display:flex;align-items:center;gap:14px;width:100%;padding:17px 15px;border:1px solid #dce5f3;background:#fff;border-radius:11px;color:#5c7396;text-align:left}.plan-option:hover{border-color:#a4bbf0;background:#fbfcff}.plan-option.is-selected{border-color:#7195ef;background:linear-gradient(120deg,#eef4ff,#f5f0ff);box-shadow:0 0 0 2px #7195ef13}.plan-radio{width:17px;height:17px;border:1.5px solid #bccbe1;border-radius:50%;display:grid;place-items:center;flex:none}.plan-option.is-selected .plan-radio{border-color:#6c8fe9}.plan-option.is-selected .plan-radio:after{content:"";width:8px;height:8px;border-radius:50%;background:#6c8fe9}.plan-option>span:nth-child(2){min-width:0}.plan-option strong{display:block;font-size:13px;line-height:1.8;color:#3e5a81;font-weight:550;overflow-wrap:anywhere}.plan-option small{font-size:10px;line-height:1.7;color:#8a9bb3}.plan-price{margin-left:auto;font-size:15px!important;font-weight:600!important;white-space:nowrap;color:#5b6db0!important}.invoice-list{padding:8px 23px 17px}.invoice-row{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:0;border-bottom:1px solid #dde6f2;padding:17px 0;background:none}.invoice-row:last-child{border-bottom:0}.invoice-row .color-icon{width:34px;height:36px;border-radius:10px;color:#6f8ab9;background:#e9eef9}.invoice-row .invoice-copy{flex:1;min-width:0}.invoice-row strong{font-size:12px;color:#456287;font-weight:550;line-height:1.7;display:block;overflow-wrap:anywhere}.invoice-row small{font-size:9px;color:#8c9eb6;line-height:1.8;display:block;margin-top:3px}.invoice-row .invoice-side{text-align:right;min-width:0}.invoice-row .invoice-price{font-size:12px;color:#334f77;margin-bottom:6px;white-space:nowrap}.state-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #debf7466;border-radius:5px;background:#f7e7bb4d;color:#9c7b35;font-size:8px;font-weight:550;white-space:nowrap;line-height:1.5}.state-pill.is-paid,.state-pill.is-resolved{color:#3c8a76;background:#d8f1e9;border-color:#77c3ad57}.state-pill.is-held,.state-pill.is-blocked{background:#f5dfeb;color:#ad7095;border-color:#cc89b94d}.state-pill.is-expired,.state-pill.is-cancelled{background:#edf0f6;color:#8b98ac;border-color:#bec9d942}.state-pill.is-active,.state-pill.is-open{color:#627eaf;background:#e5edfd;border-color:#a6bce663}.device-tabs{display:flex;gap:10px;overflow:auto;margin:0 0 19px;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#41577b transparent}.device-tab{display:flex;align-items:center;gap:9px;flex:none;padding:12px 18px;min-height:45px;border:1px solid #364b70;border-radius:10px;background:#192944;color:#a6bddf;font-size:11px}.device-tab .icon{width:17px;height:17px}.device-tab.is-selected{border-color:#76b6ce;background:linear-gradient(110deg,#356388,#5262a2);color:#fff}.device-content{min-height:300px}.device-content>.panel-heading{padding-bottom:5px}.app-list{padding:0 24px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.app-card{border:1px solid #dae5f4;border-radius:11px;background:#fff;padding:20px;min-width:0}.app-card h3{font-size:14px;color:#405d85;font-weight:550;line-height:1.7}.app-card p,.app-card ol{font-size:11px;line-height:1.9;color:#7b8da8;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.app-card .button{font-size:11px;min-height:38px;background:#eaf0fc;color:#597abb;text-decoration:none;border-color:#d5e2f8;margin-top:10px}.ticket-create-panel{margin-bottom:22px}.portal-form{padding:22px 24px 24px}.portal-form .form-field{margin-bottom:19px}.portal-form label,.pix-label{font-size:11px;font-weight:550;line-height:1.8;color:#5e7598;display:block;margin-bottom:8px}.portal-form input:not([type=checkbox]),.portal-form select,.portal-form textarea,.portal-dialog textarea{width:100%;min-height:45px;border:1px solid #d8e2f2;border-radius:8px;background:#fff;color:#354f74;padding:12px 13px;outline:none;font-size:13px;line-height:1.7;box-shadow:none;resize:vertical;color-scheme:light}.portal-form input:not([type=checkbox]):focus,.portal-form select:focus,.portal-form textarea:focus,.portal-dialog textarea:focus{border-color:#86a4eb;box-shadow:0 0 0 3px #86a4eb12}.portal-form input::placeholder,.portal-form textarea::placeholder{color:#a0afc3;font-size:12px}.portal-form textarea{min-height:97px}.portal-form .button{font-size:11px}.form-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:20px}.tickets-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:21px;align-items:start}.soft-count{font-size:10px;color:#8296b5;background:#e6edf9;padding:6px 9px;border-radius:7px;white-space:nowrap}.ticket-list{padding:8px 23px 17px}.ticket-row{display:block;width:100%;background:none;border:0;border-bottom:1px solid #dce6f3;padding:18px 0;text-align:left;color:#405f89}.ticket-row:last-child{border-bottom:0}.ticket-row:hover h3{color:#6687d1}.ticket-row h3{font-size:12px;line-height:1.8;font-weight:550;overflow-wrap:anywhere}.ticket-row>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:9px}.ticket-row small{font-size:9px;line-height:1.8;color:#8b9fb9;overflow-wrap:anywhere}.ticket-row.is-selected h3{color:#5679c4}.ticket-detail{min-height:300px}.ticket-detail-header{padding:23px 24px 0}.ticket-detail-header>span{font-size:9px;letter-spacing:1px;color:#8a9ab4}.ticket-detail-header h2{font-size:17px;font-weight:550;letter-spacing:-.3px;line-height:1.6;color:#38567f;margin:10px 0}.ticket-detail-header>div{display:flex;gap:12px;align-items:center;color:#93a2b7;font-size:9px}.ticket-original{font-size:12px;line-height:1.95;color:#667e9f;margin:20px 24px;white-space:pre-wrap;overflow-wrap:anywhere}.ticket-thread{padding:0 24px}.ticket-message{border-left:2px solid #c9d6ef;padding:4px 0 4px 15px;margin:17px 0}.ticket-message.is-staff{border-color:#a3c7c3}.ticket-message strong{font-size:10px;color:#7084a5;font-weight:550}.ticket-message p{font-size:12px;color:#5a7497;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}.ticket-message time{display:block;font-size:9px;color:#a0adc0;margin-top:7px}.ticket-reply-form{border-top:1px solid #dde6f2;margin-top:23px}.portal-chat{overflow:hidden;max-width:1100px}.portal-chat-header{display:flex;align-items:center;gap:13px;padding:20px 24px;border-bottom:1px solid #dce5f4;background:linear-gradient(115deg,#eef6ff,#f3edff)}.support-avatar{display:grid;place-items:center;width:42px;height:44px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#64b5d4,#9478dd)}.portal-chat-header h2{font-size:13px;line-height:1.8;color:#3d5c88;font-weight:550}.portal-chat-header p{font-size:10px;color:#8196b8;line-height:1.8;margin-top:2px}.channel-label{margin-left:auto;font-size:8px;color:#7d99bd;padding:6px 8px;border:1px solid #cbdaef;border-radius:6px;white-space:nowrap}.portal-chat-messages{height:390px;min-height:240px;overflow:auto;padding:22px 24px;display:flex;flex-direction:column;gap:15px;background:radial-gradient(ellipse at 0% 0%,#e7f4ff7d,transparent 60%),#f2f6fc;scrollbar-width:thin;scrollbar-color:#c3d1e7 transparent}.portal-chat-messages .empty-state{margin:auto;max-width:100%;padding:25px 10px}.portal-message{display:flex;flex-direction:column;align-items:flex-start;max-width:82%;align-self:flex-start}.portal-message>strong{font-size:9px;color:#8d9fb7;font-weight:500;margin:0 0 5px 3px}.portal-message>p{padding:12px 15px;background:#fff;border:1px solid #dbe5f2;border-radius:3px 13px 13px 13px;font-size:12px;color:#476485;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;max-width:100%;box-shadow:0 2px 7px #35598a03}.portal-message>time{font-size:8px;color:#9eafc4;margin:6px 2px 0}.portal-message.is-own{align-self:flex-end;align-items:flex-end}.portal-message.is-own>p{border-color:#7592eb;background:linear-gradient(115deg,#6388e5,#7d70cf);color:#fff;border-radius:13px 3px 13px 13px}.chat-feedback{padding:0 24px;color:#a07390;font-size:11px;line-height:1.9}.chat-feedback:not(:empty){padding-top:11px;padding-bottom:6px}.portal-chat-form{padding:17px 22px;display:flex;align-items:flex-end;gap:11px;border-top:1px solid #e1e8f5;background:#fff}.portal-chat-form textarea{flex:1;width:0;border:1px solid #dbe4f2;border-radius:9px;background:#f8faff;padding:12px 14px;font:13px/1.65 inherit;color:#4b6382;outline:none;resize:none;min-height:46px;max-height:125px;overflow:auto}.portal-chat-form textarea:focus{border-color:#93acf0}.portal-chat-form textarea::placeholder{font-size:12px;color:#9eacc3}.portal-chat-form .button{min-height:46px;width:47px;padding:12px;border-radius:10px;flex:none}.chat-footnote{background:#fff;font-size:9px;color:#a0aec3;line-height:1.8;text-align:center;padding:0 18px 14px}.profile-card{background:#f5f8ff;color:#3c577b;border-color:#dce6f6}.profile-identity{background:linear-gradient(110deg,#eaf5ff,#efe9fb);border-bottom:1px solid #dce5f4}.profile-identity p{color:#8097b5}.profile-identity .status-badge{background:#dcefe8;color:#43836e;border-color:#a1d0c04d}.profile-identity .status-badge.is-expired{background:#f7e7c9;color:#a08345;border-color:#debb7759}.profile-identity .status-badge.is-blocked{background:#efd9e9;color:#a46991;border-color:#c88eaf4d}.profile-section h3{color:#4a668b}.profile-section>p,.profile-section .section-heading p{color:#8b9db5}.profile-details dt{color:#8a9cb7}.profile-details dd{color:#4b6486}.profile-section+.profile-section{border-color:#dce6f4}.account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:21px;max-width:1030px}.action-card{border:1px solid #324c705c;background:linear-gradient(130deg,#1a304d,#1d2841);border-radius:12px;padding:22px;display:flex;align-items:flex-start;flex-direction:column;gap:15px;min-width:0}.action-card h2{font-size:13px;font-weight:550;line-height:1.8;color:#c6dbf3}.action-card p{color:#91a8c6;font-size:10px;line-height:1.9;margin-top:6px}.action-card .button{margin-top:auto;background:#2e46646b;border-color:#5b7c9c4d;color:#afcce9;font-size:10px;min-height:36px;padding:8px 12px}.action-card .color-icon{background:#7cc8dc20;color:#a0d5ea}.action-card:nth-child(2){background:linear-gradient(130deg,#302848,#22283f)}.action-card:nth-child(2) .color-icon{background:#c598e520;color:#d1b4ea}.portal-dialog{width:min(510px,calc(100% - 36px));border:1px solid #dce6f6;border-radius:19px;background:#f7f9ff;color:#365479;padding:25px;max-height:calc(100svh - 48px);overflow:auto;box-shadow:0 30px 100px #0105156b;color-scheme:light}.portal-dialog::backdrop{background:#060e24be;backdrop-filter:blur(5px)}.portal-dialog[open]{animation:dialog-in .18s ease-out}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:17px;margin-bottom:22px}.dialog-heading h2{font-size:21px;letter-spacing:-.5px;line-height:1.5;color:#3d5b84;font-weight:600;margin-top:7px}.dialog-heading>.icon-button{width:31px;height:31px;flex:none}.portal-dialog .panel-description{margin-left:0;margin-right:0}.portal-dialog .portal-form{padding:0}.portal-dialog .consent-field{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.9;color:#7d8fa9;margin:21px 0}.consent-field input{margin:5px 0 0;accent-color:#7892df;width:15px;height:15px;flex:none}.portal-dialog form>.button{width:100%;font-size:12px}.quote-facts{margin:0;padding:0;display:grid;gap:15px}.quote-facts>div{padding-bottom:13px;border-bottom:1px solid #dfe7f3;display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.quote-facts dt{font-size:11px;color:#8a9bb4;line-height:1.8}.quote-facts dd{font-size:12px;color:#4a6488;line-height:1.8;margin:0;text-align:right;overflow-wrap:anywhere}.quote-facts .quote-total dd{font-size:24px;font-weight:600;color:#6684c5;letter-spacing:-.7px}.estimate-note{padding:13px 15px;background:#eaf1fc;border:1px solid #d7e4f6;border-radius:9px;color:#8198b9;font-size:10px;line-height:1.9;margin-top:19px}.dialog-feedback{font-size:11px;color:#9b7490;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:16px}.dialog-feedback:empty{display:none}#invoice-payment{text-align:center}#invoice-payment-summary{font-size:12px;line-height:1.9;color:#7790b2}#invoice-payment-summary h3{font-size:18px;color:#4b6a96;font-weight:550;margin-bottom:7px}#invoice-payment-summary .state-pill{margin-top:10px}#invoice-qr{display:block;max-width:220px;width:100%;height:auto;margin:20px auto;border:8px solid #fff;border-radius:12px;box-shadow:0 5px 15px #1639680a}#invoice-pix-code{resize:none;font-size:10px;color:#7b8ea9;margin-bottom:14px;text-align:left}#invoice-payment .pix-label{text-align:left;margin-top:20px}#invoice-check-status{margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes dialog-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action{min-height:145px}.finance-layout{grid-template-columns:minmax(0,1fr)}.tickets-layout{grid-template-columns:minmax(0,1fr)}.ticket-detail{min-height:240px}.app-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){.portal-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px}.nav-button{width:100%;flex-direction:column;gap:6px;min-height:61px;font-size:9px;padding:10px 4px}.nav-button .icon{width:18px;height:18px}.nav-count{position:absolute;top:5px;right:6px;min-width:15px;height:15px;font-size:7px}.sidebar>.whatsapp-button{order:4;margin:0 23px 18px;justify-content:center;font-size:11px;min-height:44px}.sidebar>.whatsapp-button>.icon:last-child{margin-left:3px}.sidebar-bottom{order:5}.workspace-header{margin-top:9px}.portal-main{padding-top:9px}.workspace-header .breadcrumb>span:first-child{display:none}.workspace-header .breadcrumb>span:nth-child(2){display:none}.header-actions{gap:8px}.heading-icon{width:40px;height:42px;border-radius:13px}.heading-icon .icon{width:22px;height:22px}.page-heading{align-items:center;gap:12px}.page-heading>button{font-size:10px;padding:9px 12px;min-height:38px;white-space:nowrap}.page-heading>button .icon{width:14px;height:14px}.paper-card .panel-heading{padding-left:21px;padding-right:21px}.panel-description{margin-left:21px;margin-right:21px}.renewal-card>.button{margin-left:21px;margin-right:21px;width:calc(100% - 42px)}.renewal-card>.fine-print{margin-left:22px;margin-right:22px}.plan-options{padding-left:21px;padding-right:21px}.portal-chat-messages{height:380px}.hero-copy h2{font-size:26px}.whatsapp-button[href]{background:#279a7430}.account-actions{gap:15px}.action-card{padding:20px}.card-top h2{font-size:10px}.card-description{font-size:10px}.quick-actions{margin-top:17px;gap:13px}.quick-action{padding:17px;min-height:147px}.quick-action strong{font-size:11px}.quick-action>span:not(.quick-icon){font-size:9px;max-width:90%}.quick-action .quick-arrow{width:12px;height:12px;right:12px;bottom:17px}.quick-icon{width:32px;height:32px;border-radius:10px;margin-bottom:11px}.feature-feedback{font-size:11px}.device-tab{font-size:11px;min-height:44px;padding:11px 16px}.panel-heading h2{font-size:16px}.portal-form input:not([type=checkbox]),.portal-form select,.portal-form textarea,.portal-dialog textarea{font-size:16px}.portal-form .form-field{margin-bottom:20px}}
@media(max-width:540px){.hero-copy h2{font-size:26px}.hero-account{background:#161c421f}.summary-card{min-height:173px}.card-top h2{font-size:10px}.plan-card{min-height:135px}.card-description{font-size:10px}.card-footnote{font-size:8px}.quick-actions{gap:12px}.quick-action{min-height:158px;padding:16px 14px}.quick-action strong{font-size:10px}.quick-action>span:not(.quick-icon){font-size:9px;line-height:1.8}.quick-icon{width:32px;height:32px}.finance-layout,.tickets-layout{gap:17px}.panel-heading{padding:21px 20px 0}.panel-heading h2{font-size:16px}.panel-description{font-size:11px;margin-bottom:18px}.color-icon{width:33px;height:34px;border-radius:10px}.plan-option{padding:15px 12px;gap:10px}.plan-option strong{font-size:12px}.plan-option small{font-size:9px}.plan-price{font-size:13px!important}.inline-note{margin-left:21px;margin-right:21px;font-size:10px}.invoice-list,.ticket-list{padding-left:20px;padding-right:20px}.invoice-row{gap:10px}.invoice-row strong{font-size:11px}.invoice-row small{font-size:8px}.invoice-row .invoice-price{font-size:11px}.invoice-row .color-icon{width:29px;height:33px;border-radius:9px}.invoice-row .state-pill{font-size:7px;max-width:110px;white-space:normal;text-align:right}.form-row{grid-template-columns:minmax(0,1fr);gap:0}.portal-form{padding-left:20px;padding-right:20px}.ticket-detail-header{padding-left:20px;padding-right:20px}.ticket-original{margin-left:20px;margin-right:20px}.ticket-thread{padding-left:20px;padding-right:20px}.ticket-detail-header h2{font-size:16px}.portal-chat-header{padding:18px 17px;gap:10px}.portal-chat-header h2{font-size:11px}.portal-chat-header p{font-size:9px}.channel-label{display:none}.support-avatar{width:35px;height:38px;border-radius:12px}.support-avatar .icon{width:19px;height:19px}.portal-chat-messages{padding:20px 16px;height:370px;min-height:250px}.portal-message{max-width:91%}.portal-message>p{font-size:12px;padding:10px 12px}.portal-chat-form{padding:13px 14px;gap:8px}.portal-chat-form textarea{font-size:16px;min-height:45px;padding:10px 11px}.portal-chat-form .button{width:42px;min-height:45px;padding:10px}.portal-chat-form .button .icon{width:17px;height:17px}.chat-feedback{padding-left:17px;padding-right:17px;font-size:10px}.chat-footnote{font-size:8px}.account-actions{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:17px}.action-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px 13px;padding:20px}.action-card>.color-icon{grid-row:1/3}.action-card>.button{grid-column:2;justify-self:start;font-size:10px}.action-card h2{font-size:12px}.action-card p{font-size:10px}.portal-dialog{padding:22px 20px;border-radius:16px}.dialog-heading h2{font-size:20px}.dialog-heading .section-kicker{font-size:7px;letter-spacing:1.1px}.portal-dialog .consent-field{font-size:11px}.quote-facts>div{gap:17px}.quote-facts dt{font-size:10px}.quote-facts dd{font-size:11px}.quote-facts .quote-total dd{font-size:23px}.notification-list{padding-left:20px;padding-right:20px}.notification-item p{font-size:10px}.empty-state{padding:32px 20px}.empty-state h3{font-size:13px}.empty-state p{font-size:11px}.profile-identity h2{color:#425c81}.profile-identity p{color:#8397b4}.app-list{padding-left:20px;padding-right:20px}.feature-feedback{font-size:11px}.demo-banner{background:#8c6bc527;border-color:#8c71b55e;color:#d6c2f3}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.portal-chat-form textarea{font-family:inherit}#generated-password{width:100%;border:1px solid #d4e0f2;background:#fff;border-radius:9px;padding:14px;color:#45638b;font-size:18px;line-height:1.7;letter-spacing:1px;min-height:55px}#credential-result>.inline-note{margin:0 0 21px}#credential-result .credential-result-actions{display:flex;gap:10px;margin-top:15px}#credential-result .credential-result-actions .button{flex:1;min-width:0;font-size:10px;padding:11px 10px;background:#e9effc;color:#6b82b1;border-color:#ceddf3}#credential-result .credential-result-actions .button-primary{background:linear-gradient(110deg,#6488e5,#8872d6);color:#fff;border-color:#8299dc}#credential-result .fine-print{margin-top:13px}#credential-result .credential-done{width:100%;font-size:10px;margin-top:21px;background:#eff4fe;color:#7088af;border-color:#d5e1f5}.portal-dialog #operation-check{font-size:11px;margin-top:16px;background:#e9effb;color:#728ab6;border-color:#d1dff4}
/* The mobile workspace keeps its primary actions within thumb reach. */
@media(max-width:800px){
  .app-shell{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
  .portal-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;order:1;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:7px max(5px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom));border:1px solid #6489b54a;border-bottom:0;border-radius:18px 18px 0 0;background:#101a31f5;box-shadow:0 -12px 35px #02091955;backdrop-filter:blur(16px)}
  .nav-button{font-size:9px;line-height:1.4;min-height:59px;border-radius:11px;padding:8px 2px;gap:6px;min-width:0;white-space:normal}
  .nav-button .icon{width:19px;height:19px}
  .nav-count{top:2px;right:2px}
  .sidebar>.whatsapp-button{order:1;align-self:flex-start;justify-content:flex-start;margin:17px 23px 0;padding:10px 13px;min-height:42px;font-size:11px;border-radius:11px}
  .workspace-header{margin-top:6px}
  .sidebar-bottom{padding-bottom:18px}
}

/* Device catalog: safe text instructions and locally hosted app artwork. */
.app-account-hint{margin:12px 24px 22px;padding:13px 16px;border:1px solid #d0e0f1;border-radius:12px;background:linear-gradient(115deg,#edf7fd,#f0edfb);color:#526e91;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.app-list{align-items:start;gap:20px}
.app-card{padding:23px;border-radius:17px;border-color:#d3dfef;background:linear-gradient(145deg,#fff,#fbfcff);box-shadow:0 9px 25px #264f8b08;min-width:0;max-width:100%}
.app-card.is-recommended{border-color:#70b9b1;background:linear-gradient(145deg,#f7fffd,#f9faff);box-shadow:0 9px 25px #268b740d}
.app-recommended-badge{display:inline-flex;max-width:100%;padding:4px 8px;margin-bottom:7px;border:1px solid #8bcab8;border-radius:6px;background:#dff5ec;color:#28765c;font-size:10px;font-weight:650;line-height:1.6;overflow-wrap:anywhere}
.app-card-header{display:flex;align-items:flex-start;gap:17px;min-width:0}
.app-artwork{position:relative;width:80px;height:80px;flex:0 0 80px;overflow:hidden;border:1px solid #dbe6f6;border-radius:19px;background:linear-gradient(140deg,#e7f5fc,#ece8f9);box-shadow:0 5px 13px #4b649a0c}
.app-artwork-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#8299c2}
.app-artwork-fallback .icon{width:32px;height:32px}
.app-logo{position:absolute;inset:0;width:80px;height:80px;object-fit:contain;background:#fff;border-radius:18px}
.app-logo[hidden]{display:none}
.app-card-identity{min-width:0;flex:1;padding-top:1px}
.app-card h3{font-size:17px;line-height:1.5;font-weight:650;color:#34527c;overflow-wrap:anywhere}
.app-card .app-description{font-size:12px;line-height:1.8;color:#788ca9;white-space:normal;margin:7px 0 0}
.app-code-section{margin-top:21px;padding:13px 15px;border:1px solid #d8e2f4;border-radius:12px;background:linear-gradient(115deg,#eef5fd,#f0eefb);min-width:0}
.app-code-label{display:block;font-size:10px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:#8698b4;margin-bottom:5px}
.app-code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.app-code-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:22px;line-height:1.6;font-weight:650;letter-spacing:.7px;color:#4d69a6;min-width:0;overflow-wrap:anywhere;user-select:all}
.app-card .app-copy-code{margin:0;min-height:44px;padding:9px 12px;flex:none;font-size:11px;line-height:1.5;border-radius:9px;background:#fff;border-color:#cddbf1;color:#5f7eb6;white-space:nowrap}
.app-card .app-copy-feedback{min-height:0;white-space:normal;font-size:11px;line-height:1.7;color:#597895;margin:7px 0 0;overflow-wrap:anywhere}
.app-copy-feedback:empty{display:none}
.app-instructions{margin-top:22px}
.app-instructions h4{font-size:12px;line-height:1.7;color:#516d93;font-weight:650;margin:0 0 10px}
.app-card .app-steps{margin:0;padding:0 0 0 22px;color:#6c819e;font-size:12px;line-height:1.9;white-space:normal;overflow-wrap:anywhere}
.app-steps li{padding-left:5px;margin-bottom:9px}
.app-steps li::marker{color:#8595c3;font-weight:650}
.app-card .app-install-link{display:flex;width:100%;min-height:46px;justify-content:center;align-items:center;gap:10px;margin-top:22px;padding:12px 14px;border-radius:10px;background:linear-gradient(110deg,#637fe0,#8373cb);border-color:#7e94d6;color:#fff;font-size:12px;line-height:1.7;text-align:center;overflow-wrap:anywhere}
.app-install-link .icon{flex:none;width:16px;height:16px}
.app-card .app-tutorial-link{display:flex;width:100%;min-height:46px;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;border-radius:10px;background:#e8f4f0;border-color:#b2dace;color:#347a67;font-size:12px;line-height:1.7;text-decoration:none;text-align:center;overflow-wrap:anywhere}
.app-tutorial-link .icon{flex:none;width:16px;height:16px}
.app-copy-code:focus-visible,.app-install-link:focus-visible,.app-tutorial-link:focus-visible,.app-screenshot-details summary:focus-visible{outline:3px solid #639dbd;outline-offset:4px}
.app-screenshot-details{margin-top:18px;padding-top:3px;border-top:1px solid #e1e8f4;min-width:0}
.app-screenshot-details[hidden]{display:none}
.app-screenshot-details summary{min-height:44px;cursor:pointer;display:list-item;list-style-position:inside;padding:12px 2px;color:#7c8eac;font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.app-screenshot-details[open] summary{color:#526e9f}
.app-screenshot{margin:9px 0 0;padding:12px;border:1px solid #dee6f3;background:#f1f5fc;border-radius:12px;text-align:center;min-width:0}
.app-screenshot img{display:block;width:auto;max-width:100%;height:auto;max-height:340px;object-fit:contain;margin:auto;border-radius:7px}
.app-screenshot figcaption{font-size:10px;line-height:1.8;color:#8b9bb3;margin-top:11px;overflow-wrap:anywhere}
/* Personal lists stay masked until requested and never become external links. */
.access-links-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:0 24px 24px;padding:20px;border:1px solid #d4e1f1;border-radius:14px;background:linear-gradient(120deg,#f6faff,#f6f2fc);min-width:0}
.access-links-form>label{grid-column:1/-1;font-size:12px;font-weight:650;color:#526e93;line-height:1.7}
.access-password,.access-link-value{display:block;min-width:0;width:100%;min-height:46px;padding:12px 13px;border:1px solid #cddbef;border-radius:9px;background:#fff;color:#38577f;font-size:13px;line-height:1.6}
.access-password:focus,.access-link-value:focus{outline:2px solid #90addb;outline-offset:2px}
.access-links-form .access-links-submit{margin:0;min-height:46px;padding:11px 20px}
.access-links-note,.access-links-feedback{grid-column:1/-1;color:#7a8ea9;font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.access-links-feedback{color:#526e93}
.access-links-feedback:empty{display:none}
.access-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.access-card .access-value-section{margin-top:20px;min-width:0}
.access-card .access-value-section+.access-value-section{padding-top:18px;border-top:1px solid #e0e8f3}
.access-card .access-link-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;background:#f5f8fd}
.access-card .access-value-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.access-card .access-reveal,.access-card .access-copy{min-height:44px;margin:0;padding:9px 12px;border-radius:9px;background:#fff;border-color:#cddbf1;color:#5f7eb6;font-size:11px;line-height:1.7}
.access-card .access-dns+.access-copy{margin-top:10px}
.access-card .app-copy-feedback{white-space:normal;margin-top:7px;font-size:11px;line-height:1.7;color:#597895;overflow-wrap:anywhere}
@media(max-width:1050px){.access-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){
  .access-links-form{grid-template-columns:minmax(0,1fr);margin:0 20px 20px;padding:17px;gap:11px}
  .access-links-form .access-links-submit{width:100%}
  .access-list{grid-template-columns:minmax(0,1fr)}
  .app-account-hint{margin:10px 20px 20px;padding:13px 14px;font-size:11px}
  .app-list{gap:16px}
  .app-card{padding:19px 17px;border-radius:14px}
  .app-card-header{gap:13px}
  .app-card h3{font-size:16px}
  .app-card .app-description{font-size:11px;line-height:1.8}
  .app-code-section{padding:12px}
  .app-code-row{gap:9px;align-items:flex-start;flex-wrap:wrap}
  .app-code-value{font-size:22px;flex:1 1 85px}
  .app-card .app-copy-code{margin-left:auto;max-width:100%}
  .app-card .app-steps{font-size:12px;line-height:1.85}
  .app-card .app-install-link{font-size:12px;min-height:46px}
  .app-screenshot img{max-height:290px}
}

/* Help stays in the same authenticated workspace and uses the existing reset. */
.help-nav-mobile{display:none}
.help-heading-icon{background:linear-gradient(135deg,#684de44d,#2e9f9a3d);color:#b6e9df;border:1px solid #8c9ff043}
.help-shortcut{display:grid;grid-template-columns:49px minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:22px;padding:23px 25px;border:1px solid #7886db64;border-radius:15px;background:linear-gradient(115deg,#334376,#4a3470 60%,#27575f);box-shadow:0 10px 28px #03091b1f;min-width:0}
.help-shortcut-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #b6d9f45e;border-radius:15px;background:#edf3ff14;color:#c0e9e8}
.help-shortcut-icon .icon{width:26px;height:26px}.help-shortcut h2{font-size:18px;line-height:1.5;color:#fff}.help-shortcut p{margin-top:5px;font-size:12px;line-height:1.8;color:#dae2f4}.help-shortcut .button{background:#edf5ff;color:#374e89;border-color:#d5e2ff;min-height:48px;white-space:normal;text-align:center}
.help-account-link{font-size:11px;text-align:left;line-height:1.7}.help-account-link .icon{width:14px;height:14px}
.help-restart{padding:29px;background:linear-gradient(140deg,#f9fcff,#f1f2ff);border-color:#cdd9f3}
.help-step-kicker{display:inline-flex;align-items:center;gap:8px;color:#6479af;font-size:10px;font-weight:650;letter-spacing:1px}.help-step-kicker .icon{width:18px;height:18px}.help-panel-intro h2{font-size:25px;line-height:1.4;letter-spacing:-.5px;color:#35537e;margin:10px 0 7px}.help-panel-intro>p{font-size:13px;line-height:1.8;color:#6c819f}
.help-steps{list-style:none;counter-reset:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:25px 0 0;padding:0}.help-steps li{display:flex;align-items:flex-start;gap:14px;padding:20px 17px;border:1px solid #d7e0f2;border-radius:14px;background:#ffffffc7;min-width:0}.help-step-number{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:12px;background:#e8edff;color:#586fc0;font-size:15px;font-weight:750;letter-spacing:-.3px}.help-steps li:nth-child(2) .help-step-number{background:#f1e8fc;color:#8760b9}.help-steps li:nth-child(3) .help-step-number{background:#dcf5ed;color:#278d75}.help-steps li:nth-child(4) .help-step-number{background:#fff0d8;color:#a77320}.help-steps h3{font-size:14px;line-height:1.6;color:#36537b;margin:0 0 6px}.help-steps p{font-size:12px;line-height:1.85;color:#6d829d;overflow-wrap:anywhere}.help-restart-note{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;color:#6a7e9d;margin-top:23px}.help-restart-note .icon{width:18px;height:18px;margin-top:2px;color:#8493bb}
.help-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:23px}.help-reset,.help-contact{padding:27px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.help-reset{background:linear-gradient(145deg,#f0fffa,#f6f6ff);border-color:#a8d9cb}.help-contact{background:linear-gradient(145deg,#f9f5ff,#f4f8ff);border-color:#dacff0}.help-option-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;margin-bottom:18px}.help-option-icon .icon{width:24px;height:24px}.help-reset-icon{background:#dcf5ec;color:#378f78}.help-contact-icon{background:#eae3fa;color:#8b6abd}.help-options .section-kicker{font-size:9px;color:#8595b2}.help-options h2{font-size:21px;line-height:1.5;letter-spacing:-.4px;color:#3d567f;margin:8px 0 11px}.help-options>section>p{font-size:12px;line-height:1.9;color:#6c819e;overflow-wrap:anywhere}.help-options .help-availability{padding:12px 14px;margin:18px 0;border:1px solid #c6dedf;background:#f8ffff;border-radius:10px;color:#557790;font-size:11px;line-height:1.8;width:100%}.help-reset>.button{width:100%;min-height:48px;margin-top:auto;background:linear-gradient(110deg,#4a9c96,#637ed2);border-color:#73adaf}.help-reset>.button:disabled{cursor:not-allowed}.help-options .help-operation-note{margin-top:15px;font-size:11px;line-height:1.8;color:#7d8fa7}.help-contact-actions{display:flex;flex-direction:column;gap:11px;width:100%;margin-top:22px}.help-contact-actions .button{width:100%;min-height:48px;font-size:12px;line-height:1.7;white-space:normal;text-align:center}.help-contact-actions .button:not(.button-primary){background:#edf1fc;border-color:#d0daf1;color:#637aa9}
@media(max-width:1050px){.help-shortcut{padding:21px;gap:14px}.help-shortcut h2{font-size:16px}.help-shortcut .button{font-size:11px}.help-restart{padding:25px}.help-options{gap:17px}.help-reset,.help-contact{padding:24px}}
@media(max-width:800px){
  .portal-nav{grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding-left:max(2px,env(safe-area-inset-left));padding-right:max(2px,env(safe-area-inset-right))}.portal-nav .nav-button{font-size:8.5px;padding-left:1px;padding-right:1px;min-height:62px}.help-nav-desktop{display:none}.help-nav-mobile{display:inline}
  .help-shortcut{grid-template-columns:43px minmax(0,1fr);gap:12px 14px;margin-top:18px;padding:20px}.help-shortcut-icon{width:43px;height:43px;border-radius:13px}.help-shortcut h2{font-size:17px}.help-shortcut p{font-size:11px}.help-shortcut>.button{grid-column:1/-1;width:100%;font-size:12px;margin-top:5px}.help-steps{gap:13px}.help-options{grid-template-columns:minmax(0,1fr);gap:17px;margin-top:18px}.help-reset>.button{margin-top:1px}.help-account-link{grid-column:2;justify-self:start;font-size:10px}.help-restart{padding:24px 21px}.help-panel-intro h2{font-size:23px}
}
@media(max-width:540px){
  .help-steps{grid-template-columns:minmax(0,1fr);margin-top:22px;gap:12px}.help-steps li{padding:17px 14px;gap:12px}.help-step-number{width:35px;height:35px;flex-basis:35px;border-radius:11px;font-size:14px}.help-steps h3{font-size:13px}.help-steps p{font-size:12px;line-height:1.8}.help-panel-intro>p,.help-restart-note{font-size:12px}.help-restart-note{margin-top:19px}.help-reset,.help-contact{padding:23px 21px}.help-options h2{font-size:21px}.help-options>section>p{font-size:12px}.help-options .help-operation-note{font-size:11px}.help-option-icon{width:43px;height:43px;margin-bottom:16px}.help-options .help-availability{font-size:11px}.help-shortcut{border-radius:14px}
}

.reset-result{border:1px solid #b9dfd2;border-radius:13px;padding:19px;background:linear-gradient(130deg,#f0fff8,#f3f5ff);color:#58758b}.reset-result-check{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#d7f3e5;color:#2e8c70;margin-bottom:13px}.reset-result p{font-size:12px;line-height:1.85;margin:0 0 17px}.reset-result .button{min-height:48px;width:100%;white-space:normal;line-height:1.7;text-align:center}

/* A separate, optional announcement layer never contains financial controls. */
.announcement-dialog{--announcement-accent:#a9a0ff;--announcement-glow:#7967e4;position:fixed;inset:0;width:min(520px,calc(100% - 32px));max-height:calc(100svh - 40px);margin:auto;padding:0;overflow:auto;border:1px solid #a9a0ff50;border-radius:27px;color:#eef1ff;background:linear-gradient(160deg,#243250,#18243d 55%,#202542);box-shadow:0 35px 120px #020615b3,0 0 80px #7967e422;color-scheme:dark;overscroll-behavior:contain}
.announcement-dialog.is-success{--announcement-accent:#81e2c0;--announcement-glow:#3aa996;border-color:#81e2c050;background:linear-gradient(160deg,#1f3c45,#172d38 55%,#1b3040)}
.announcement-dialog.is-warning{--announcement-accent:#ffcf84;--announcement-glow:#c08446;border-color:#ffcf8450;background:linear-gradient(160deg,#493643,#2c293c 55%,#322a3f)}
.announcement-dialog::backdrop{background:#03091ac9;backdrop-filter:blur(8px)}
.announcement-dialog[open]{animation:announcement-in .24s ease-out}
.announcement-art{position:relative;height:150px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 110%,var(--announcement-glow),transparent 68%);border-bottom:1px solid #c7c9ff14;isolation:isolate}
.announcement-art:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#ffffff06,transparent 55%)}
.announcement-symbol{display:grid;place-items:center;width:73px;height:73px;border-radius:24px;background:#ffffff0d;border:1px solid #ffffff35;color:var(--announcement-accent);box-shadow:0 10px 45px #05091835;transform:rotate(-9deg)}
.announcement-symbol .icon{width:35px;height:35px;stroke-width:1.4;transform:rotate(9deg)}
.announcement-orbit{position:absolute;width:260px;height:260px;border:1px solid #ffffff12;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}
.announcement-orbit-two{width:380px;height:380px;border-style:dashed;border-color:#ffffff0c}
.announcement-spark{position:absolute;width:6px;height:6px;left:26%;top:34%;border-radius:50%;background:var(--announcement-accent);box-shadow:0 0 18px var(--announcement-accent)}
.announcement-spark-two{left:73%;top:65%;width:4px;height:4px;opacity:.7}
.announcement-close{position:absolute;right:16px;top:16px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff22;border-radius:12px;background:#14203970;color:#cbd8ed}
.announcement-close:hover{background:#ffffff14}.announcement-close .icon{width:17px;height:17px}
.announcement-copy{padding:29px 34px 25px}.announcement-kicker{color:var(--announcement-accent);font-size:9px;font-weight:650;letter-spacing:1.7px}
.announcement-progress{font-size:10px;line-height:1.6;color:#a5b3cf;margin-top:8px}
.announcement-dialog h2{font-size:27px;font-weight:600;line-height:1.3;letter-spacing:-.7px;color:#f1f4ff;margin:15px 0 16px;overflow-wrap:anywhere;white-space:pre-wrap}
.announcement-message{white-space:pre-wrap;overflow-wrap:anywhere;color:#bdcbe2;font-size:14px;line-height:1.9;max-height:36svh;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#7183a9 transparent}
.announcement-feedback{color:var(--announcement-accent);font-size:11px;line-height:1.7;margin-top:17px}.announcement-feedback:empty{display:none}
.announcement-confirm{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:49px;margin-top:28px;border:1px solid #ffffff2e;border-radius:12px;color:#16233d;background:var(--announcement-accent);font-weight:650;font-size:13px;box-shadow:0 6px 22px #03081924}
.announcement-confirm:hover{filter:brightness(1.07)}.announcement-confirm .icon{width:18px;height:18px}
.announcement-footnote{text-align:center;color:#8c9dbb;font-size:10px;line-height:1.7;margin-top:13px}
@keyframes announcement-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:540px){.announcement-dialog{width:calc(100% - 26px);border-radius:22px;max-height:calc(100svh - 28px)}.announcement-art{height:125px}.announcement-symbol{width:62px;height:62px;border-radius:20px}.announcement-copy{padding:25px 23px 22px}.announcement-dialog h2{font-size:24px}.announcement-message{font-size:14px;max-height:39svh}.announcement-confirm{min-height:50px}.announcement-close{right:12px;top:12px}}
@media(prefers-reduced-motion:reduce){.announcement-dialog[open]{animation:none}}

/* Account contact, explicit credential reveal and owned payment receipts. */
.profile-email-card { margin-top: 24px; }
.profile-email-actions { display:flex; gap:12px; flex-wrap:wrap; }
.profile-details .profile-credential-row { grid-column:1 / -1; }
.profile-credential { display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.profile-credential input { width:min(100%,260px); min-width:0; padding:10px 12px; border:1px solid #dce3ef; border-radius:10px; background:#f6f8fc; color:#22334f; font:600 .95rem ui-monospace,monospace; }
.profile-credential input::placeholder { color:#66748b; letter-spacing:3px; }
.profile-credential-row .fine-print { margin-top:8px; font-weight:400; }
/* Invoice history: readable controls and receipts on desktop and mobile. */
.invoice-card{background:#f8faff;border-color:#dbe5f5;box-shadow:0 12px 30px #081f4010}
.invoice-card .invoice-heading{padding:25px 24px 20px;background:linear-gradient(115deg,#f3f6ff,#edf8ff);border-bottom:1px solid #dfe8f5;align-items:center}
.invoice-heading .section-kicker{color:#667caa;letter-spacing:1.5px;font-size:9px}
.invoice-heading h2{font-size:21px;color:#213d69;letter-spacing:-.5px;margin-top:5px}
.invoice-heading p{font-size:12px;line-height:1.7;color:#6d819e;margin:6px 0 0}
.invoice-heading>.color-icon{height:46px;width:46px;border-radius:14px;background:#e2ecff;color:#5a7ec6;flex:none}
.invoice-filter-panel{margin:20px 22px 0;padding:16px;background:#fff;border:1px solid #e0e8f4;border-radius:13px}
.invoice-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px}
.invoice-filters .form-field{min-width:0;margin:0}
.invoice-filters label{display:block;margin:0 0 8px;font-size:12px;font-weight:600;line-height:1.6;color:#49617f}
.invoice-filters input,.invoice-filters select{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid #cddbef;border-radius:9px;background:#f8faff;color:#254365;font-family:inherit;font-size:12px;line-height:1.7;outline:none;color-scheme:light;box-shadow:0 2px 3px #24496d03}
.invoice-filters input:focus,.invoice-filters select:focus{border-color:#688ce0;box-shadow:0 0 0 3px #688ce01c;background:#fff}
.invoice-filters select{cursor:pointer}
.invoice-filters input::-webkit-calendar-picker-indicator{opacity:.65;cursor:pointer}
.invoice-filters small{display:block;color:#7789a3;font-size:9px;line-height:1.6;margin-top:6px}
.invoice-results-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin:3px 24px 0;color:#687f9e;font-size:10px;line-height:1.6}
.invoice-clear{border:0;padding:8px 0;background:none;color:#4069af;font-size:10px;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.invoice-clear:hover{color:#254781}
.invoice-clear:focus-visible{outline:2px solid #688ce0;outline-offset:3px;border-radius:3px}
.invoice-card .invoice-list{display:grid;gap:12px;padding:0 22px 20px}
.invoice-entry{border:1px solid #dbe5f3;border-radius:12px;background:#fff;overflow:hidden}
.invoice-entry .invoice-row{padding:17px 15px;border:0;gap:12px;transition:background .15s}
.invoice-entry .invoice-row:hover{background:#f3f7ff}
.invoice-entry .invoice-row:focus-visible{outline:2px solid #688ce0;outline-offset:-3px;border-radius:10px}
.invoice-entry .invoice-row .color-icon{width:39px;height:42px;background:#eef3ff;color:#6384ba;border-radius:11px;flex:none}
.invoice-entry .invoice-row strong{font-size:13px;font-weight:600;color:#2c4a73}
.invoice-entry .invoice-row small{color:#71839e;font-size:10px}
.invoice-entry .invoice-side{display:grid;justify-items:end;gap:6px}
.invoice-entry .invoice-row .invoice-price{font-size:15px;margin:0;letter-spacing:-.2px}
.invoice-entry .state-pill{font-size:9px;border-radius:6px;padding:4px 7px}
.invoice-card .receipt-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:41px;border:0;border-top:1px solid #e0e9f7;border-radius:0;margin:0;padding:11px 15px;background:#edf4ff;color:#365d9a;font-size:11px;line-height:1.6;text-align:center}
.invoice-card .receipt-action .icon{width:15px;height:15px;flex:none}
.invoice-card .receipt-action:hover{background:#e2edff;color:#234c86}
.invoice-card .receipt-action:focus-visible{outline:2px solid #688ce0;outline-offset:-3px}
.invoice-card .empty-state{padding:32px 20px;margin:0;border:1px dashed #cbd9ec;border-radius:12px;background:linear-gradient(145deg,#fff,#eff4ff)}
.invoice-card .empty-state .empty-icon{background:#e6eeff;color:#6f8bc4}
.invoice-card .empty-state h3{font-size:14px;color:#3a5579;margin-top:16px}
.invoice-card .empty-state p{font-size:11px;color:#7588a4;max-width:290px;margin:8px auto 0;line-height:1.9}
.invoice-receipt-note{display:flex;align-items:flex-start;gap:9px;margin:0;padding:15px 24px 18px;border-top:1px solid #e1e9f6;background:#f0f5fc;color:#70839e;font-size:10px;line-height:1.8}
.invoice-receipt-note .icon{width:16px;height:16px;flex:none;margin-top:1px;color:#708dbb}
#invoice-receipt-download{margin-top:16px}
@media(max-width:560px){.invoice-card .invoice-heading{padding:22px 20px 18px}.invoice-heading h2{font-size:20px}.invoice-heading p{font-size:11px}.invoice-filter-panel{margin:17px 16px 0;padding:14px}.invoice-filters{grid-template-columns:1fr;gap:15px}.invoice-filters input,.invoice-filters select{font-size:14px;min-height:48px}.invoice-filters label{font-size:12px}.invoice-results-bar{margin:4px 18px 0}.invoice-card .invoice-list{padding:0 16px 18px}.invoice-entry .invoice-row{padding:16px 12px;gap:10px}.invoice-entry .invoice-row .color-icon{width:32px;height:36px}.invoice-entry .invoice-row strong{font-size:12px}.invoice-entry .invoice-row small{font-size:9px}.invoice-entry .invoice-row .invoice-price{font-size:14px}.invoice-entry .state-pill{font-size:8px}.invoice-receipt-note{padding:14px 18px 17px}.profile-credential{gap:10px}.profile-credential input{width:100%}}

.profile-email-card .feature-feedback { color:#8a241d; background:#fff1f0; border:1px solid #f1c4bf; }
.profile-email-card .feature-feedback.is-success { color:#075c47; background:#e9f8f1; border-color:#a4d8c3; }

.profile-credential .text-button { width:auto; min-height:38px; padding:8px 12px; border:1px solid #c9d8ec; border-radius:8px; background:#edf3fc; color:#355c8b; justify-content:center; }
.profile-credential .text-button:hover { color:#173c68; background:#e1ebf9; }
.profile-credential .text-button:disabled { opacity:.5; }
.profile-credential-row .fine-print { color:#657a96; }
.receipt-action { width:auto; min-height:36px; padding:8px 12px; border:1px solid #c6d8ee; border-radius:8px; background:#eef5ff; color:#355f92; }
.receipt-action:hover { background:#e1edfc; color:#183f70; }
.profile-email-card .panel-description,.profile-email-card .fine-print { color:#637995; }

/* Vivid customer space: visual presentation only; all account states stay explicit. */
.app-shell{--line:#41507966;--panel:#182543;--panel-soft:#203459;background:radial-gradient(ellipse at 10% 0%,#16466b59,transparent 43%),radial-gradient(ellipse at 95% 25%,#542e7952,transparent 48%),#0b1228}
.app-shell .sidebar{background:linear-gradient(170deg,#102140,#10182f 65%,#1b1735);border-color:#4e649740}
.app-shell .brand-mark{background:linear-gradient(145deg,#28d4f0,#567cf9 50%,#af62ec);box-shadow:0 6px 24px #4b7efb4d,inset 0 1px 0 #ffffff66}
.app-shell .brand-word{color:#fff;font-weight:750;letter-spacing:-.7px}
.app-shell .brand-word small{color:#b0bddc}
.sidebar-label{color:#a3b4d6;font-size:9px;letter-spacing:2px}
.nav-label-short{display:none}
.portal-nav .nav-button{--nav-color:#8bc5ff;--nav-tint:#4895f725;position:relative;min-height:57px;gap:12px;padding:9px 11px;border-radius:14px;color:#c5d0e8;font-size:12px;font-weight:550;transition:background .16s,border-color .16s}
.portal-nav .nav-button[data-view=account]{--nav-color:#c3a1ff;--nav-tint:#a46ff72b}
.portal-nav .nav-button[data-view=finance]{--nav-color:#72e4cc;--nav-tint:#31d0ae25}
.portal-nav .nav-button[data-view=apps]{--nav-color:#73d9ff;--nav-tint:#29bdeb24}
.portal-nav .nav-button[data-view=troubleshooting]{--nav-color:#ff9bc9;--nav-tint:#f078b125}
.portal-nav .nav-button[data-view=tickets]{--nav-color:#ffd388;--nav-tint:#ffbf5326}
.portal-nav .nav-button[data-view=chat]{--nav-color:#91f1d0;--nav-tint:#44d8ac26}
.portal-nav .nav-button .icon{width:34px;height:34px;padding:7px;border-radius:11px;background:var(--nav-tint);color:var(--nav-color);stroke-width:1.9}
.portal-nav .nav-button:hover{background:#a6c6ff0c;color:#fff}
.portal-nav .nav-button.is-active{color:#fff;border-color:#8aa9f04d;background:linear-gradient(105deg,#3c5bad88,#7052a780);box-shadow:0 6px 20px #070f2533,inset 0 1px 0 #b6c9ff16}
.portal-nav .nav-button.is-active .icon{background:var(--nav-tint);color:var(--nav-color);filter:drop-shadow(0 0 5px var(--nav-tint))}
.nav-button.is-active .nav-active-mark{background:#b5ddff;box-shadow:0 0 8px #b5ddff}
.app-shell .whatsapp-button{font-size:11px;font-weight:600;min-height:49px;border-radius:14px;border-color:#49daac70;background:linear-gradient(115deg,#116950,#16726788);color:#e5fff5;box-shadow:0 6px 20px #0c9d6920}
.app-shell .whatsapp-button>.icon:first-child{width:27px;height:27px;padding:4px;background:#25c987;border-radius:9px;color:#fff;stroke-width:1.7}
.app-shell .whatsapp-button[href]:hover{background:#167d66;color:#fff}
.app-shell .whatsapp-button[aria-disabled=true]{opacity:.65}
.app-note{border-radius:16px;background:linear-gradient(125deg,#294e8b,#69408b);border-color:#7b85cc66}
.app-note-icon{padding:7px;border-radius:11px;background:#68dbf32e;color:#b4f4ff}
.app-note p{color:#d0dcf6;font-size:11px}
.app-note strong{color:#fff}
.app-shell .install-button{background:linear-gradient(110deg,#3e67c3,#7155ac);color:#fff;border-color:#9db6fd60;border-radius:12px;min-height:46px;font-size:12px}
.app-shell .install-help{color:#a5b6d5}
.workspace-header{background:#111c357a;border-bottom-color:#536c9945}
.breadcrumb,.breadcrumb strong{font-size:11px;color:#becceb}
.header-actions{gap:9px}
.header-actions .icon-button,.logout-button{min-width:44px;min-height:44px;height:44px;border:1px solid #859ed233;border-radius:13px;background:#1c3150;color:#a6d5ff}
.header-actions #portal-notifications{background:#7548c52e;color:#c6abff;border-color:#b490f936}
.header-actions #portal-refresh{background:#218e9f25;color:#85e6ee;border-color:#6bc5e12e}
.header-actions .logout-button{padding:8px 12px;background:#c7508220;color:#ffb4d0;border-color:#ee87aa30}
.header-actions .icon-button:hover,.header-actions .logout-button:hover{border-color:#acc9f38c;filter:brightness(1.15)}
.header-divider{display:none}
.notification-trigger>span{height:8px;width:8px;background:#ff83cf;border:2px solid #5e3b96;box-shadow:0 0 9px #eb75ff90;top:7px;right:8px}
.page-heading h1{font-weight:750;letter-spacing:-1.2px;font-size:34px;color:#fff}
.page-heading .heading-period{color:#75e9dd}
.page-heading>div>p:last-child{color:#b6c5e1;font-size:13px;line-height:1.85}
.eyebrow{font-size:10px;letter-spacing:1.8px;color:#9edbe9}
.heading-date{padding:10px 14px;border:1px solid #7f9acc3b;border-radius:11px;background:#4d76c21a;color:#b8ccec;font-size:10px}
.heading-icon{border-radius:17px;width:54px;height:54px;box-shadow:0 7px 25px #131f4526}
.mint-heading{background:linear-gradient(135deg,#197f82,#385d9d);border-color:#75e5dd60;color:#acfff1}
.cyan-heading{background:linear-gradient(135deg,#27779e,#4f5bba);border-color:#70d5ed66;color:#c2f6ff}
.violet-heading{background:linear-gradient(135deg,#974fa9,#6b4fa6);border-color:#d69af166;color:#f0d4ff}
.access-hero{isolation:isolate;min-height:287px;border-radius:24px;border:1px solid #8298ff82;background:radial-gradient(ellipse at 7% 5%,#24c5e758,transparent 53%),radial-gradient(ellipse at 95% 90%,#e472ff49,transparent 47%),linear-gradient(115deg,#21458d,#3e40a1 52%,#8342b1);box-shadow:0 18px 45px #050f354d,inset 0 1px 0 #c1d3ff33}
.access-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 62% 13%,#80efff 0 2px,transparent 3px),radial-gradient(circle at 89% 75%,#ffc6fa 0 2px,transparent 3px),radial-gradient(circle at 47% 81%,#75caff 0 1px,transparent 2px);opacity:.65}
.hero-wave{position:absolute;inset:auto 0 0;width:100%;height:100%;opacity:.7;pointer-events:none;z-index:0}
.hero-copy{padding:34px 35px 32px;z-index:1}
.hero-kicker{font-size:10px;color:#c1e8ff;letter-spacing:1.7px}
.hero-kicker .small-dot{height:6px;width:6px;background:#66f4d5;box-shadow:0 0 0 4px #68ffe21c,0 0 13px #77ffde87}
.hero-copy h2{font-size:32px;font-weight:750;letter-spacing:-1px;line-height:1.3;max-width:440px;color:#fff;margin:19px 0 12px}
.hero-copy>p{font-size:13px;color:#e0e5ff;line-height:1.9;max-width:390px}
.hero-button{border:1px solid #c3d5ff88;background:linear-gradient(110deg,#ffffff25,#c8d2ff17);border-radius:12px;color:#fff;min-height:44px;font-size:12px;padding:11px 15px;margin-top:23px;box-shadow:inset 0 1px 0 #ffffff24}
.hero-button:hover{background:#ffffff33}
.hero-account{z-index:1;padding:30px 20px}
.hero-orbit{width:236px;height:236px;background:linear-gradient(140deg,#29247529,#3517643d);border-color:#bda9ff49;box-shadow:0 0 0 22px #bea7ff0b,0 0 0 45px #bea7ff07}
.hero-orbit:after{background:#a9faff;box-shadow:0 0 12px #a9faff}
.account-avatar{background:linear-gradient(145deg,#61dfed,#647dfc 53%,#c282f1);border-color:#b5ddff9c;box-shadow:0 6px 25px #575cdb88,inset 0 1px 0 #ffffff5c;color:#fff;border-radius:22px;width:70px;height:70px;font-size:25px;font-weight:750}
.hero-name{color:#fff;font-size:15px;font-weight:650;margin-top:15px}
.hero-username{font-size:11px;color:#d0cafa;margin-top:2px}
.status-badge{font-size:10px;border-radius:8px;min-height:26px;padding:5px 9px;border-color:#91efd861;background:#2aa79126;color:#b6ffe7}
.hero-identity .status-badge{margin-top:11px;background:#20a58835;color:#c3ffe8;border-color:#8ee9c563}
.status-badge.is-expired,.hero-identity .status-badge.is-expired{background:#9156094d;color:#ffe1a7;border-color:#ffd28580}
.status-badge.is-blocked,.hero-identity .status-badge.is-blocked{background:#9e2f6352;color:#ffd4e6;border-color:#ffa8ce80}
.summary-grid{gap:18px;margin-top:22px}
.summary-card{position:relative;overflow:hidden;padding:22px 23px;min-height:196px;border-radius:20px;box-shadow:0 9px 24px #030e2b22;background:#eff6ff;border-color:#c9ddff;color:#1e3d6b}
.summary-card:after{content:"";position:absolute;right:-30px;bottom:-55px;width:155px;height:155px;border:22px solid #639efb0d;border-radius:50%;pointer-events:none}
.summary-card.expiry-card{background:linear-gradient(130deg,#f7fbff,#ddefff);border-color:#bcdfff}
.summary-card.connections-card{background:linear-gradient(130deg,#fbf8ff,#ece0ff);border-color:#d6c0f5}
.summary-card.plan-card{background:linear-gradient(130deg,#f5fffc,#d7f5eb);border-color:#ace4d4}
.summary-card .card-top h2{color:#526d91;font-size:12px;font-weight:650}
.summary-card .card-icon{height:40px;width:40px;border-radius:13px;background:#4589eb;color:#fff;box-shadow:0 5px 13px #4983cb33}
.summary-card .card-icon .icon{height:21px;width:21px;stroke-width:1.8}
.summary-card .purple-icon{background:linear-gradient(135deg,#a36cde,#8058d7);box-shadow:0 5px 13px #8d55c033}
.summary-card .cyan-icon{background:linear-gradient(135deg,#25b6a2,#168f9b);box-shadow:0 5px 13px #289b8233}
.summary-card .card-value{position:relative;z-index:1;color:#294b7d;font-size:36px;font-weight:750;letter-spacing:-.9px;margin-top:13px}
.connections-card .card-value{color:#7653a8}
.plan-card .card-value{color:#187e71}
.summary-card .plan-value{font-size:23px;padding-top:7px}
.summary-card .card-description{color:#536d8c;font-size:12px}
.summary-card .card-footnote{color:#647b97;font-size:10px;line-height:1.8}
.quick-actions{gap:17px;margin-top:22px}
.quick-action{--quick-accent:#77beff;--quick-ink:#d8ecff;min-height:184px;border-radius:19px;padding:23px 20px;background:linear-gradient(135deg,#274b9b,#1c3269);border-color:#6188e37a;box-shadow:0 10px 25px #050f2a25}
.quick-action:before{background:#8dc3ff10;width:130px;height:130px;right:-29px;top:-34px}
.quick-action .quick-icon{width:43px;height:43px;border-radius:14px;background:linear-gradient(140deg,#64beff,#4c7ceb);color:#fff;border:1px solid #b5d9ff80;box-shadow:0 7px 18px #3f79c566;margin-bottom:16px}
.quick-action .quick-icon .icon{height:23px;width:23px;stroke-width:1.8}
.quick-action strong{color:#fff;font-size:13px;line-height:1.6;font-weight:650}
.quick-action>span:not(.quick-icon){color:var(--quick-ink);font-size:11px;line-height:1.8;margin-top:6px;max-width:90%}
.quick-action .quick-arrow{height:17px;width:17px;color:var(--quick-accent);bottom:18px;right:16px}
.quick-violet{--quick-accent:#ffc5f3;--quick-ink:#f0d8f5;background:linear-gradient(135deg,#693a8d,#422560);border-color:#c275d77a}
.quick-violet .quick-icon{background:linear-gradient(140deg,#ed8acd,#af62d3);border-color:#f1bfed80;box-shadow:0 7px 18px #af52bc55}
.quick-amber{--quick-accent:#ffd48f;--quick-ink:#ffe7bf;background:linear-gradient(135deg,#84592d,#503d31);border-color:#d89b517a}
.quick-amber .quick-icon{background:linear-gradient(140deg,#ffc674,#e99c38);border-color:#ffe0a980;box-shadow:0 7px 18px #c7893855;color:#563913}
.quick-mint{--quick-accent:#a0ffdd;--quick-ink:#cff6eb;background:linear-gradient(135deg,#177474,#164b5b);border-color:#4bd2b580}
.quick-mint .quick-icon{background:linear-gradient(140deg,#5ce4c2,#26ad9f);border-color:#a0f3de80;box-shadow:0 7px 18px #209b8a55;color:#0b464c}
.help-shortcut{border-radius:20px;border-color:#d681cf70;background:radial-gradient(ellipse at 90% 0%,#d989ba25,transparent 55%),linear-gradient(115deg,#5c367c,#3a356f 62%,#225c73);padding:25px;box-shadow:0 10px 28px #080d301f}
.help-shortcut-icon{border-color:#ffc7f266;background:#e793df25;color:#ffc9f1;border-radius:15px}
.help-shortcut .button{color:#553878;background:#faf1ff;border-color:#f2d9ff;border-radius:12px}
.help-shortcut p{color:#eeddf5;font-size:12px}
.information-card{background:linear-gradient(125deg,#f9fbff,#edf3ff);border-color:#d5e3fa;border-radius:20px;padding:25px 25px 0;color:#29466e}
.information-card .section-kicker{color:#5a78ad;font-size:9px}
.information-card .section-heading h2{color:#2c4971;font-size:17px;font-weight:700}
.information-card .section-heading>.icon{color:#8863cc;background:#ebe1fc;width:39px;height:39px;padding:9px;border-radius:12px}
.summary-details{margin:25px 0;gap:17px}
.summary-details dt{font-size:11px;color:#687c9b}
.summary-details dd{font-size:13px;color:#294a77;font-weight:550}
.information-card .text-button{color:#4e6db0;border-top-color:#cfdbef;font-size:12px;min-height:52px}
.quiet-card{border-radius:20px;border-color:#50abac69;background:radial-gradient(ellipse at 90% 0%,#39bcb440,transparent 75%),#17434e;padding:26px}
.quiet-card-icon{width:39px;height:39px;border-radius:12px;background:#56d8cd26;color:#9cfff0}
.quiet-card h2{color:#ecfffd;font-size:18px;font-weight:650}
.quiet-card>p{color:#c7e8e8;font-size:12px;line-height:1.9}
.quiet-card-footer{color:#a9cdd5;font-size:10px}
.paper-card,.profile-card{border-radius:20px;box-shadow:0 12px 28px #050f2a20}
.paper-card .panel-heading h2{font-weight:700;font-size:20px;letter-spacing:-.5px}
.paper-card .section-kicker{font-size:9px;color:#617ca2}
.paper-card .panel-description{color:#5e7594}
.color-icon{width:43px;height:43px;border-radius:13px;background:#e4edff;color:#417cd0}
.color-violet{background:#f0e1fc;color:#a352bf}
.color-cyan{background:#d5f5ef;color:#198d88}
.color-blue{background:#e1ecff;color:#447cd4}
#page-account>.page-heading .heading-icon{color:#ebd5ff;background:linear-gradient(135deg,#9b62ce,#6156b8);border-color:#c693ed80}
.profile-card{border-color:#cddcf4;background:#f7faff;color:#29466e}
.profile-identity{padding:28px;background:radial-gradient(ellipse at 0% 0%,#47bbdd4d,transparent 60%),linear-gradient(115deg,#264c8c,#7451a3);color:#fff}
.profile-identity h2{font-size:21px;font-weight:700;color:#fff}
.profile-identity p{color:#e0d7f7;font-size:12px}
.profile-section h3{font-size:16px;color:#304d76;font-weight:700}
.profile-section>p,.profile-section .section-heading p{font-size:12px;color:#657c9c}
.profile-details dt{color:#6c809c;font-size:11px}
.profile-details dd{color:#294c7a;font-size:14px}
.profile-card .fine-print{color:#6b7f9c}
.profile-section+.profile-section{border-top-color:#dce6f4}
.profile-section .button{border-radius:11px}
.profile-email-card .panel-heading>.color-icon{background:#e7e1ff;color:#8758c5}
.app-shell .button-primary{background:linear-gradient(110deg,#4c80e6,#8061d1);border-color:#a6b1ff66;box-shadow:0 5px 15px #5d6bd329;color:#fff;border-radius:12px;font-weight:650}
.renewal-card .panel-heading>.color-icon{background:#ddf5ec;color:#168b78}
.plan-option{border-radius:14px;padding:18px 16px;min-height:78px;border-color:#d4def3}
.plan-option.is-selected{border-color:#9d89df;background:linear-gradient(115deg,#eaf1ff,#f1e9ff);box-shadow:0 0 0 3px #9279df12}
.plan-option.is-selected .plan-radio{border-color:#8a6ecf}
.plan-option.is-selected .plan-radio:after{background:#8a6ecf}
.plan-option strong{font-weight:650}
.plan-price{color:#7257ad!important}
.invoice-card .invoice-heading{background:linear-gradient(115deg,#eaf1ff,#f2eaff)}
.invoice-heading>.color-icon{background:linear-gradient(135deg,#5a98e4,#8272d7);color:#fff;border:1px solid #c3d0f9}
.device-tab{border-radius:13px;color:#c8ddfa;border-color:#6180bb4d;min-height:48px;background:#1d3157}
.device-tab .icon{color:#8bdcfa}
.device-tab.is-selected{background:linear-gradient(110deg,#2c8096,#6c62ae);border-color:#9cd7e6a3;color:#fff;box-shadow:0 4px 15px #4c8eb32e}
#page-tickets .paper-card>.panel-heading>.soft-count{background:#f6e3fa;color:#995ca4}
#page-tickets .paper-card>.panel-heading{padding-bottom:12px;background:linear-gradient(115deg,#fff8ff,#f4edff);border-bottom:1px solid #eadff2}
.ticket-row h3{font-size:14px;color:#66518c}
.ticket-row small{font-size:11px}
.portal-chat-header{background:linear-gradient(115deg,#e4f8f6,#e9f0ff);border-color:#ccdfec}
.support-avatar{background:linear-gradient(140deg,#32bfba,#528bd8);color:#fff;border-color:#6ac9cc}
.portal-chat-form{background:#f2f7ff;border-top-color:#d9e3f2}
.portal-chat-form textarea{font-size:14px}
.app-shell .icon-button{min-width:44px;min-height:44px}
.portal-dialog .icon-button{min-width:44px;min-height:44px;border-radius:12px}
.app-shell .portal-form input:not([type=checkbox]),.app-shell .portal-form select,.app-shell .portal-form textarea{border-radius:11px;font-size:14px}
.app-shell .feature-feedback.is-success{border-color:#71d4c38a;background:linear-gradient(110deg,#175951,#3a3c75);color:#ddfff1}
.app-shell .workspace-footer{color:#99aecf;font-size:10px}
.app-shell button:focus-visible,.app-shell a:focus-visible{outline:3px solid #86e9ef;outline-offset:3px}
.app-shell .paper-card button:focus-visible,.app-shell .paper-card a:focus-visible,.app-shell .profile-card button:focus-visible{outline-color:#6851c1}
@media(hover:hover) and (pointer:fine){.quick-action:hover{transform:translateY(-3px);filter:brightness(1.08)}.summary-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #02081835}}
@media(max-width:1100px){.hero-copy{padding:29px}.hero-copy h2{font-size:29px}.summary-card{padding:21px 19px}.summary-card .card-top h2{font-size:11px}.summary-card .card-icon{width:36px;height:36px}}
@media(max-width:800px){
 .app-shell{background:radial-gradient(ellipse at 10% 0%,#22588e5c,transparent 37%),radial-gradient(ellipse at 100% 35%,#61358c40,transparent 43%),#0c142c}
 .app-shell .sidebar{background:none}
 .app-shell .sidebar>.brand{padding:24px 22px 0}
 .app-shell .sidebar>.brand .brand-mark{width:40px;height:43px;border-radius:13px}
 .app-shell .sidebar>.brand .brand-word{font-size:25px}
 .app-shell .sidebar>.brand .brand-word small{font-size:8px}
 .app-shell .sidebar>.whatsapp-button{align-self:stretch;margin:19px 22px 0;min-height:49px;padding:10px 14px;font-size:13px;border-radius:14px}
 .app-shell .workspace-header{margin:8px 0 0;padding:8px 22px;height:63px;background:transparent}
 .header-actions{gap:8px}
 .header-actions .logout-button{min-width:44px;width:44px;padding:10px;justify-content:center}
 .header-actions .logout-button>span{display:none}
 .breadcrumb strong{font-size:12px}
 .portal-main{padding:17px 22px 25px}
 .page-heading{margin-bottom:25px;gap:13px}
 .page-heading h1{font-size:32px;line-height:1.3}
 .page-heading>div>p:last-child{font-size:13px;max-width:300px}
 .eyebrow{font-size:9px;letter-spacing:1.6px}
 .access-hero{border-radius:21px;min-height:0}
 .hero-copy{padding:28px}
 .hero-copy h2{font-size:29px}
 .hero-copy>p{font-size:13px;line-height:1.85}
 .hero-button{min-height:44px;font-size:12px}
 .hero-account{padding:24px 18px}
 .hero-identity .account-avatar{width:62px;height:62px;border-radius:20px;font-size:23px}
 .hero-name{font-size:14px}
 .hero-username{font-size:11px}
 .summary-grid{gap:14px;margin-top:19px}
 .summary-card{min-height:190px;border-radius:18px;padding:20px 18px}
 .summary-card .card-top h2{font-size:12px}
 .summary-card .card-value{font-size:34px}
 .summary-card .plan-value{font-size:23px}
 .summary-card .card-footnote{font-size:10px}
 .quick-actions{gap:14px;margin-top:19px}
 .quick-action{min-height:184px;padding:21px 18px;border-radius:18px}
 .quick-action .quick-icon{width:42px;height:42px}
 .quick-action strong{font-size:13px}
 .quick-action>span:not(.quick-icon){font-size:11px}
 .help-shortcut{padding:22px;border-radius:18px}
 .summary-bottom{margin-top:19px;gap:16px}
 .app-shell .portal-nav{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:7px max(4px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));margin:0;border:1px solid #95a8e266;border-bottom:0;border-radius:22px 22px 0 0;background:linear-gradient(110deg,#1e3158f5,#32214cf5);box-shadow:0 -8px 30px #0a123b66;backdrop-filter:blur(14px)}
 .portal-nav .nav-button{width:100%;padding:6px 1px;min-height:64px;font-size:10px;font-weight:550;gap:5px;line-height:1.2;border-radius:13px;justify-content:center;flex-direction:column}
 .portal-nav .nav-button .icon{width:31px;height:31px;padding:5px;border-radius:10px;stroke-width:1.9}
 .portal-nav .nav-button.is-active{background:linear-gradient(140deg,#6179cd77,#9663cd55);border-color:#b7b9ff70;box-shadow:0 3px 12px #01091826}
 .nav-label-full{display:none}
 .nav-label-short{display:block}
 .sidebar-bottom{padding-bottom:calc(100px + env(safe-area-inset-bottom));margin:0 22px}
 .workspace-footer{padding-bottom:6px}
 .profile-identity{padding:23px;flex-wrap:wrap}
 .profile-identity h2{font-size:19px}
 .profile-details dd{font-size:14px}
 .app-shell .portal-form input:not([type=checkbox]),.app-shell .portal-form select,.app-shell .portal-form textarea{font-size:16px}
}
@media(max-width:540px){
 .access-hero{grid-template-columns:minmax(0,1fr)}
 .hero-copy{padding:28px 24px 25px;max-width:100%}
 .hero-copy h2{font-size:29px;max-width:300px}
 .hero-copy>p{max-width:310px}
 .hero-kicker{font-size:9px}
 .hero-account{border-top:1px solid #c4b8ff33;background:#151d5024;padding:20px 24px}
 .hero-identity{display:grid;grid-template-columns:54px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:13px;row-gap:3px;text-align:left;align-items:center;width:100%;max-width:100%}
 .hero-identity .account-avatar{width:54px;height:54px;border-radius:17px;font-size:20px;grid-column:1;grid-row:1/3}
 .hero-name{grid-column:2;grid-row:1;align-self:end;margin:0;font-size:13px;line-height:1.5}
 .hero-username{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:10px}
 .hero-identity .status-badge{grid-column:3;grid-row:1/3;margin:0;font-size:9px;padding:5px 7px;white-space:normal;max-width:82px}
 .hero-orbit{width:210px;height:210px;left:85%;top:110%;opacity:.5}
 .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .summary-card .card-top{gap:8px;align-items:flex-start}
 .summary-card .card-top h2{font-size:11px;line-height:1.6;max-width:100px}
 .summary-card .card-icon{width:33px;height:33px;border-radius:11px;box-shadow:none}
 .summary-card .card-icon .icon{width:18px;height:18px}
 .summary-card{padding:19px 16px;min-height:184px}
 .summary-card .card-description{font-size:11px}
 .summary-card.plan-card{grid-column:1/-1;min-height:158px}
 .summary-card.plan-card .card-top h2{max-width:none}
 .summary-card .plan-value{font-size:25px;margin-top:2px}
 .quick-actions{gap:13px}
 .quick-action{padding:20px 17px;min-height:191px}
 .quick-action strong{max-width:100%;font-size:13px}
 .quick-action>span:not(.quick-icon){max-width:95%;font-size:11px}
 .quick-action .quick-arrow{bottom:14px;right:12px;width:15px;height:15px}
 .summary-bottom{grid-template-columns:1fr}
 .information-card{padding:24px 22px 0}
 .quiet-card{padding:24px}
 .profile-identity>.status-badge{margin-left:0}
 .profile-section{padding:24px 22px}
 .profile-details{gap:23px 20px}
 .page-heading .heading-icon{width:46px;height:46px;border-radius:15px}
}
@media(max-width:360px){
 .portal-main{padding-left:17px;padding-right:17px}
 .app-shell .sidebar>.brand{padding-left:18px;padding-right:18px}
 .app-shell .sidebar>.whatsapp-button{margin-left:18px;margin-right:18px}
 .app-shell .workspace-header{padding-left:18px;padding-right:18px}
 .hero-copy{padding-left:21px;padding-right:21px}
 .hero-copy h2{font-size:26px}
 .hero-account{padding-left:20px;padding-right:20px}
 .hero-identity{grid-template-columns:45px minmax(0,1fr);column-gap:10px}
 .hero-identity .account-avatar{width:45px;height:45px;font-size:18px;border-radius:14px}
 .hero-identity .status-badge{grid-column:2;grid-row:3;justify-self:start;max-width:none;margin-top:4px}
 .summary-card{padding:17px 13px}
 .summary-card .card-icon{width:28px;height:28px;border-radius:9px}
 .summary-card .card-top h2{font-size:10px}
 .portal-nav .nav-button{font-size:9px}
 .portal-nav .nav-button .icon{width:28px;height:28px;padding:4px}
 .quick-action{padding:19px 14px}
 .quick-action strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.app-shell *,.app-shell *:before,.app-shell *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.summary-card:hover,.quick-action:hover{transform:none}}

#portal-whatsapp>.icon:last-child{margin-left:auto}
@media(max-width:360px){.app-shell .portal-nav{gap:0;padding-left:max(2px,env(safe-area-inset-left));padding-right:max(2px,env(safe-area-inset-right))}}

.portal-dialog button:focus-visible,.portal-dialog a:focus-visible{outline:3px solid #6851c1;outline-offset:3px}

/* Customer-owned content choices, separate from subscription billing. */
.content-preference-card{margin-top:24px}
.content-preference-card .panel-heading{background:linear-gradient(115deg,#f3edff,#edf6ff);padding-bottom:19px;border-bottom:1px solid #e2dcf2}
.content-preference-card .panel-description{margin-bottom:16px}
.content-current{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 24px;padding:13px 16px;border:1px solid #dfd9f4;background:#f0edfc;border-radius:12px;line-height:1.7}
.content-current>span{font-size:12px;color:#756a91}
.content-current>strong{font-size:13px;color:#66518d;text-align:right;overflow-wrap:anywhere}
.content-preference-card>.feature-feedback{margin:16px 24px 0;color:#805d2b;background:#fff6e5;border-color:#ead2a3}
.content-preference-card>.feature-feedback.is-success{color:#216c59;background:#e4f7ef;border-color:#b7dfd0}
.content-preference-card .portal-form{padding-top:20px}
.content-preference-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;margin:0 0 22px;padding:0;border:0}
.content-preference-options .content-option{position:relative;display:flex;align-items:flex-start;gap:12px;margin:0;padding:18px 15px;background:#fff;border:1px solid #d5e1f0;border-radius:15px;cursor:pointer;line-height:1.7;min-width:0}
.content-option.is-selected{border-color:#9980d3;background:linear-gradient(115deg,#f1ebff,#eef4ff);box-shadow:0 0 0 2px #9a83d51c}
#content-preference-form input[type=radio]{width:19px;height:19px;min-height:19px;margin:3px 0 0;padding:0;accent-color:#8861c6;flex:none;box-shadow:none}
.content-option-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;flex:none;background:#dff5ee;color:#329079}
.content-option:last-child .content-option-icon{background:#efe1fb;color:#985ab9}
.content-option-icon .icon{width:21px;height:21px}
.content-option-copy{display:block;min-width:0}
.content-option-copy>strong{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#3c5575;font-size:14px;font-weight:650;line-height:1.7}
.content-option-copy strong>span{font-size:10px;background:#eadcf9;color:#8852a8;padding:1px 5px;border-radius:5px;line-height:1.7}
.content-option-copy>small{display:block;font-size:11px;color:#75869d;line-height:1.8;margin-top:5px}
.content-preference-options:disabled .content-option{cursor:default;opacity:.7}
.content-preference-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.content-preference-actions .button{min-height:44px;border-radius:12px}
#content-preference-reload,#content-preference-check{background:#eaf0fc;color:#4f6c9c;border-color:#cad8ef}
.content-preference-card .fine-print{margin-top:17px;color:#6b7e9a;font-size:11px}
#content-preference-confirmation .consent-field{margin-bottom:19px;color:#627996}
@media(max-width:600px){.content-preference-options{grid-template-columns:1fr}.content-current{margin-left:20px;margin-right:20px;flex-wrap:wrap}.content-current>strong{text-align:left}.content-preference-card>.feature-feedback{margin-left:20px;margin-right:20px}.content-preference-actions{align-items:stretch}.content-preference-actions .button{flex:1 1 auto}.content-option-copy>strong{font-size:14px}.content-option-copy>small{font-size:12px}}

/* A compact home with clear destinations and a persistent mobile header. */
.portal-mobile-brand{display:none}
.summary-home{max-width:1020px;margin:0 auto}
.summary-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:5px 0 27px;border-bottom:1px solid #8aa8e130}
.summary-greeting{min-width:0}
.summary-greeting .eyebrow{color:#aabce2;font-size:9px;letter-spacing:1.7px}
.summary-greeting h1{font-size:35px;line-height:1.25;letter-spacing:-1.1px;font-weight:750;margin:10px 0 13px;overflow-wrap:anywhere;color:#fff}
.summary-greeting .status-badge{font-size:10px;min-height:26px;padding:4px 9px;border-radius:8px}
.summary-validity{display:flex;align-items:center;gap:13px;flex-shrink:0;max-width:310px;padding:16px 19px;border:1px solid #89b9f15c;border-radius:17px;background:linear-gradient(130deg,#254c7c88,#3b387a66);box-shadow:0 6px 20px #040c251a}
.summary-validity-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:13px;color:#b9e3ff;background:#7dbdff21}
.summary-validity-icon .icon{width:24px;height:24px;stroke-width:1.8}
.summary-validity-label{display:block;color:#a9c5e8;font-size:11px;line-height:1.6}
.summary-validity strong{display:block;font-size:14px;font-weight:650;line-height:1.7;color:#f5f8ff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.summary-menu-heading{font-size:17px;line-height:1.5;color:#e8f0ff;font-weight:650;margin:26px 0 18px}
.summary-launchers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.summary-launcher{--launch-bg:#9467eb;--launch-bg-deep:#6848bd;--launch-tint:#8c62c72b;--launch-border:#bc9cf277;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-width:0;min-height:170px;padding:23px 14px;border:1px solid var(--launch-border);border-radius:23px;background:linear-gradient(145deg,var(--launch-tint),#162442b3);box-shadow:0 7px 23px #040b2224;color:#fff;text-align:center;transition:transform .16s,background .16s,box-shadow .16s}
.summary-launcher:before{content:"";position:absolute;z-index:-1;width:130px;height:130px;right:-68px;top:-60px;border-radius:50%;border:18px solid var(--launch-tint);pointer-events:none}
.launcher-icon{display:grid;place-items:center;width:65px;height:65px;border:1px solid #ffffff66;border-radius:20px;background:linear-gradient(140deg,var(--launch-bg),var(--launch-bg-deep));box-shadow:0 7px 20px var(--launch-tint),inset 0 1px 0 #ffffff26;color:#fff}
.launcher-icon .icon{width:32px;height:32px;stroke-width:1.8}
.summary-launcher strong{font-size:16px;font-weight:650;line-height:1.3;letter-spacing:.1px}
.launcher-finance{--launch-bg:#32d0ab;--launch-bg-deep:#14947e;--launch-tint:#34bda52b;--launch-border:#7fe6c766}
.launcher-apps{--launch-bg:#3ac8f1;--launch-bg-deep:#2478cc;--launch-tint:#399bd12b;--launch-border:#81d8f96b}
.launcher-help{--launch-bg:#f27dc1;--launch-bg-deep:#bb4e9c;--launch-tint:#cf6fad29;--launch-border:#ec9bd46b}
.launcher-tickets{--launch-bg:#f4bf60;--launch-bg-deep:#d58b35;--launch-tint:#dab05926;--launch-border:#e6c08370}
.launcher-chat{--launch-bg:#49c8ca;--launch-bg-deep:#288eb3;--launch-tint:#4fb3c22b;--launch-border:#85d9e06b}
.app-shell>.whatsapp-floating{position:fixed;z-index:32;right:max(26px,env(safe-area-inset-right));bottom:26px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;margin:0;padding:10px 17px;border-radius:18px;box-shadow:0 8px 26px #032e4266;border-color:#75ebbc9c;background:linear-gradient(130deg,#1aab76,#10855f);color:#fff;font-size:12px;font-weight:650}
.app-shell>.whatsapp-floating>.icon:first-child{width:29px;height:29px;padding:0;background:none;border-radius:0;flex:none}
.app-shell>.whatsapp-floating[aria-disabled=true]{display:none}
@media(hover:hover) and (pointer:fine){.summary-launcher:hover{transform:translateY(-3px);box-shadow:0 12px 28px #02061945;filter:brightness(1.1)}}
@media(max-width:800px){
 .app-shell{--mobile-header-height:82px;padding-top:calc(var(--mobile-header-height) + env(safe-area-inset-top));padding-bottom:calc(88px + env(safe-area-inset-bottom))}
 .app-shell .sidebar>.brand{display:none}
 .app-shell .workspace-header{position:fixed;inset:0 0 auto;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:10px;height:calc(var(--mobile-header-height) + env(safe-area-inset-top));margin:0;padding:calc(12px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));border-bottom:1px solid #698bc24d;background:linear-gradient(110deg,#122848f5,#27213df5);box-shadow:0 7px 24px #02081933;backdrop-filter:blur(18px)}
 .portal-mobile-brand{display:flex;gap:10px;min-width:0;flex-shrink:1}
 .portal-mobile-brand .brand-mark{width:38px;height:42px;border-radius:12px;flex:none}
 .portal-mobile-brand .brand-mark svg{width:26px;height:26px}
 .portal-mobile-brand .brand-word{font-size:23px;line-height:1.1}
 .portal-mobile-brand .brand-word small{font-size:7px;letter-spacing:1.7px;margin-top:6px}
 .workspace-header>.breadcrumb{display:none}
 .app-shell .workspace-header .header-actions{gap:3px;flex-shrink:0}
 .app-shell .workspace-header .header-divider{display:none}
 .app-shell .workspace-header .icon-button,.app-shell .workspace-header .logout-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px}
 .portal-main{padding:20px 20px 25px}
 .portal-page h1{scroll-margin-top:calc(var(--mobile-header-height) + env(safe-area-inset-top) + 18px)}
 .summary-intro{gap:14px;padding:0 0 20px;align-items:flex-start}
 .summary-greeting .eyebrow{font-size:8px;letter-spacing:1.3px}
 .summary-greeting h1{font-size:28px;letter-spacing:-.7px;margin:8px 0 10px}
 .summary-greeting .status-badge{font-size:9px;min-height:25px}
 .summary-validity{gap:9px;max-width:235px;padding:12px;border-radius:14px}
 .summary-validity-icon{width:33px;height:36px;border-radius:10px}
 .summary-validity-icon .icon{width:21px;height:21px}
 .summary-validity-label{font-size:10px}
 .summary-validity strong{font-size:12px;line-height:1.7}
 .summary-menu-heading{font-size:15px;margin:21px 0 15px}
 .summary-launchers{gap:14px}
 .summary-launcher{min-height:145px;padding:20px 10px;gap:13px;border-radius:20px}
 .launcher-icon{width:57px;height:57px;border-radius:18px}
 .launcher-icon .icon{width:29px;height:29px}
 .summary-launcher strong{font-size:14px}
 .app-shell>.whatsapp-floating{right:max(17px,env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));min-height:53px;width:53px;height:53px;padding:11px;border-radius:18px;box-shadow:0 7px 23px #020c3f66}
 .app-shell>.whatsapp-floating>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
 .sidebar-bottom{padding-bottom:4px;margin:0 20px}
 .workspace-footer{padding-right:66px;min-height:38px;margin-top:22px}
}
@media(max-width:540px){
 .app-shell{--mobile-header-height:76px}
 .portal-main{padding:18px 17px 23px}
 .summary-intro{display:flex;flex-wrap:wrap;gap:15px;padding-bottom:19px}
 .summary-greeting{flex:1 1 145px}
 .summary-greeting h1{font-size:27px;margin:7px 0 9px}
 .summary-validity{flex:0 1 auto;align-self:center;gap:0;padding:10px 11px;max-width:calc(100% - 150px)}
 .summary-validity-icon{display:none}
 .summary-validity-label{font-size:9px}
 .summary-validity strong{font-size:10px;line-height:1.8;white-space:nowrap}
 .summary-launchers{gap:12px}
 .summary-launcher{min-height:116px;padding:14px 8px;gap:11px;border-radius:18px}
 .launcher-icon{width:49px;height:49px;border-radius:16px}
 .launcher-icon .icon{width:27px;height:27px}
 .summary-launcher strong{font-size:13px}
 .summary-menu-heading{margin:19px 0 14px;font-size:15px}
 .summary-launcher:before{width:90px;height:90px;right:-56px;top:-49px;border-width:14px}
}
@media(max-width:360px){
 .app-shell .workspace-header{padding-left:13px;padding-right:10px;gap:6px}
 .portal-mobile-brand{gap:8px}
 .portal-mobile-brand .brand-word{font-size:20px}
 .portal-mobile-brand .brand-word small{font-size:6px;letter-spacing:1.5px}
 .portal-mobile-brand .brand-mark{width:34px;height:38px;border-radius:11px}
 .app-shell .workspace-header .header-actions{gap:0}
 .portal-main{padding-left:14px;padding-right:14px}
 .summary-greeting h1{font-size:25px}
 .summary-greeting .eyebrow{font-size:7px;letter-spacing:1.05px}
 .summary-intro{gap:10px}
 .summary-greeting{flex-basis:130px}
 .summary-validity{padding:9px;max-width:calc(100% - 140px)}
 .summary-validity strong{font-size:9px}
 .summary-launchers{gap:10px}
 .summary-launcher{min-height:111px;border-radius:16px;padding-left:5px;padding-right:5px}
 .summary-launcher strong{font-size:12px}
 .launcher-icon{width:46px;height:46px;border-radius:15px}
 .app-shell>.whatsapp-floating{right:14px}
}
@media(prefers-reduced-motion:reduce){.summary-launcher{transition:none}.summary-launcher:hover{transform:none}}

/* Keep app-install guidance in Apps; the chat composer always has clear space. */
@media(max-width:800px){
 #portal-view:not([data-page="apps"]) #install-help{display:none}
 #portal-view[data-page="chat"]>.whatsapp-floating{position:static;order:4;align-self:flex-end;right:auto;bottom:auto;width:auto;height:auto;min-height:47px;margin:15px 20px 0;padding:9px 14px;border-radius:15px;font-size:12px}
 #portal-view[data-page="chat"]>.whatsapp-floating>span{position:static;width:auto;height:auto;padding:0;overflow:visible;clip:auto;white-space:normal;clip-path:none}
 #portal-view[data-page="chat"]>.whatsapp-floating>.icon:first-child{width:26px;height:26px}
}

/* Short phones keep all six destinations above the bottom navigation. */
@media(max-width:800px) and (max-height:650px){
 .app-shell{--mobile-header-height:68px}
 .app-shell .workspace-header{padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:10px}
 .portal-main{padding-top:12px}
 .summary-intro{gap:10px;padding-bottom:12px}
 .summary-greeting .eyebrow{font-size:7px;line-height:1.4;letter-spacing:1.05px}
 .summary-greeting h1{font-size:24px;line-height:1.2;margin:5px 0 7px}
 .summary-greeting .status-badge{min-height:22px;padding:3px 7px;font-size:8px}
 .summary-validity{padding:9px 10px;border-radius:12px}
 .summary-validity-label{font-size:9px}
 .summary-validity strong{font-size:10px}
 .summary-menu-heading{font-size:13px;line-height:1.4;margin:14px 0 11px}
 .summary-launchers{gap:10px}
 .summary-launcher{min-height:91px;padding:10px 8px;gap:7px;border-radius:15px}
 .summary-launcher .launcher-icon{width:42px;height:42px;border-radius:13px}
 .summary-launcher .launcher-icon .icon{width:24px;height:24px}
 .summary-launcher strong{font-size:12px;line-height:1.3}
 #portal-view[data-page="summary"] .workspace-footer{margin-top:16px}
 .app-shell>.whatsapp-floating{width:48px;height:48px;min-height:48px;bottom:calc(91px + env(safe-area-inset-bottom));padding:10px;border-radius:16px}
 #portal-view[data-page="chat"]>.whatsapp-floating{width:auto;height:auto;min-height:47px;padding:9px 14px}
}

/* Choose an appliance first, then read only its installation instructions. */
.device-picker{max-width:1040px;margin:0 auto}
.device-picker-intro{margin-bottom:21px}
.device-picker-intro h2{color:#f0f5ff;font-size:22px;font-weight:700;line-height:1.35;letter-spacing:-.4px}
.device-picker-intro h2:focus{outline:none;scroll-margin-top:calc(var(--mobile-header-height,0px) + env(safe-area-inset-top) + 20px)}
.device-picker-intro p{color:#a7bbd9;font-size:12px;line-height:1.8;margin-top:7px}
#page-apps .device-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;overflow:visible;max-width:100%;margin:0;padding:0;scrollbar-width:none}
#page-apps .device-tabs::-webkit-scrollbar{display:none}
.device-choice{--device-main:#56c8a4;--device-deep:#17866f;--device-tint:#4bb69528;--device-border:#83dcbc66;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-width:0;min-height:145px;padding:20px 12px;border:1px solid var(--device-border);border-radius:22px;background:linear-gradient(140deg,var(--device-tint),#172642ad);box-shadow:0 8px 25px #040b2229;color:#fff;transition:transform .16s,filter .16s;text-align:center;scroll-margin-top:calc(var(--mobile-header-height,0px) + env(safe-area-inset-top) + 15px);scroll-margin-bottom:calc(160px + env(safe-area-inset-bottom))}
.device-choice:before{content:"";position:absolute;z-index:-1;width:108px;height:108px;right:-64px;top:-50px;border:16px solid var(--device-tint);border-radius:50%;pointer-events:none}
.device-choice-icon{display:grid;place-items:center;flex:none;width:59px;height:59px;border:1px solid #ffffff66;border-radius:19px;background:linear-gradient(140deg,var(--device-main),var(--device-deep));box-shadow:0 7px 19px var(--device-tint),inset 0 1px 0 #ffffff33;color:#fff}
.device-choice-icon>.icon{width:31px;height:31px;stroke-width:1.7}
.device-choice strong{font-size:14px;line-height:1.35;font-weight:650;max-width:100%;overflow-wrap:anywhere}
.device-choice small{display:block;font-size:10px;line-height:1.5;color:#b9cee6;max-width:100%;margin-top:-6px;overflow-wrap:anywhere}
.device-choice.device-samsung{--device-main:#5b9ef1;--device-deep:#3764c5;--device-tint:#528edf2b;--device-border:#8bb6ed77}
.device-choice.device-lg{--device-main:#ed88bd;--device-deep:#b34f99;--device-tint:#d777b42b;--device-border:#efa7d466}
.device-choice.device-roku{--device-main:#ac84f3;--device-deep:#7547bb;--device-tint:#9b6dd62b;--device-border:#ba98ed77}
.device-choice.device-android-tv{--device-main:#43c8d7;--device-deep:#247cb1;--device-tint:#45adc22b;--device-border:#7bd5e366}
.device-choice.device-tv-box{--device-main:#ad8ce9;--device-deep:#626bc5;--device-tint:#8d82d42b;--device-border:#b2aaed77}
.device-choice.device-iphone{--device-main:#91b7e8;--device-deep:#586eb7;--device-tint:#91a3d32b;--device-border:#b3caea77}
.device-choice.device-pc{--device-main:#e6bd67;--device-deep:#b47e36;--device-tint:#d3ad5b29;--device-border:#e8c78177}
.device-choice.device-access{--device-main:#4ccbc4;--device-deep:#317aaf;--device-tint:#4daac22b;--device-border:#7ed6d977}
#page-apps .device-content{min-height:0}
.device-detail-heading{display:flex;flex-direction:column;align-items:flex-start;gap:19px;padding:25px 28px 22px;border-bottom:1px solid #d9e5f4}
.device-back-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid #d1dff1;border-radius:12px;background:#edf3ff;color:#486394;font-size:12px;font-weight:650;line-height:1.4}
.device-back-button>.icon{width:17px;height:17px;flex:none}
.device-back-button:hover{background:#e0ebff;color:#344d87}
.device-detail-title{display:flex;align-items:center;gap:13px;min-width:0}
.device-detail-title h2,.device-detail-heading>h2{font-size:22px;line-height:1.4;color:#294e7b;font-weight:700;letter-spacing:-.4px;overflow-wrap:anywhere}
.device-detail-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;color:#477fbb;background:#deefff}
.device-detail-icon>.icon{width:26px;height:26px;stroke-width:1.8}
@media(hover:hover) and (pointer:fine){.device-choice:hover{transform:translateY(-3px);filter:brightness(1.1)}}
@media(max-width:800px){
 .device-picker-intro{margin-bottom:17px}
 .device-picker-intro h2{font-size:21px}
 .device-picker-intro p{font-size:12px}
 #page-apps .device-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding-bottom:82px}
 .device-choice{min-height:128px;padding:17px 9px;gap:11px;border-radius:19px}
 .device-choice-icon{width:54px;height:54px;border-radius:17px}
 .device-choice-icon>.icon{width:29px;height:29px}
 .device-choice strong{font-size:13px}
 .device-choice small{font-size:9px}
 .device-detail-heading{gap:16px;padding:21px 22px 20px}
 .device-detail-title h2,.device-detail-heading>h2{font-size:21px}
}
@media(max-width:540px){
 #page-apps .device-tabs{gap:11px;padding-bottom:82px}
 .device-choice{min-height:117px;padding:14px 7px;gap:10px;border-radius:17px}
 .device-choice-icon{width:48px;height:48px;border-radius:15px}
 .device-choice-icon>.icon{width:27px;height:27px}
 .device-choice strong{font-size:12px}
 .device-choice small{font-size:9px}
 .device-picker-intro h2{font-size:20px}
 .device-picker-intro p{font-size:11px;margin-top:5px}
 .device-detail-heading{padding:20px}
 .device-detail-title h2,.device-detail-heading>h2{font-size:20px}
}
@media(max-width:360px){
 #page-apps .device-tabs{gap:9px}
 .device-choice{min-height:111px;padding:12px 5px;gap:9px;border-radius:15px}
 .device-choice-icon{width:44px;height:44px;border-radius:14px}
 .device-choice-icon>.icon{width:25px;height:25px}
 .device-choice strong{font-size:11px}
 .device-choice small{font-size:8px}
 .device-picker-intro h2{font-size:19px}
 .device-detail-title{gap:10px}
 .device-detail-icon{width:40px;height:40px;border-radius:12px}
 .device-detail-title h2,.device-detail-heading>h2{font-size:18px}
}
@media(max-width:800px) and (max-height:650px){
 .device-picker-intro{margin-bottom:14px}
 .device-picker-intro h2{font-size:19px}
 .device-choice{min-height:100px;padding:10px 6px;gap:8px}
 .device-choice-icon{width:42px;height:42px;border-radius:13px}
 .device-choice-icon>.icon{width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){.device-choice{transition:none}.device-choice:hover{transform:none}}

#device-content>.device-detail-heading{justify-content:flex-start;padding:25px 28px 22px}
#device-back>.icon{transform:rotate(180deg)}
#device-detail-heading:focus{outline:none;scroll-margin-top:calc(var(--mobile-header-height,0px) + env(safe-area-inset-top) + 20px)}
.device-detail-icon.device-android{background:#dff7ed;color:#208a70}
.device-detail-icon.device-lg{background:#fbe5f3;color:#b4569c}
.device-detail-icon.device-roku{background:#eee4fc;color:#8254bc}
.device-detail-icon.device-android-tv{background:#dcf4fa;color:#2d879f}
.device-detail-icon.device-tv-box{background:#ece8fc;color:#7264bb}
.device-detail-icon.device-iphone{background:#e8eef9;color:#5c78a6}
.device-detail-icon.device-pc{background:#fcf0d6;color:#a6792f}
.device-detail-icon.device-access{background:#dff5f5;color:#267d93}
@media(max-width:800px){#device-content>.device-detail-heading{padding:21px 22px 20px}}
@media(max-width:540px){#device-content>.device-detail-heading{padding:20px}}

/* Temporary administrative support always identifies the client and attendant. */
.portal-support-banner{display:flex;align-items:center;gap:14px;margin:0 0 24px;padding:17px 19px;border:1px solid #c0a6f58c;border-radius:17px;background:linear-gradient(115deg,#453e75,#2a4868);box-shadow:0 8px 24px #02091b2b;color:#f4edff}
.support-banner-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:13px;border:1px solid #d3b9ff4f;background:#c5a6fa22;color:#e0caff}
.support-banner-icon>.icon{width:25px;height:25px}
.support-banner-copy{flex:1;min-width:0}
.support-banner-copy>.section-kicker{color:#e0cdff;font-size:8px;letter-spacing:1.4px}
.support-banner-copy p{font-size:12px;line-height:1.8;margin-top:5px;overflow-wrap:anywhere;color:#d9e3fa}
.support-banner-copy strong{font-weight:650;color:#fff}
.support-banner-copy small{display:block;margin-top:3px;color:#b8cbe5;font-size:10px;line-height:1.8}
.portal-support-banner>.button{flex:none;min-height:44px;background:#e7e1ff;color:#4d3d7b;border-color:#bdb2e6;font-size:11px}
.portal-support-ended{min-height:100dvh;display:grid;place-items:center;padding:26px;background:radial-gradient(ellipse at 0 0,#23578250,transparent 55%),radial-gradient(ellipse at 100% 90%,#6d3d8e40,transparent 60%),#10172c}
.support-ended-card{width:100%;max-width:480px;padding:35px;border:1px solid #7d8dbb59;border-radius:25px;background:linear-gradient(145deg,#213353,#282344);box-shadow:0 20px 65px #0208194d}
.support-ended-icon{display:grid;place-items:center;width:55px;height:55px;margin-bottom:25px;border:1px solid #b7a5ec5c;border-radius:17px;background:#a385d82b;color:#d4c5f6}
.support-ended-icon>.icon{width:30px;height:30px}
.support-ended-card>.section-kicker{color:#c5b2e9;font-size:9px}
.support-ended-card h1{font-size:27px;line-height:1.35;letter-spacing:-.6px;margin:14px 0;color:#f8f5ff}
.support-ended-card h1:focus{outline:none}
.support-ended-card p{font-size:13px;line-height:1.85;color:#b1c3df;margin-bottom:26px}
.support-ended-card>.button{min-height:46px}
@media(max-width:800px){.portal-support-banner{align-items:flex-start;flex-wrap:wrap;gap:12px;padding:17px;border-radius:15px;margin-bottom:21px}.support-banner-icon{width:36px;height:36px;border-radius:11px}.support-banner-icon>.icon{width:22px;height:22px}.support-banner-copy{flex-basis:calc(100% - 50px)}.support-banner-copy p{font-size:11px}.portal-support-banner>.button{width:100%;font-size:12px}.support-ended-card{padding:28px}.support-ended-card h1{font-size:25px}}

#portal-view[data-support="admin"] #install-app,#portal-view[data-support="admin"] #install-help{display:none}