.top-actions{display:flex;gap:12px;align-items:center}#logoutButton{padding:8px 13px;border:1px solid #dedaf4;background:#fff;border-radius:8px;color:#5033dc;font-size:12px;font-weight:700}#logoutButton:hover{background:#f0edff}
.sidebar nav button.navitem{border:0;background:none;width:100%;text-align:left;cursor:pointer;font:inherit;display:flex;gap:15px;align-items:center;min-height:48px;padding:0 16px;border-radius:10px;color:#66748b;font-size:14px}
.sidebar nav button.navitem:hover{background:#f8f7ff;color:var(--indigo)}.sidebar nav button.navitem.selected{background:#f0edff;color:#5033dc;font-weight:750}
.mobile-nav{display:none}.page-heading{margin:12px 0 22px}.page-heading h2{font-size:27px;letter-spacing:-.04em;margin:0 0 6px}.page-heading p{color:var(--muted);margin:0;line-height:1.55}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.two-col .card h3{margin:0 0 20px;font-size:18px}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.grid-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#40516c}.grid-form label:has(select),.grid-form .form-note,.grid-form button{grid-column:1/-1}
.grid-form input,.grid-form select{width:100%;min-width:0;height:43px;padding:0 12px;background:#fff;border:1px solid #d7ddeb;border-radius:9px;outline:none;color:var(--ink);font-size:14px}
.grid-form input:focus-visible,.grid-form select:focus-visible,.sidebar button:focus-visible,.inline-link:focus-visible{outline:3px solid #5b3def55;outline-offset:2px}
.grid-form button{background:var(--indigo);color:white;border:0;border-radius:9px;min-height:46px;font-weight:700;padding:8px 15px}
.grid-form button:hover{background:#482dd3}.form-note{font-size:12px;color:var(--muted);line-height:1.45;margin:0}
.list{display:grid;gap:10px;margin-top:14px}.item{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:none}
.item strong{font-size:15px}.item p{margin:5px 0 0;color:var(--muted);line-height:1.45}.item-side{display:flex;gap:12px;align-items:center;flex-shrink:0}.pill{display:inline-block;border-radius:20px;padding:7px 11px;background:#f0edff;color:#5033dc;font-size:11px;font-weight:750}
.secondary{border:1px solid #cfc5ff;color:#5033dc;background:#fff;padding:9px 13px;border-radius:8px;font-size:12px;font-weight:750}.secondary:hover{background:#f3f0ff}
.inline-link{margin-top:auto;border:0;background:none;color:var(--indigo);padding:0;text-align:left;font-size:13px;font-weight:750}.inline-link:hover{text-decoration:underline}
.info-card ol{padding-left:20px;line-height:1.9;color:var(--muted)}.empty{background:white;border:1px dashed #d7ddeb;padding:22px;border-radius:12px;color:var(--muted)}
#recoveryResult{margin-top:16px;white-space:pre-wrap;line-height:1.75;letter-spacing:.08em}#message.success{color:#127255}
.limit-editor{margin-top:18px}.limit-editor h3{font-size:18px;margin:0 0 18px}
#inviteToggle{margin-top:18px}.auth button.secondary{background:#fff;color:var(--indigo);border:1px solid #d7ddeb;justify-content:center}
@media(max-width:1100px){.two-col{grid-template-columns:1fr}}
@media(max-width:960px){.sidebar nav button.navitem{justify-content:center;padding:0}.sidebar nav button.navitem span{display:none}}
@media(max-width:680px){.sidebar{height:auto;min-height:61px;display:block}.brand{float:left}.mobile-nav{display:block;float:right;border:1px solid var(--line);background:white;padding:9px 12px;border-radius:8px}.sidebar:after{content:"";display:block;clear:both}.sidebar nav.open{display:grid;clear:both;padding-top:12px}.sidebar nav button.navitem{justify-content:flex-start}.sidebar nav button.navitem span,.sidebar nav.open .navlabel{display:inline}.grid-form{grid-template-columns:1fr}.item{align-items:flex-start;flex-direction:column}.item-side{flex-wrap:wrap}.top{padding:0 15px}.session-tag{font-size:10px}.page-heading h2{font-size:23px}}

.form-feedback{grid-column:1/-1;margin:0;color:#aa2440;font-size:13px;line-height:1.5}.form-feedback.success{color:#127255}

.customer-space{margin-top:25px}.customer-heading h2{font-size:26px;margin:10px 0 22px}.customer-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.customer-card{min-width:0;margin-bottom:16px}.customer-card h2{margin:0 0 10px}.customer-card p{line-height:1.55}.customer-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:18px}.customer-row{padding:14px 0;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:10px}.customer-row strong{min-width:140px}.customer-row small{color:var(--muted);line-height:1.5}.customer-row .secondary{margin-left:auto}.customer-state{font-size:11px;color:#795512;background:#fff7e8;border-radius:20px;padding:7px 10px}.customer-notice{color:#795512!important;background:#fff9ec;padding:13px 15px;border-radius:9px;line-height:1.6}.customer-metrics .metric-value{font-size:27px;color:var(--indigo);display:block;margin:0 0 12px}.domain-instructions{display:grid;gap:7px;margin-top:18px;overflow-wrap:anywhere}.domain-instructions:empty{display:none}.domain-instructions code{display:block;padding:11px;border-radius:8px;background:#f0edff;color:#34217d;overflow-wrap:anywhere;user-select:all}.customer-nav[hidden]{display:none}.customer-nav{display:grid;gap:3px}.customer-nav .selected{background:#f0edff!important;color:var(--indigo)!important;font-weight:800!important}
@media(max-width:1050px){.customer-metrics{grid-template-columns:repeat(2,1fr)}.customer-columns{grid-template-columns:1fr}}@media(max-width:680px){.customer-metrics{grid-template-columns:1fr 1fr}.customer-nav:not([hidden]){display:none!important;position:absolute;z-index:15;background:white;top:60px;left:0;right:0;padding:10px 15px;box-shadow:0 12px 22px #15235318}.customer-nav.open:not([hidden]){display:grid!important}.customer-nav .navitem{min-height:40px!important}.customer-row{align-items:flex-start;flex-direction:column}.customer-row .secondary{margin-left:0}}

.customer-mode .intro{display:none}.customer-mode .customer-space{margin-top:0}.customer-mode main{padding-top:27px}.customer-mode .customer-heading .section-title{display:block;margin:0 0 8px;color:var(--indigo)}

/* Account IDs and hosted-domain search in the Clients page. */
.domain-search{display:grid;gap:10px}.domain-search label{font-weight:750;color:#32435e}
.domain-search input{width:100%;min-height:48px;padding:0 15px;border:1px solid #d7ddeb;border-radius:10px;background:white;font:inherit}
.domain-search input:focus-visible{outline:3px solid #5b3def55;outline-offset:2px}
.domain-search p{margin:0;color:var(--muted);font-size:12px}
.account-id{display:inline-flex;margin-right:10px;padding:5px 9px;border-radius:8px;background:#e9e4ff;color:#3f26bd;font:800 15px ui-monospace,SFMono-Regular,monospace;letter-spacing:.01em}
#customerDomainList .item>div:first-child{min-width:0;overflow-wrap:anywhere}
/* CloudDE portal login v3 */
body.auth-pending{margin:0;min-height:100vh;background:linear-gradient(135deg,#f8fbff 0%,#fff 46%,#f3f7ff 100%);overflow:auto}
body.auth-pending .sidebar,body.auth-pending .top,body.auth-pending .intro,body.auth-pending footer,body.auth-pending #app{display:none!important}
body.auth-pending .shell,body.auth-pending .workspace,body.auth-pending main{display:block!important;min-height:100vh!important;background:transparent!important}
body.auth-pending main{display:grid!important;place-items:center!important;padding:32px 18px!important}
body.auth-pending #message{position:fixed;top:22px;left:50%;transform:translateX(-50%);z-index:20;max-width:min(520px,calc(100vw - 30px))}
body.auth-pending #loginPanel,body.auth-pending #mfaPanel{width:min(560px,calc(100vw - 32px));margin:0!important;padding:44px 54px 42px!important;border:1px solid #e7ecf5!important;border-radius:24px!important;background:#fff!important;box-shadow:0 30px 80px rgba(42,70,120,.13)!important}
body.auth-pending .cloudde-auth-logo{display:block;width:min(300px,72%);height:auto;margin:0 auto 30px}
body.auth-pending #loginPanel .card-kicker{display:none}
body.auth-pending #loginPanel h2,body.auth-pending #mfaPanel h2{text-align:center;font-size:38px;line-height:1.08;letter-spacing:-.045em;color:#101a44;margin:0 0 8px;font-weight:850}
body.auth-pending .cloudde-auth-subtitle,body.auth-pending #mfaPanel>p{text-align:center;margin:0 0 28px;color:#8190aa;font-size:17px}
body.auth-pending #loginPanel form,body.auth-pending #mfaPanel form{display:grid;gap:12px}
body.auth-pending #loginPanel label,body.auth-pending #mfaPanel label{font-size:11px;font-weight:750;color:#51617c;margin-bottom:-5px}
body.auth-pending #loginPanel input,body.auth-pending #mfaPanel input{height:58px;border:1px solid #ccd7e8;border-radius:12px;background:#fff;padding:0 16px;font-size:16px;color:#21314f;outline:0}
body.auth-pending #loginPanel input:focus,body.auth-pending #mfaPanel input:focus{border-color:#287cf4;box-shadow:0 0 0 4px rgba(40,124,244,.10)}
body.auth-pending #loginPanel form button[type=submit],body.auth-pending #mfaPanel form button[type=submit]{height:58px;border:0;border-radius:11px;background:linear-gradient(90deg,#147ff9,#5838ef);color:#fff;font-size:16px;font-weight:800;box-shadow:0 12px 24px rgba(53,87,227,.22)}
body.auth-pending #inviteToggle{display:block;margin:16px auto 0!important;color:#2c72ec;background:transparent!important;border:0!important;font-weight:700}
body.auth-pending #codeForm{margin-top:18px;padding-top:18px;border-top:1px solid #edf0f5}
body.auth-pending #mfaPanel .cloudde-auth-logo{display:block}
body.auth-pending.portal-whm #loginPanel:before{content:"MASTER / REVENDA";display:block;text-align:center;color:#5a3ee5;font-weight:850;font-size:10px;letter-spacing:.16em;margin-bottom:10px}
@media(max-width:620px){body.auth-pending main{padding:16px 10px!important}body.auth-pending #loginPanel,body.auth-pending #mfaPanel{padding:32px 22px 28px!important;border-radius:18px!important}body.auth-pending #loginPanel h2,body.auth-pending #mfaPanel h2{font-size:30px}body.auth-pending .cloudde-auth-logo{width:min(250px,78%);margin-bottom:24px}}