/* Workspace presentation only. No auth state or product logic is changed. */
body.glass-dashboard{background:radial-gradient(ellipse 65% 75% at 0 0,#dbecefa0,transparent),radial-gradient(ellipse 60% 70% at 100% 30%,#dce8ff80,transparent),#f3f6fa}
body.glass-dashboard .dash-app{min-height:calc(100vh - 82px);background:transparent;grid-template-columns:236px minmax(0,1fr);grid-template-rows:62px minmax(0,1fr)}
body.glass-dashboard .dash-app:before{display:none}
body.glass-dashboard .dash-appbar{top:82px;min-height:62px;padding:0 30px;background:#ffffff9e;backdrop-filter:blur(24px);border-bottom:1px solid #d4dfe9;z-index:80}
body.glass-dashboard .dash-app-logo{font-size:13px;font-weight:550;color:#55708a;letter-spacing:.01em}
body.glass-dashboard .dash-app-logo img{width:20px;height:20px;opacity:.7}
body.glass-dashboard .dash-sidebar{top:144px;height:calc(100vh - 144px);background:#edf3fa8c;border-right:1px solid #cfdeeb;padding:26px 16px;gap:30px}
body.glass-dashboard .dash-side-nav{gap:26px}
body.glass-dashboard .dash-side-grouphead{font:9px var(--font-mono);letter-spacing:.13em;color:#6a8195;padding:0 12px 12px}
body.glass-dashboard .dash-side-link{padding:12px;font-size:12px;border-radius:11px;gap:10px;min-height:42px;border:1px solid transparent;color:#4d657a}
body.glass-dashboard .dash-side-link.is-active{background:#fff;border-color:#d4e2ee;color:#245ec7;box-shadow:0 5px 15px -9px #315b8350;font-weight:600}
body.glass-dashboard .dash-side-link:hover{background:#ffffff99;color:#245ec7;border-color:#ccddeb}
body.glass-dashboard .dash-side-link>svg{width:17px;height:17px;stroke-width:1.6}
body.glass-dashboard .dash-side-docs{border-radius:12px;background:#ffffff99;border-color:#cbdbe9;font-size:12px;padding:13px}
body.glass-dashboard .dash-main{padding:38px 40px;min-width:0;max-width:100%;overflow-x:visible}
body.glass-dashboard .dash-main>[class$="-shell"]{max-width:1160px;width:100%;min-width:0;margin:0 auto}
body.glass-dashboard .dash-app:not(.is-authed){grid-template-columns:minmax(0,1fr)}
body.glass-dashboard .dash-app:not(.is-authed) .dash-main{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:55px 40px 85px;max-width:1160px;margin:auto;width:100%}
.glass-workspace-intro{max-width:470px;min-width:0}
body.glass-dashboard .glass-workspace-intro h1{font-size:49px;line-height:1.08!important;letter-spacing:-.05em;margin:0 0 22px;font-weight:500}
.glass-workspace-intro>p{font-size:15px;color:#536f83;margin:0 0 20px}
body.glass-dashboard .glass-workspace-intro h1 span{color:#245ec7}
.glass-workspace-map{position:relative;padding:20px 0;margin:30px 0 18px;display:flex;gap:9px;align-items:center}
.glass-workspace-map>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #fff;outline:1px solid #c6d9e68c;box-shadow:0 15px 35px -24px #153f7055;border-radius:18px;background:#ffffff9c;backdrop-filter:blur(14px);width:112px;height:112px;font-size:11px;color:#4b687e}
.glass-workspace-map svg{width:24px;height:24px;stroke:#376d9d;stroke-width:1.5;fill:none}
.glass-workspace-map>i{font-style:normal;color:#9bb7ce;font-size:18px}
.glass-workspace-caption{font:9px var(--font-mono);color:#658095;letter-spacing:.03em}
.dash-app.is-authed .glass-workspace-intro{display:none}
body.glass-dashboard :is(.hub-login,.keys-login,.byok-login,.sm-login,.wh-login,.dc-login,.saml-login,.usage-login,.audit-login,.vault-login,.auth-card){width:100%;max-width:460px;margin:0 auto;padding:37px 34px;border:1px solid #fff;border-radius:26px;background:linear-gradient(120deg,#fffffff0,#ffffffa8);box-shadow:0 26px 80px -35px #325a8250,0 2px 5px #254e7310;backdrop-filter:blur(22px);text-align:left}
body.glass-dashboard :is(.hub-login,.keys-login,.byok-login,.sm-login,.wh-login,.dc-login,.saml-login,.usage-login,.audit-login,.vault-login) h2{font-size:27px;color:#18394f;margin:0 0 10px;letter-spacing:-.04em;font-weight:500;text-align:left}
body.glass-dashboard :is(.hub-login,.keys-login,.byok-login,.sm-login,.wh-login,.dc-login,.saml-login,.usage-login,.audit-login,.vault-login) p{color:#526b80;font-size:13px;line-height:1.7}
body.glass-dashboard :is(.hub-login,.keys-login,.byok-login,.sm-login,.wh-login,.dc-login,.saml-login,.usage-login,.audit-login,.vault-login) input{padding:14px 16px;min-height:49px;border-color:#c1d3e3;border-radius:11px;background:#f9fcff;font-size:13px;margin-bottom:13px;color:#16364e}
body.glass-dashboard :is(.hub-login,.keys-login,.byok-login,.sm-login,.wh-login,.dc-login,.saml-login,.usage-login,.audit-login,.vault-login) button[type=submit]{min-height:47px;background:#183c55;color:#fff;border:1px solid #183c55;border-radius:100px;font-size:13px;margin-top:4px;box-shadow:0 5px 16px -8px #17395e70;cursor:pointer;width:100%}
body.glass-dashboard .login-recovery{font-size:11px!important;margin-top:18px!important}
body.glass-dashboard :is(.hub-header,.keys-header,.usage-header,.vault-header,.dc-header,.byok-header,.sm-header,.saml-header,.wh-header,.audit-header){padding:0 0 26px;border-bottom:1px solid #d0deea;margin:5px 0 28px}
body.glass-dashboard :is(.hub-header,.keys-header,.usage-header,.vault-header,.dc-header,.byok-header,.sm-header,.saml-header,.wh-header,.audit-header) h1{font-size:35px;font-weight:500;background:none;-webkit-text-fill-color:#16364e;color:#16364e;letter-spacing:-.04em;text-align:left}
body.glass-dashboard :is(.hub-header,.keys-header,.usage-header,.vault-header,.dc-header,.byok-header,.sm-header,.saml-header,.wh-header,.audit-header) .sub{font-size:13px;line-height:1.75;color:#536b80;max-width:650px}
body.glass-dashboard :is(.hub-card,.usage-card,.keys-card,.byok-card,.sm-card,.saml-card,.wh-card,.dc-card,.vault-card,.vault-panel,.audit-stat,.onboard-card,.integrity-panel){border:1px solid #ffffffef;outline:1px solid #c6d8e677;border-radius:20px;background:linear-gradient(135deg,#ffffffed,#ffffffae);box-shadow:0 10px 32px -22px #21446650;padding:25px;backdrop-filter:blur(10px);min-width:0}
body.glass-dashboard .hub-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
body.glass-dashboard .hub-card{min-height:178px;transition:transform .3s,box-shadow .3s,border-color .3s}
body.glass-dashboard .hub-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px -26px #29568b70;outline-color:#9fbbdf}
body.glass-dashboard .hub-card .hc-head{gap:13px;margin-bottom:16px}
body.glass-dashboard .hub-card .hc-icon{width:38px;height:38px;background:#e9f2fc;border:1px solid #c8dced;border-radius:12px;color:#245ec7;font-size:13px}
body.glass-dashboard .hub-card .hc-title{font-size:15px;letter-spacing:-.02em}
body.glass-dashboard .hub-card .hc-body{font-size:12px;line-height:1.75;color:#536b80}
body.glass-dashboard .hub-card .hc-meta{font-size:11px;padding-top:18px}
body.glass-dashboard .pill{font-size:9px;letter-spacing:.02em;padding:5px 9px;text-transform:none;font-weight:550}
body.glass-dashboard .onboard-card{margin-bottom:28px;padding:26px}
body.glass-dashboard .onboard-step{background:#f5f9fd;border:1px solid #d3e1ed;border-radius:14px;padding:17px;gap:5px}
body.glass-dashboard .onboard-glyph{width:27px;height:27px;border-radius:9px}
body.glass-dashboard .onboard-label{font-size:12px}.glass-dashboard .onboard-helper{font-size:11px}.glass-dashboard .onboard-action{font-size:11px}
body.glass-dashboard :is(.keys-empty,.byok-empty,.sm-empty,.saml-empty,.wh-empty,.dc-empty,.vault-empty){padding:40px 24px;border:1px dashed #bdd1e3;border-radius:16px;background:#f2f7fb;text-align:center;color:#526b80}
body.glass-dashboard :is(.keys-empty,.byok-empty,.sm-empty,.saml-empty,.wh-empty,.dc-empty,.vault-empty):before{content:"◇";display:block;color:#6c91b6;font-size:30px;margin-bottom:10px}
body.glass-dashboard :is(.keys-empty,.byok-empty,.sm-empty,.saml-empty,.wh-empty,.dc-empty,.vault-empty) p{font-size:12px;line-height:1.75}
body.glass-dashboard .hc-bar{height:6px;background:#e3edf7;border:0}.glass-dashboard .hc-bar>span{background:linear-gradient(90deg,#2c73c5,#58aeb3)}
body.glass-dashboard table{width:100%;font-size:12px;border-collapse:collapse}.glass-dashboard th{font:9px var(--font-mono);color:#536f85;text-transform:uppercase;letter-spacing:.04em;background:#edf4fa}.glass-dashboard td,.glass-dashboard th{padding:15px 13px;border-color:#d7e4ee}
body.glass-dashboard .btn-primary,body.glass-dashboard .auth-btn{background:#183c55;color:#fff;border-radius:100px;border-color:#183c55}.glass-dashboard .btn-secondary{border-radius:100px;background:#ffffffaf;border-color:#bdd1e2;color:#23445e}
body.glass-dashboard .acct-dd-toggle{border-radius:100px;font-size:12px;background:#fff;border-color:#c7d8e6}.glass-dashboard .acct-dd-menu{border-radius:17px;border:1px solid #c9d9e7;box-shadow:0 20px 40px -16px #16385b50;padding:9px}
body.glass-dashboard .auth-container{max-width:460px;padding:60px 20px}.glass-dashboard .auth-card{padding:32px}.glass-dashboard .auth-card h1{font-size:29px}
.glass-dashboard .glass-login-label{display:block;font-size:11px;font-weight:550;color:#526b80;margin:4px 0 7px}
@media(max-width:1100px){body.glass-dashboard .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.glass-dashboard .dash-main{padding:28px}body.glass-dashboard .dash-app:not(.is-authed) .dash-main{gap:35px;padding:50px 30px}.glass-workspace-map>span{width:92px;height:92px}body.glass-dashboard .glass-workspace-intro h1{font-size:43px}}
@media(max-width:860px){body.glass-dashboard .dash-app{grid-template-columns:minmax(0,1fr)}body.glass-dashboard .dash-sidebar{z-index:90;top:144px;height:calc(100vh - 144px);background:#f1f6fcf5;backdrop-filter:blur(24px)}body.glass-dashboard .dash-side-backdrop{top:144px}.glass-dashboard .onboard-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.glass-dashboard .dash-app:not(.is-authed) .dash-main{grid-template-columns:1fr;gap:28px;padding:32px 22px 45px;max-width:520px}.glass-workspace-intro{max-width:100%;text-align:center}.glass-workspace-intro .glass-eyebrow{font-size:9px;margin-bottom:15px}body.glass-dashboard .glass-workspace-intro h1{font-size:34px;max-width:400px;margin:0 auto 12px}.glass-workspace-intro>p{font-size:13px;margin:0}.glass-workspace-map,.glass-workspace-caption{display:none}body.glass-dashboard :is(.hub-login,.keys-login,.byok-login,.sm-login,.wh-login,.dc-login,.saml-login,.usage-login,.audit-login,.vault-login){padding:27px 23px;border-radius:22px}.glass-dashboard .hub-grid{grid-template-columns:1fr!important}.glass-dashboard .onboard-list{grid-template-columns:1fr}.glass-dashboard .dash-main{padding:24px 18px!important}.glass-dashboard .hub-shell{padding-bottom:0}.glass-dashboard .glass-footer{margin-top:0}}
@media(max-width:600px){body.glass-dashboard .dash-appbar{top:70px;padding:0 22px}.glass-dashboard .dash-app{min-height:calc(100vh - 70px)}body.glass-dashboard .dash-sidebar{top:132px;height:calc(100vh - 132px)}body.glass-dashboard .dash-side-backdrop{top:132px}.glass-dashboard .dash-appbar .acct-dd-toggle #ad-email-short{max-width:110px}.glass-dashboard .dash-main>[class$="-shell"]{padding:0}.glass-dashboard .hub-header-aside{flex-wrap:wrap}}
/* The hub deliberately exposes feature previews while signed out. Preserve them
   below the sign-in pair, not squeezed into the form's column. */
body.glass-dashboard .dash-app:not(.is-authed) .dash-main{grid-template-columns:repeat(2,minmax(0,1fr))}
body.glass-dashboard .dash-app:not(.is-authed) .dash-main>.hub-shell{display:contents}
body.glass-dashboard .dash-app:not(.is-authed) #hub-login-section{grid-column:2;min-width:0;width:100%}
body.glass-dashboard .dash-app:not(.is-authed) #hub-dashboard-section{grid-column:1/-1;min-width:0;width:100%;padding-top:18px}
body.glass-dashboard .dash-app:not(.is-authed) #hub-dashboard-section:before{content:"Explore your workspace";display:block;font-size:22px;letter-spacing:-.03em;color:#173b55;margin-bottom:24px}
body.glass-dashboard .dash-app:not(.is-authed) .hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.glass-dashboard-prototype .dash-main{display:block!important}
body.glass-dashboard-prototype .glass-workspace-intro{max-width:none;margin-bottom:28px}
body.glass-dashboard-prototype .glass-workspace-map,body.glass-dashboard-prototype .glass-workspace-caption{display:none}
@media(max-width:700px){body.glass-dashboard .dash-app:not(.is-authed) .dash-main{grid-template-columns:minmax(0,1fr)}body.glass-dashboard .dash-app:not(.is-authed) #hub-login-section{grid-column:1}body.glass-dashboard .dash-app:not(.is-authed) .hub-grid{grid-template-columns:1fr}}
/* Override the older enhancement layer's position:relative appbar. */
body.glass-dashboard .dash-appbar{position:sticky}
body.glass-dashboard-prototype .dash-app .glass-workspace-intro{display:block}
body.glass-dashboard .dash-side-nav{align-items:stretch;justify-content:flex-start;padding:0}
body.glass-dashboard .dash-side-group{width:100%}
body.glass-dashboard .hub-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;text-align:left;gap:25px}
body.glass-dashboard .hub-header>div:first-child{text-align:left;min-width:0}
body.glass-dashboard .hub-header h1,body.glass-dashboard .hub-header p{text-align:left}
@media(max-width:700px){body.glass-dashboard .hub-header{flex-direction:column;align-items:stretch}}
body.glass-dashboard .dash-side-grouphead{color:#506579}
/* One workspace header: account and original menu hooks share the same row. */
body.glass-dashboard .dash-app{min-height:100vh;grid-template-rows:82px minmax(0,1fr)}
body.glass-dashboard .dash-appbar{top:0;height:82px;min-height:82px;gap:20px;padding:0 30px;z-index:100}
body.glass-dashboard .dash-app-logo{font-size:24px;font-weight:750;letter-spacing:-1.2px;color:var(--glass-ink)}
body.glass-dashboard .dash-app-logo img{width:29px;height:29px;opacity:1}
body.glass-dashboard .dash-sidebar{top:82px;height:calc(100vh - 82px)}
body.glass-dashboard .dash-side-backdrop{top:82px}
body.glass-dashboard .dash-appbar .v2-nav-links{margin:0 auto;gap:22px}
body.glass-dashboard .dash-app.is-authed .v2-nav-hamburger{display:none}
@media(max-width:1100px){body.glass-dashboard .dash-appbar .v2-nav-links{gap:12px}body.glass-dashboard .dash-appbar .v2-nav-links a{font-size:11px}}
@media(max-width:900px){body.glass-dashboard .dash-appbar .v2-nav-links{display:none}body.glass-dashboard .dash-appbar-right{margin-left:auto}body.glass-dashboard .dash-appbar .v2-nav-hamburger{margin-left:0}}
@media(max-width:600px){body.glass-dashboard .dash-app{grid-template-rows:70px minmax(0,1fr)}body.glass-dashboard .dash-appbar{height:70px;min-height:70px;padding:0 18px;gap:10px}body.glass-dashboard .dash-sidebar,body.glass-dashboard .dash-side-backdrop{top:70px}body.glass-dashboard .dash-sidebar{height:calc(100vh - 70px)}body.glass-dashboard .dash-appbar-left{gap:8px}body.glass-dashboard .dash-app-logo{font-size:21px}body.glass-dashboard .dash-app-logo img{width:23px;height:23px}body.glass-dashboard .dash-appbar .acct-dd-toggle{padding:8px;gap:5px}body.glass-dashboard .dash-appbar .acct-dd-toggle #ad-email-short{max-width:75px}}
/* The illustrative prototype has no live drawer; retain its site menu. */
@media(max-width:900px){body.glass-dashboard-prototype .dash-app.is-authed .v2-nav-hamburger{display:flex}}