/* Growthhosting admin design system — jade profundo */
:root{--growth-jade:#16bc86;--growth-dark:#121212;--growth-card:#202020}
html:not([data-theme="light"]) body{background:#141414!important;color:#e6fcf2}
html:not([data-theme="light"]) .ws-sidebar{background:#141414!important;border-right-color:#1b4741!important}
html:not([data-theme="light"]) .ws-topbar{background:#191919!important;border-bottom-color:#21473d!important}
.ws-workspace-icon,.ws-online-dot{background:#17bb87!important}
.ws-nav.active{background:rgba(30,198,137,.13)!important;color:#a2fbd2!important}
.ws-nav:hover{background:rgba(35,194,138,.10)!important}
.ws-primary,.auth-submit{background:linear-gradient(120deg,#11b981,#48da9b)!important;color:#06382b!important;border:0!important}
.ws-primary:hover,.auth-submit:hover{filter:brightness(1.12);transform:translateY(-2px)}
.ws-breadcrumb-brand,.ws-eyebrow{color:#79dfb0!important}
.ws-stat--won{border-color:#1b9e76}
.ws-side-brand img{width:48px;height:48px;object-fit:contain}
.auth-header img{width:66px;height:66px;object-fit:contain}
.auth-shell{background:radial-gradient(ellipse at 12% 4%,rgba(15,160,106,.22),transparent 40%),#141414}
.auth-aside .eyebrow{color:#85efb7!important}
.auth-card{border-color:#235548}
@media(max-width:680px){.ws-content{overflow-x:hidden}.ws-sidebar{max-width:min(88vw,340px)}}

/* Growthhosting / Graphite Dark UI - prete and greys with original jade accent */
:root{
 --growth-dark:#0d0e10;--growth-card:#191b1d;
 --ws-bg:#0c0d0f;--ws-card:#191b1d;--ws-card2:#232528;
 --ws-border:#33363b;--ws-ink:#f2f4f3;--ws-muted:#a7ada9;
 --ws-input:#17191b;--ws-accent:#19b984;
}
html:not([data-theme="light"]){
 color-scheme:dark;
 --bg:#0d0e10;--sidebar:#121315;--surface:#1a1b1e;
 --surface-2:#222428;--surface-3:#27292c;--surface-hover:#2e3133;
 --stroke:#35383c;--stroke-soft:#292c2e;
 --ink:#f3f5f4;--muted:#afb4b2;--subtle:#929895;
 --hm-page:#0d0e10;--hm-panel:#1a1b1e;--hm-raised:#212327;
 --hm-stroke:#34373a;--hm-muted:#aab0ad;
 --ws-bg:#0d0e10;--ws-card:#1a1b1e;--ws-card2:#232528;
 --ws-border:#35383c;--ws-input:#141618;
}
html:not([data-theme="light"]) body{background:#0d0e10!important;color:#f3f5f4}
html:not([data-theme="light"]) .auth-shell{
 background:radial-gradient(circle at 83% 5%,rgba(36,116,78,.15),transparent 39%),#0c0d0f!important;
 color:#f4f6f5;
}
html:not([data-theme="light"]) .ws-layout,
html:not([data-theme="light"]) .ws-main,
html:not([data-theme="light"]) .ws-content{background:#0d0e10!important}
html:not([data-theme="light"]) .ws-sidebar{background:#111214!important;border-right-color:#303337!important}
html:not([data-theme="light"]) .ws-topbar{background:#17181a!important;border-bottom-color:#32353a!important}
html:not([data-theme="light"]) .ws-panel,
html:not([data-theme="light"]) .ws-card,
html:not([data-theme="light"]) .auth-card{background-color:#1b1c1f;border-color:#35383c}
html:not([data-theme="light"]) .ws-side-group{border-color:#292b2f}
html:not([data-theme="light"]) .ws-sidebar-scrim{background:rgba(0,0,0,.72)}
html[data-theme="light"]{
 --bg:#f5f5f5;--sidebar:#ffffff;--surface:#ffffff;
 --surface-2:#f6f6f6;--surface-3:#ededed;
 --surface-hover:#e9e9e9;--stroke:#dedede;--stroke-soft:#ededed;
 --ink:#202124;--muted:#5d6262;--subtle:#858585;
 --hm-page:#f5f5f5;--hm-panel:#ffffff;--hm-raised:#f6f6f6;
 --hm-stroke:#e0e0e0;--hm-muted:#666b68;
}
html[data-theme="light"] body{background:#f5f5f5;color:#202124}
html[data-theme="light"] .ws-sidebar{background:#17181a!important;border-right-color:#333638!important}
html[data-theme="light"] .ws-topbar{background:#fff;border-bottom:1px solid #dedede}
.ws-workspace-icon,.ws-online-dot{background:#15b981!important}
.ws-nav.active{background:rgba(22,185,129,.14)!important;color:#9df6cb!important}
.ws-nav:hover{background:rgba(33,166,109,.10)!important}
.ws-primary,.auth-submit{background:linear-gradient(118deg,#12b981,#45d99b)!important;color:#063626!important;border-color:transparent!important}
.ws-primary:hover,.auth-submit:hover{filter:brightness(1.1);transform:translateY(-2px)}
.ws-breadcrumb-brand,.ws-eyebrow{color:#55d4a0!important}
.gh-editor-preview-panel iframe{background:#111214}

/* Owner approvals — Growthhosting graphite / jade */
.gh-approval-panel{margin-bottom:20px}
.gh-approval-heading{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:16px}
.gh-approval-heading h2{font-size:18px;margin:0 0 7px}
.gh-approval-heading p{font-size:12px;line-height:1.6;color:var(--ws-muted,#aab1ac);margin:0}
.gh-approval-count{display:inline-flex;padding:6px 10px;border-radius:99px;background:rgba(18,185,129,.14);color:#81eeb7;font-size:11px;font-weight:800;white-space:nowrap}
.gh-approval-request{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#202124;border:1px solid #35383a;border-radius:13px;padding:14px;margin-top:9px}
.gh-approval-info{min-width:0;display:flex;flex-direction:column;gap:4px}
.gh-approval-info strong{font-size:13px;color:#f5f5f5}
.gh-approval-info small{font-size:12px;color:#78deb0;overflow-wrap:anywhere}
.gh-approval-info>span{font-size:11px;color:#b2b7b3}
.gh-approval-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:end}
.gh-approval-actions label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:11px;color:#a9aeab}
.gh-approval-actions select{padding:8px;background:#181a1d;color:#eee;border:1px solid #555;border-radius:9px;min-height:38px}
.gh-approval-actions button{min-height:38px;padding:8px 12px}
html[data-theme="light"] .gh-approval-request{background:#f7f7f7;border-color:#dedede}
html[data-theme="light"] .gh-approval-info strong{color:#232323}
html[data-theme="light"] .gh-approval-info>span{color:#666}
html[data-theme="light"] .gh-approval-actions label{color:#555}
html[data-theme="light"] .gh-approval-actions select{background:#fff;color:#222;border-color:#bbb}
@media(max-width:760px){.gh-approval-request,.gh-approval-heading{flex-direction:column;align-items:stretch}.gh-approval-actions{align-items:end}.gh-approval-count{align-self:start}}

/* First-party vector icons throughout the workspace */
.gh-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:21px;min-width:21px;height:21px}
.gh-vector{width:19px;height:19px;display:inline-block;vertical-align:middle;flex:none;stroke:currentColor}
.ws-nav{gap:10px}
.ws-icon-button .gh-vector{width:20px;height:20px}
.ws-link .gh-vector,.ws-quick-row .gh-vector{width:17px;height:17px}
@media(max-width:850px){.gh-nav-icon{min-width:20px;width:20px}.gh-vector{width:18px;height:18px}}

/* Light/Dark control: visible icon AND label on all screen sizes. */
#themeToggle.theme-toggle{
 display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
 width:auto!important;min-width:96px!important;max-width:none!important;
 min-height:42px;padding:0 12px!important;white-space:nowrap;
 flex:0 0 auto;
}
#themeToggle.theme-toggle .theme-toggle-label{
 display:inline!important;visibility:visible!important;opacity:1!important;
 font:700 12px/1 'DM Sans',system-ui,sans-serif;
 letter-spacing:.015em;white-space:nowrap;color:inherit;
}
#themeToggle.theme-toggle svg{
 display:block!important;visibility:visible!important;opacity:1!important;
 width:17px!important;height:17px!important;flex:0 0 17px;
 stroke:currentColor;
}
@media(max-width:620px){
 #themeToggle.theme-toggle{min-width:88px!important;min-height:40px;padding:0 10px!important;gap:6px}
 #themeToggle.theme-toggle .theme-toggle-label{font-size:11px}
}