.account-login form { display:grid; gap:13px; margin-top:24px; text-align:left; }
.account-login label,.account-org-form-panel label { display:grid; gap:6px; }
.account-login label span,.account-org-form-panel label span { color:var(--muted); font-size:7px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.account-login input,.account-org-form-panel input { width:100%; padding:11px 12px; border:1px solid #43525a; border-radius:3px; outline:none; color:var(--text); background:#11171a; }
.account-login input:focus,.account-org-form-panel input:focus { border-color:var(--cyan); box-shadow:0 0 0 2px rgba(40,188,231,.08); }
.account-login .button { width:100%; margin-top:4px; cursor:pointer; }
.account-back { display:inline-block; margin-top:22px; color:var(--muted); font-size:8px; text-decoration:none; }.account-back:hover { color:var(--cyan); }
.account-alert { margin:16px 0; padding:11px 13px; border:1px solid #345568; border-left:3px solid var(--cyan); border-radius:3px; color:#b9c7cd; background:#14232b; font-size:9px; line-height:1.5; text-align:left; }
.account-alert.error { border-color:#713944; border-left-color:var(--red); color:#f1aab2; background:#2a191d; }.account-alert.success { border-color:#285d3c; border-left-color:var(--green); color:#9de0b0; background:#15271b; }.account-alert.warning { border-color:#725b2c; color:#dbc487; background:#292318; }
.account-call-number { display:block; margin:17px 0; color:var(--cyan); font-size:25px; font-weight:800; text-decoration:none; }.account-otp { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }.account-otp input { height:58px; padding:0; text-align:center; font-size:25px; font-weight:800; }.account-restart { margin-top:9px!important; }.account-restart button { border:0; background:none; color:var(--muted); font-size:8px; cursor:pointer; }.account-restart button:hover { color:var(--cyan); }

.account-dashboard { min-height:calc(100vh - 58px); padding-top:50px; padding-bottom:90px; }
.account-dashboard-head { padding-bottom:22px; display:flex; align-items:end; justify-content:space-between; gap:22px; border-bottom:1px solid var(--line); }
.account-dashboard-head h1 { margin:10px 0 7px; font-size:clamp(30px,3.5vw,48px); font-weight:600; letter-spacing:-.04em; }.account-dashboard-head p { margin:0; color:var(--muted); font-size:9px; }.account-dashboard-head button { cursor:pointer; }
.account-head-actions { display:flex; align-items:center; gap:8px; }.account-head-actions form { margin:0; }.account-head-actions .button { white-space:nowrap; }
.account-org-switch { display:flex; gap:6px; padding:20px 0 4px; overflow-x:auto; }.account-org-switch a { min-width:220px; padding:13px 14px; border:1px solid var(--line-soft); border-radius:3px; color:var(--text); background:var(--panel-3); text-decoration:none; }.account-org-switch a:hover { border-color:#3d6273; }.account-org-switch a.active { border-color:var(--cyan); background:#16303d; }.account-org-switch span,.account-org-switch small { display:block; }.account-org-switch span { font-size:10px; font-weight:750; }.account-org-switch small { margin-top:4px; color:var(--muted); font-size:7px; }
.account-organization-title { margin-top:34px; display:flex; align-items:end; justify-content:space-between; gap:18px; }.account-organization-title h2 { margin:8px 0 5px; font-size:27px; }.account-organization-title p { margin:0; color:var(--muted); font-size:8px; }.account-sync-warning { padding:6px 9px; border:1px solid #725b2c; border-radius:3px; color:#d2b772; font-size:8px; }
.account-metrics { margin:21px 0; display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }.account-metrics article { padding:21px; border:1px solid var(--line-soft); border-radius:3px; background:var(--panel-3); }.account-metrics small { display:block; color:var(--cyan); font-size:7px; font-weight:800; letter-spacing:.11em; }.account-metrics strong { display:block; margin:10px 0 3px; font-size:28px; }.account-metrics span { color:var(--muted); font-size:8px; }
.account-columns { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.account-panel { overflow:hidden; border:1px solid var(--line-soft); border-radius:4px; background:var(--panel-3); }.account-panel-head { min-height:66px; padding:16px 19px; border-bottom:1px solid var(--line-soft); background:#181e22; }.account-panel-head small { color:var(--cyan); font-size:7px; font-weight:800; letter-spacing:.13em; }.account-panel-head h2 { margin:5px 0 0; font-size:15px; }.account-list { padding:4px 14px 13px; }.account-list article { min-height:64px; display:grid; grid-template-columns:36px minmax(110px,1fr) 58px 88px; align-items:center; gap:10px; border-bottom:1px solid var(--line-soft); }.account-list-icon { width:33px; height:33px; display:grid; place-items:center; border:1px solid #345363; border-radius:3px; color:var(--cyan); background:#14232b; }.account-list strong,.account-list small { display:block; }.account-list strong { font-size:9px; }.account-list small { margin-top:3px; color:var(--muted); font-size:7px; }.account-list article>span:nth-child(3) { text-align:right; }.account-list article>span:nth-child(3) b { font-size:12px; }
.account-state { justify-self:end; padding:4px 7px; border:1px solid #46545c; border-radius:3px; color:#8c999f; font-size:7px; font-style:normal; text-transform:uppercase; }.account-state.active { border-color:#285d3c; color:#75d792; background:#15271b; }.account-state.offline,.account-state.suspended { border-color:#725b2c; color:#d2b772; }.account-state.expired,.account-state.revoked { border-color:#713944; color:#e7959f; }
.account-features { margin-top:9px; }.account-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line-soft); }.account-feature-grid article { min-height:70px; padding:14px 17px; display:grid; grid-template-columns:31px 1fr auto; align-items:center; gap:10px; background:var(--panel-3); }.account-feature-grid article>span { color:var(--cyan); }.account-feature-grid strong,.account-feature-grid small { display:block; }.account-feature-grid strong { font-size:9px; }.account-feature-grid small { margin-top:3px; color:var(--muted); font-size:7px; }.account-feature-grid b { color:var(--text-2); font-size:9px; }
.account-empty { grid-column:1/-1; margin:0; padding:25px; color:var(--muted); font-size:9px; text-align:center; }.account-no-org { max-width:620px; margin:30px auto 0; padding:38px; text-align:center; }.account-no-org h2 { margin-top:0; }.account-no-org p { margin-bottom:0; color:var(--muted); font-size:10px; line-height:1.7; }
.account-servers { grid-column:1/-1; }
.account-server-list { padding:0 14px; }
.account-server-card { position:relative; min-height:62px; padding:8px 0; border-bottom:1px solid var(--line-soft); }
.account-server-summary { display:grid; grid-template-columns:36px minmax(210px,1.4fr) minmax(180px,1fr) 150px auto 34px; align-items:center; gap:12px; }
.account-server-summary strong,.account-server-summary small { display:block; }
.account-server-summary strong { font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.account-server-summary small { margin-top:2px; color:var(--muted); font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.account-server-limit { text-align:right; }
.account-server-limit b { display:block; color:var(--text); font-size:14px; font-variant-numeric:tabular-nums; }
.account-server-menu { position:relative; justify-self:end; }
.account-server-menu>summary { width:32px; height:32px; display:grid; place-items:center; border:1px solid transparent; border-radius:3px; color:var(--muted); font-size:23px; line-height:1; cursor:pointer; list-style:none; user-select:none; }
.account-server-menu>summary::-webkit-details-marker { display:none; }
.account-server-menu>summary:hover,.account-server-menu[open]>summary { border-color:#345363; color:var(--cyan); background:#14232b; }
.account-server-menu-popover { position:absolute; z-index:20; top:38px; right:0; width:min(430px,calc(100vw - 48px)); padding:14px; border:1px solid #345363; border-radius:4px; background:#151d21; box-shadow:0 16px 40px rgba(0,0,0,.5); }
.account-allocation-form { display:grid; grid-template-columns:minmax(150px,1fr) auto; align-items:end; gap:8px; }
.account-allocation-form label,.account-claim-form label { display:grid; gap:6px; }
.account-allocation-form label span,.account-claim-form label span { color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.account-allocation-form input,.account-claim-form input { width:100%; min-height:40px; padding:8px 11px; border:1px solid #43525a; border-radius:3px; outline:none; color:var(--text); background:#11171a; font-size:14px; }
.account-allocation-form input:focus,.account-claim-form input:focus { border-color:var(--cyan); box-shadow:0 0 0 2px rgba(40,188,231,.08); }
.account-pending { margin-top:9px; padding:8px 10px; border-left:2px solid #d6a33c; color:#dbc487; background:#292318; font-size:11px; }
.account-claim-form { padding:16px 14px; display:grid; grid-template-columns:minmax(220px,1fr) auto; align-items:end; gap:8px; border-top:1px solid var(--line-soft); background:#171e22; }

.account-management { max-width:1180px; margin:0 auto; }.account-org-list { margin-top:20px; }.account-org-list>.account-panel-head { display:flex; align-items:center; justify-content:space-between; }.account-org-list>.account-panel-head>span { min-width:31px; height:31px; display:grid; place-items:center; border:1px solid #345363; border-radius:3px; color:var(--cyan); background:#14232b; font-size:9px; }
.account-org-table { padding:0 19px 7px; }.account-org-row { min-height:64px; display:grid; grid-template-columns:2fr 1.2fr 2fr auto; align-items:center; gap:18px; border-bottom:1px solid var(--line-soft); color:var(--muted); font-size:9px; }.account-org-row strong,.account-org-row small { display:block; }.account-org-row strong { color:var(--text); font-size:10px; }.account-org-row small+small { margin-top:4px; }.account-org-row .button { white-space:nowrap; }.account-org-row-head { min-height:39px; color:#68757b; font-size:7px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.account-org-form-panel { max-width:760px; margin:20px auto 0; }.account-org-form-panel form { padding:21px; display:grid; grid-template-columns:1fr 1fr; gap:15px; }.account-org-form-panel .wide,.account-form-actions { grid-column:1/-1; }.account-form-actions { padding-top:4px; display:flex; justify-content:flex-end; gap:8px; }.account-form-actions button { cursor:pointer; }

@media(max-width:900px){.account-columns{grid-template-columns:1fr}.account-feature-grid{grid-template-columns:1fr 1fr}.account-org-row{grid-template-columns:1.5fr 1fr auto}.account-org-row>span:nth-child(3),.account-org-row-head>span:nth-child(3){display:none}.account-server-summary{grid-template-columns:36px minmax(170px,1fr) 120px auto 34px}.account-server-site{display:none}}
@media(max-width:600px){.account-dashboard{padding-top:36px}.account-dashboard-head{align-items:start;flex-direction:column}.account-head-actions{width:100%;flex-wrap:wrap}.account-metrics,.account-feature-grid{grid-template-columns:1fr}.account-list article{grid-template-columns:33px 1fr auto}.account-list article>span:nth-child(3){display:none}.account-state{grid-column:3}.account-organization-title{align-items:start;flex-direction:column}.account-org-table{padding:0 13px 5px}.account-org-row{grid-template-columns:1fr auto;gap:10px;padding:11px 0}.account-org-row>span:nth-child(2),.account-org-row-head>span:nth-child(2){display:none}.account-org-form-panel form{grid-template-columns:1fr;padding:16px}.account-org-form-panel .wide,.account-form-actions{grid-column:auto}.account-form-actions{flex-direction:column-reverse}.account-form-actions .button{width:100%;text-align:center}.account-allocation-form,.account-claim-form{grid-template-columns:1fr}.account-allocation-form .button,.account-claim-form .button{width:100%}}

/* Account text is intentionally larger than the native desktop client for browser readability. */
.account-login label span,.account-org-form-panel label span { font-size:10px; }
.account-login input,.account-org-form-panel input { font-size:16px; }
.account-back,.account-restart button { font-size:11px; }
.account-alert { font-size:13px; }
.account-dashboard-head p { font-size:13px; }
.account-org-switch span { font-size:14px; }
.account-org-switch small { font-size:11px; }
.account-organization-title h2 { font-size:30px; }
.account-organization-title p,.account-sync-warning { font-size:12px; }
.account-metrics small { font-size:10px; }
.account-metrics strong { font-size:31px; }
.account-metrics span { font-size:11px; }
.account-panel-head small { font-size:10px; }
.account-panel-head h2 { font-size:19px; }
.account-list strong { font-size:13px; }
.account-list small { font-size:11px; }

.account-license-table { padding:4px 18px 14px; }
.account-license-row { min-height:64px; display:grid; grid-template-columns:minmax(150px,1fr) 110px 130px; align-items:center; gap:16px; border-bottom:1px solid var(--line-soft); }
.account-license-row:last-child { border-bottom:0; }
.account-license-row>span:nth-child(n+2) { text-align:right; }
.account-license-row strong,.account-license-row small { display:block; }
.account-license-row strong { font-size:13px; }
.account-license-row small { margin-top:4px; color:var(--muted); font-size:11px; }
.account-license-row b { font-size:15px; font-variant-numeric:tabular-nums; }
.account-license-head { min-height:38px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.account-license-available b { color:var(--cyan); }

@media(max-width:600px) {
  .account-license-table { padding:4px 12px 12px; }
  .account-license-row { grid-template-columns:minmax(120px,1fr) 76px 92px; gap:8px; }
  .account-license-head { font-size:8px; }
  .account-license-row strong { font-size:12px; }
  .account-license-row b { font-size:13px; }
}
.account-server-menu[open] { z-index:21; }
@media(max-width:600px) {
  .account-server-card { min-height:58px; }
  .account-server-summary { grid-template-columns:33px minmax(0,1fr) auto 32px; gap:8px; }
  .account-server-limit { display:none; }
  .account-server-summary>.account-state { grid-column:auto; }
  .account-server-menu-popover { position:fixed; top:auto; right:12px; bottom:12px; left:12px; width:auto; }
}
.account-state { font-size:9px; }
.account-feature-grid strong { font-size:13px; }
.account-feature-grid small,.account-feature-grid b { font-size:10px; }
.account-empty,.account-no-org p { font-size:13px; }
.account-org-row { font-size:13px; }
.account-org-row strong { font-size:14px; }
.account-org-row-head { font-size:10px; }