/* WebNest Cloud Console: shared product interface. */
.cloud-console{--bg:#0b1018;--bg2:#101722;--panel:#111925;--panel2:#162131;--panel3:#1a283a;--line:#233043;--line-strong:#35455d;--text:#eef3fa;--text2:#d3ddea;--muted:#9aaac0;--muted2:#8293aa;--cyan:#8bb8ff;--cyan2:#bad4ff;--violet:#467eea;--violet2:#87a9ef;--green:#70d8a7;--amber:#f2c16d;--danger:#f38a99;--gradient:linear-gradient(180deg,#477ee8,#3567cc);--wn-bg:var(--bg);--wn-panel:var(--panel);--wn-line:var(--line);--wn-line-soft:var(--line);--wn-text:var(--text);--wn-text-2:var(--text2);--wn-text-3:var(--muted);--wn-radius:10px;--radius:10px;--radius-sm:7px;--shadow:0 6px 20px #0002;background:var(--bg);font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}
.cloud-console .ambient,.cloud-console .login-ambient{display:none}.cloud-console [hidden]{display:none!important}.cloud-console a{color:var(--cyan)}.cloud-console button,.cloud-console a,.cloud-console input,.cloud-console select{touch-action:manipulation}.cloud-console :focus-visible{outline:2px solid #9fc5ff;outline-offset:3px}.cloud-console .skip-link{position:fixed;left:18px;top:-70px;z-index:100;background:#eef3fa;color:#0b1018;padding:12px 18px;border-radius:6px}.cloud-console .skip-link:focus{top:12px}.cloud-console .shell{grid-template-columns:244px minmax(0,1fr)}
.cloud-console .sidebar{padding:26px 14px 16px;background:#0e1520;border-color:var(--line);backdrop-filter:none;overflow-y:auto}.cloud-console .sidebar-top{padding:0 12px}.cloud-console .brand-mark{width:36px;height:36px;border:1px solid #486b9f;border-radius:9px;background:#1a3050;box-shadow:none}.cloud-console .brand-mark:before{display:none}.cloud-console .brand-mark span{background:none;color:#b9d3ff;font-size:20px;letter-spacing:-1px;font-weight:750}.cloud-console .brand-copy strong{color:#edf3ff;font-size:14px;letter-spacing:.1em}.cloud-console .brand-copy small{color:var(--muted);font-size:11px;letter-spacing:.025em;margin-top:6px}.cloud-console .sidebar-nav{margin-top:32px;gap:4px}.cloud-console .nav-label{font-size:10px;letter-spacing:.1em;color:#8295ae;margin:23px 12px 10px}.cloud-console .sidebar-nav a{font-size:13px;font-weight:550;min-height:43px;border-radius:7px;color:#a9b8cd;padding:10px 12px}.cloud-console .sidebar-nav a.active{background:#1b2c46;border-color:#2c4568;color:#e2edff}.cloud-console .sidebar-nav a.active:before{display:none}.cloud-console .sidebar-nav a:hover{background:#182333;color:#fff}.cloud-console .nav-icon,.cloud-console .sidebar-nav a.active .nav-icon{width:21px;height:21px;background:none;border:0;color:inherit}.cloud-console .nav-icon svg{width:19px;height:19px}.cloud-console .support-link{display:flex;gap:10px;align-items:center;padding:20px 10px;color:#b8c8dd;font-size:12px}.cloud-console .support-link small{display:block;font-size:11px;margin-top:2px}.cloud-console .user{gap:9px;padding-top:18px}.cloud-console .avatar{background:#233651;border:0;box-shadow:none;border-radius:7px;color:#bfd5f7}.cloud-console .user-copy strong{font-size:12px}.cloud-console .user-copy small{font-size:10px}.cloud-console .logout{display:grid;place-items:center;min-width:30px;min-height:36px}.cloud-console .content{padding:26px 32px 20px;max-width:1800px}.cloud-console .topbar{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:26px;gap:18px}.cloud-console .eyebrow{font-size:10px;letter-spacing:.09em;font-weight:650;color:var(--muted)}.cloud-console .topbar h1{font-size:27px;line-height:1.2;font-weight:650;letter-spacing:-.025em;margin-top:7px}.cloud-console .account-badge,.cloud-console .date-chip{font-size:11px;border:1px solid var(--line);background:#121e2e;color:#b6c8e0;border-radius:6px;padding:6px 10px;height:auto;white-space:nowrap}.cloud-console .date-chip{background:none;color:var(--muted)}.cloud-console h2{font-size:18px;font-weight:620;letter-spacing:-.02em}.cloud-console .page-lead{font-size:13px;line-height:1.6;margin:4px 0 0;color:var(--muted)}.cloud-console .section{margin-top:28px;scroll-margin-top:24px}.cloud-console .first-section{margin-top:0}.cloud-console .section-head{gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.cloud-console .section-head a,.cloud-console .section-meta{font-size:12px}.cloud-console .page-body{min-height:calc(100vh - 200px)}.cloud-console .portal-footer{font-size:11px;letter-spacing:0;color:#8192a8;padding-top:18px;margin-top:36px}
.cloud-console .card,.cloud-console .chart-card,.cloud-console .monitor-card,.cloud-console .form-card,.cloud-console .stack-card,.cloud-console .table-card,.cloud-console .admin-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:none}.cloud-console .card:hover{transform:none;box-shadow:none;border-color:var(--line)}.cloud-console .grid.kpis{display:grid;gap:14px;margin-bottom:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.cloud-console .card{padding:19px 20px;min-width:0}.cloud-console .card>span{color:var(--muted);font-size:11px;letter-spacing:.04em;font-weight:550}.cloud-console .card>strong{font-size:28px;font-weight:650;letter-spacing:-.03em;color:var(--text);margin-top:9px;line-height:1.2}.cloud-console .card>small{font-size:11px;line-height:1.6;margin-top:7px;color:var(--muted)}.cloud-console .status-hero{border:1px solid var(--line);border-left:3px solid var(--muted);background:var(--panel);border-radius:10px;padding:20px 22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;box-shadow:none}.cloud-console .status-hero.healthy{border-left-color:var(--green)}.cloud-console .status-hero.danger{border-left-color:var(--danger)}.cloud-console .status-hero h2{font-size:18px;line-height:1.45;margin:4px 0}.cloud-console .status-hero p{font-size:12px;color:var(--muted);margin:5px 0}.cloud-console .status-orb{width:38px;height:38px;border-radius:8px;background:#203148;border:1px solid var(--line);box-shadow:none}.cloud-console .status-orb:before,.cloud-console .status-orb:after{display:none}.cloud-console .status-orb span{width:10px;height:10px;box-shadow:none;animation:none}.cloud-console .status-time span,.cloud-console .status-time small{font-size:11px}.cloud-console .status-time strong{font-size:17px}.cloud-console .status,.cloud-console .health-dot{box-shadow:none;animation:none}.cloud-console .status-hero+.dashboard-kpis{margin-top:16px}
.cloud-console #services .monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cloud-console .monitor-card{padding:20px;color:var(--text);display:flex;flex-direction:column;transition:border-color .15s,background .15s}.cloud-console .monitor-card:hover{border-color:#5279ac;background:#152030;box-shadow:none;transform:none}.cloud-console .monitor-card-head{gap:12px;align-items:flex-start}.cloud-console .service-identity strong{font-size:15px;font-weight:600}.cloud-console .service-identity small{font-size:11px;line-height:1.5;color:var(--muted)}.cloud-console .state-label{font-size:10px;white-space:nowrap;font-weight:550;letter-spacing:0;border-radius:5px;padding:4px 7px}.cloud-console .endpoint{font-size:12px;color:#afbed3;overflow-wrap:anywhere;line-height:1.5;margin:18px 0}.cloud-console .monitor-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px 0;border-top:1px solid var(--line);border-bottom:0}.cloud-console .monitor-metrics span{font-size:10px;line-height:1.4;letter-spacing:0;color:var(--muted)}.cloud-console .monitor-metrics b{font-size:15px;font-weight:550}.cloud-console .monitor-card-footer{font-size:11px;padding-top:14px;margin-top:auto;color:var(--muted);border-top:1px solid var(--line)}.cloud-console .monitor-card-footer span:last-child{color:var(--cyan)}
.cloud-console .list-toolbar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}.cloud-console .search-field{flex:1;max-width:460px;min-width:180px}.cloud-console .filter-field{width:180px}.cloud-console .filter-count{font-size:12px;color:var(--muted);margin-left:auto;padding-bottom:11px}.cloud-console .page-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:10px}.cloud-console .page-tabs a{padding:7px 12px;white-space:nowrap;border-radius:6px;color:#b2c4dd;font-size:12px;background:#142034}.cloud-console .page-tabs a:hover{background:#203554}.cloud-console table{min-width:680px;width:100%;border-collapse:collapse}.cloud-console th,.cloud-console td{font-size:13px;padding:14px 16px;border-color:var(--line);color:var(--text2);vertical-align:middle;line-height:1.5}.cloud-console th{font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.055em;color:#aabbd1;background:#152031;white-space:nowrap}.cloud-console td strong{font-weight:600}.cloud-console tbody tr:hover{background:#192638}.cloud-console .table-card{overflow-x:auto;overflow-y:visible;max-width:100%;min-width:0}.cloud-console .table-sub{font-size:10px;margin-top:5px;line-height:1.5}.cloud-console .invoice-actions{display:table-cell;white-space:nowrap}.cloud-console .invoice-actions form{display:inline-block;margin-left:10px}.cloud-console .pill,.cloud-console .integration-badge{font-size:10px;font-weight:600;border-radius:5px;letter-spacing:0;padding:4px 8px;white-space:normal;line-height:1.5}.cloud-console .pill{background:#1a293f;color:#b3c6e0;border-color:#304866}.cloud-console .pill.paid,.cloud-console .pill.matched,.cloud-console .pill.completed,.cloud-console .pill.resolved{background:#132e28;border-color:#2b5648;color:#8cdeba}.cloud-console .pill.overdue,.cloud-console .pill.failed,.cloud-console .pill.open{background:#35202b;border-color:#663443;color:#ffb0bc}.cloud-console .pill.partial,.cloud-console .pill.manual_review,.cloud-console .pill.numbering_review,.cloud-console .pill.unmatched{background:#30291d;border-color:#655333;color:#efd09a}.cloud-console .billing-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cloud-console .compact-table td,.cloud-console .compact-table th{padding:12px;font-size:12px}.cloud-console .compact-table th{font-size:10px}.cloud-console .billing-columns table{min-width:0}.cloud-console .billing-head{gap:24px;align-items:center}.cloud-console .billing-run-form{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:18px;gap:16px}.cloud-console .billing-run-form label span{font-size:11px}.cloud-console .integration-badges{gap:7px}.cloud-console .ops-warning{font-size:13px;border-radius:8px;line-height:1.6}
.cloud-console .primary,.cloud-console .button{min-height:40px;background:#3c70d6;border:1px solid #5e8be4;border-radius:6px;padding:9px 16px;box-shadow:none;color:#fff;font-size:12px;font-weight:600;line-height:1.4;text-align:center}.cloud-console .primary:hover,.cloud-console .button:hover{background:#4b7fe3;box-shadow:none;transform:none}.cloud-console button:disabled{opacity:.45;cursor:not-allowed}.cloud-console .link{font-size:12px;line-height:1.5;color:var(--cyan);padding:7px 0;text-align:left}.cloud-console .danger-button,.cloud-console .danger-text{color:#fca8b5;font-size:12px;padding:12px 17px}.cloud-console .actions{margin:16px 0;flex-wrap:wrap}.cloud-console label{font-size:12px;font-weight:500;color:#b9c8dc;gap:7px;line-height:1.5}.cloud-console input,.cloud-console select,.cloud-console textarea{font-size:13px;min-height:42px;border:1px solid var(--line-strong);border-radius:6px;background:#0d1521;color:var(--text);padding:10px 12px}.cloud-console input::placeholder{color:#7e91ac}.cloud-console input[type=checkbox],.cloud-console input[type=radio]{width:16px;min-height:16px;height:16px;accent-color:#729cf1;margin:0}.cloud-console label:has(>input[type=checkbox]){display:flex;align-items:flex-start;gap:9px}.cloud-console label:has(>input[type=checkbox]) input{flex:0 0 auto;margin-top:3px}.cloud-console .form-grid{gap:18px;margin:18px 0}.cloud-console .form-card{padding:22px;max-width:none}.cloud-console .form-card.wide{max-width:none}.cloud-console .form-card .muted{font-size:12px;color:var(--muted)}.cloud-console .admin-panel summary{padding:17px 18px;font-size:13px;list-style:none;gap:12px}.cloud-console .admin-panel summary::after{content:'+';font-size:18px;line-height:1;color:var(--muted);margin-left:auto}.cloud-console .admin-panel[open]>summary::after{content:'−'}.cloud-console .admin-panel summary strong{font-size:13px;font-weight:600}.cloud-console .admin-panel summary small{font-size:11px}.cloud-console .inline-form{padding:20px;border-color:var(--line)}.cloud-console .summary-metrics{font-size:12px}.cloud-console .flash{font-size:13px;line-height:1.6;border-radius:8px;padding:14px 18px}.cloud-console .empty{border-radius:8px;font-size:13px;padding:28px 20px;line-height:1.6;color:var(--muted)}.cloud-console .mail-intro{align-items:center}.cloud-console .mail-intro h2{font-size:20px}.cloud-console .mail-intro p{font-size:13px;margin:7px 0 0}.cloud-console .mail-table table{min-width:600px}.cloud-console .mail-address{font-size:13px}.cloud-console .mail-table td details{margin-top:5px}.cloud-console .mail-table td details summary{font-size:12px;color:#ed9eac;cursor:pointer}.cloud-console .mail-table td details[open]{max-width:420px;padding:12px;border:1px solid #663443;border-radius:6px}.cloud-console .mail-table td details p{font-size:12px;color:var(--muted)}.cloud-console .connection-settings{margin-top:0}.cloud-console .mail-dns{font-size:11px;line-height:1.7}
.cloud-console .range-tabs{border-radius:7px;background:#111b2a;padding:3px}.cloud-console .range-tabs a{font-size:12px;padding:7px 12px;border-radius:4px}.cloud-console .range-tabs a.active{background:#29466f;box-shadow:none}.cloud-console .service-title-line{font-size:14px}.cloud-console .service-url,.cloud-console .back-link{font-size:12px}.cloud-console .chart-card{padding:20px}.cloud-console .chart-stat span,.cloud-console .chart-axis{font-size:11px}.cloud-console .chart-stat strong{font-size:14px}.cloud-console .chart-line{filter:none;stroke-width:2}.cloud-console .sla-number{font-size:34px;font-weight:650}.cloud-console .sla-grid span{font-size:11px}.cloud-console .sla-grid strong{font-size:14px}.cloud-console .alert-row,.cloud-console .incident-row,.cloud-console .empty-inline{font-size:13px;padding:17px}.cloud-console .alert-row small,.cloud-console .incident-row small,.cloud-console .empty-inline small{font-size:11px}.cloud-console .monitor-footnote{font-size:11px;color:var(--muted)}
.cloud-console.login-page{background:#0b111b}.cloud-console .login-shell{grid-template-columns:minmax(0,1fr) minmax(380px,.85fr)}.cloud-console .login-brand-panel{background:#101c2e;border-right:1px solid var(--line);padding:44px clamp(30px,6vw,90px)}.cloud-console .login-copy h1{font-size:clamp(36px,4.5vw,62px);font-weight:620;line-height:1.12;letter-spacing:-.04em}.cloud-console .login-copy h1 span{background:none;color:#93b9fa}.cloud-console .login-copy>p{color:#b1c1d8;font-size:15px;line-height:1.8}.cloud-console .login-feature-grid{grid-template-columns:1fr;max-width:430px;gap:12px;margin-top:30px}.cloud-console .login-feature-grid>div{background:#132238;border-color:#2b3c55;border-radius:8px;padding:16px}.cloud-console .login-feature-grid strong{font-size:13px}.cloud-console .login-feature-grid small{font-size:12px}.cloud-console .login-trust{font-size:12px;color:#91a7c5}.cloud-console .login-form-panel{background:#0b111b;backdrop-filter:none;padding:36px}.cloud-console .login-card{max-width:420px;background:#121c2b;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 48px #0002;padding:34px}.cloud-console .login-card h2{font-size:25px;font-weight:600}.cloud-console .login-card>p{font-size:13px;line-height:1.6}.cloud-console .login-card label>span{font-size:11px;letter-spacing:0;text-transform:none}.cloud-console .login-card input{height:46px;font-size:15px}.cloud-console .login-submit{margin-top:16px}.cloud-console .login-meta{font-size:11px;color:var(--muted);line-height:1.6;margin-top:24px}.cloud-console .error{font-size:12px}
@media(min-width:1550px){.cloud-console #services .monitor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px){.cloud-console .shell{grid-template-columns:222px minmax(0,1fr)}.cloud-console .content{padding:24px}.cloud-console .grid.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-console .billing-columns{grid-template-columns:minmax(0,1fr)}.cloud-console .monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-console .status-time{display:none}.cloud-console .status-hero{grid-template-columns:auto minmax(0,1fr)}.cloud-console .login-shell{grid-template-columns:1fr 420px}.cloud-console .login-brand-panel{padding:36px}.cloud-console .login-copy h1{font-size:42px}}
@media(max-width:950px){.cloud-console #services .monitor-grid{grid-template-columns:minmax(0,1fr)}.cloud-console .monitor-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.cloud-console .topbar-actions .date-chip{display:none}}
@media(max-width:820px){.cloud-console .shell{display:block}.cloud-console .sidebar{height:auto;max-height:100dvh;position:sticky;padding:12px 16px;z-index:60}.cloud-console .sidebar-top{padding:0}.cloud-console.nav-open .sidebar{height:100dvh}.cloud-console .sidebar-nav,.cloud-console .sidebar-foot{display:none}.cloud-console.nav-open .sidebar-nav{display:flex}.cloud-console.nav-open .sidebar-foot{display:block;padding-top:24px}.cloud-console .sidebar-nav a{min-height:46px;font-size:14px}.cloud-console .mobile-nav-toggle{display:block;color:var(--text);border:1px solid var(--line);border-radius:6px;min-width:40px;min-height:40px}.cloud-console .mobile-nav-toggle span{background:#bfcee3}.cloud-console .content{padding:22px 18px}.cloud-console .topbar{margin-bottom:22px;padding-bottom:18px;align-items:flex-start}.cloud-console .topbar h1{font-size:24px}.cloud-console .account-badge{font-size:10px;padding:5px 8px}.cloud-console .brand-copy small{display:block}.cloud-console .form-grid{grid-template-columns:1fr 1fr}.cloud-console .login-shell{display:block}.cloud-console .login-brand-panel{display:none}.cloud-console .login-form-panel{min-height:100dvh;padding:20px}.cloud-console .login-mobile-brand{display:flex}.cloud-console .monitor-grid{gap:14px}}
@media(max-width:580px){.cloud-console .content{padding:18px 14px}.cloud-console .topbar{gap:8px}.cloud-console .topbar h1{font-size:23px}.cloud-console .topbar-actions{align-self:center}.cloud-console .status-hero{padding:16px;gap:12px}.cloud-console .status-hero h2{font-size:16px}.cloud-console .status-orb{width:28px;height:28px}.cloud-console .status-hero .eyebrow{display:none}.cloud-console .grid.kpis{gap:10px}.cloud-console .card{padding:15px 12px}.cloud-console .card>span{font-size:10px}.cloud-console .card>strong{font-size:23px}.cloud-console .card>small{font-size:10px}.cloud-console .monitor-card{padding:17px}.cloud-console .monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-console .service-identity strong{font-size:14px}.cloud-console .form-grid{grid-template-columns:1fr}.cloud-console .form-card,.cloud-console .inline-form{padding:17px}.cloud-console .list-toolbar{gap:12px}.cloud-console .search-field{flex-basis:100%;max-width:none}.cloud-console .filter-field{width:160px}.cloud-console .filter-count{font-size:11px}.cloud-console .account-badge{display:none}.cloud-console .service-topbar,.cloud-console .billing-head{flex-direction:column;align-items:stretch}.cloud-console .integration-badges{justify-content:flex-start}.cloud-console .range-tabs{align-self:flex-start}.cloud-console .mail-intro{display:block}.cloud-console .mail-intro>.primary{margin-top:14px}.cloud-console .login-card{padding:27px 23px}.cloud-console .page-tabs a{padding:8px 10px}.cloud-console .portal-footer{gap:4px}.cloud-console input,.cloud-console select,.cloud-console textarea{font-size:16px}.cloud-console .connection-settings summary{align-items:flex-start;flex-wrap:wrap}.cloud-console .connection-settings summary small{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cloud-console *{animation:none!important;transition:none!important}}
/* Status colour reflects actual monitoring state; remove legacy decorative glows. */
.cloud-console .card::before,.cloud-console .status-hero::after{display:none}
.cloud-console .status-hero.neutral .status-orb span{background:var(--muted)}

.cloud-console .component-picker{grid-column:1/-1;min-width:0;border:1px solid var(--line);padding:16px;border-radius:8px}.cloud-console .component-picker small{display:block;line-height:1.6;color:var(--muted)}.cloud-console [data-component-list]{max-height:300px;overflow:auto;margin:12px 0}.cloud-console .component-choice{display:flex;justify-content:space-between;gap:16px;padding:10px 4px;border-bottom:1px solid var(--line)}.cloud-console .component-choice label{margin:0;overflow-wrap:anywhere}.cloud-console .component-choice label:first-child{flex:1;min-width:0}.cloud-console .component-choice label:last-child{flex-shrink:0}.cloud-console .component-monitor td small{display:block}.cloud-console .component-monitor .muted{font-size:12px;line-height:1.6}