/* WBX Workspace Hero System v1.0 */
.wbx-workspace-page{max-width:1600px;margin:0 auto;padding:24px 28px 56px;color:#172033}
.wbx-workspace-page,.wbx-workspace-page *{box-sizing:border-box}
.wbx-workspace-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;padding:30px 32px;border:1px solid #dfe7f1;border-radius:26px;background:linear-gradient(135deg,#fff 0%,#f8fbff 55%,#eef5ff 100%);box-shadow:0 18px 48px rgba(20,35,63,.075);margin-bottom:22px}
.wbx-workspace-hero:before{content:"";position:absolute;width:340px;height:340px;right:-130px;top:-190px;border-radius:50%;background:radial-gradient(circle,rgba(56,112,255,.16),rgba(56,112,255,0) 70%);pointer-events:none}
.wbx-workspace-hero:after{content:"";position:absolute;left:34%;bottom:-82px;width:260px;height:120px;transform:rotate(-9deg);background:linear-gradient(90deg,transparent,rgba(104,145,255,.09),transparent);filter:blur(18px);pointer-events:none}
.wbx-workspace-identity{position:relative;z-index:1;display:flex;align-items:center;gap:19px;min-width:0}
.wbx-workspace-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;flex:0 0 66px;border-radius:21px;background:linear-gradient(145deg,var(--wbx-brand-primary,#316df4),#69a0ff);color:#fff;box-shadow:0 15px 30px color-mix(in srgb,var(--wbx-brand-primary,#316df4) 28%,transparent)}
.wbx-workspace-icon svg{width:31px;height:31px}
.wbx-workspace-eyebrow{display:block;margin-bottom:6px;color:var(--wbx-brand-primary,#316df4);font-size:10px;font-weight:900;letter-spacing:.145em;text-transform:uppercase}
.wbx-workspace-title{margin:0;color:#101828;font-size:31px;line-height:1.08;font-weight:850;letter-spacing:-.038em}
.wbx-workspace-description{max-width:720px;margin:8px 0 0;color:#66758b;font-size:13px;line-height:1.55}
.wbx-workspace-side{position:relative;z-index:1;display:flex;align-items:center;gap:14px}
.wbx-workspace-count{min-width:108px;padding:4px 20px;text-align:center;border-right:1px solid #dce5f0}
.wbx-workspace-count strong{display:block;color:#101828;font-size:30px;line-height:1;font-weight:900}
.wbx-workspace-count span{display:block;margin-top:7px;color:#718096;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.wbx-workspace-back,.wbx-workspace-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border:1px solid #d7e0ec;border-radius:11px;background:#fff;color:#334155!important;font-size:12px;font-weight:800;text-decoration:none!important;box-shadow:0 4px 12px rgba(15,23,42,.035);transition:.17s ease}
.wbx-workspace-back:hover,.wbx-workspace-action:hover{transform:translateY(-1px);border-color:#b9c9df;background:#f9fbff;box-shadow:0 8px 18px rgba(15,23,42,.07)}
.wbx-workspace-back svg,.wbx-workspace-action svg{width:16px;height:16px}
.wbx-workspace-pulse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}
.wbx-workspace-pulse-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;min-height:92px;padding:16px 17px;border:1px solid #e2e9f2;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.045)}
.wbx-workspace-pulse-card:after{content:"";position:absolute;right:-25px;bottom:-34px;width:86px;height:86px;border-radius:50%;background:color-mix(in srgb,var(--wbx-brand-primary,#316df4) 8%,transparent)}
.wbx-workspace-pulse-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;flex:0 0 43px;border-radius:13px;background:color-mix(in srgb,var(--wbx-brand-primary,#316df4) 10%,#fff);color:var(--wbx-brand-primary,#316df4)}
.wbx-workspace-pulse-icon svg{width:21px;height:21px}
.wbx-workspace-pulse-copy{position:relative;z-index:1;min-width:0}
.wbx-workspace-pulse-copy small{display:block;margin-bottom:5px;color:#738096;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.wbx-workspace-pulse-copy strong{display:block;color:#111827;font-size:22px;line-height:1;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wbx-workspace-pulse-copy em{display:block;margin-top:6px;color:#8a96a8;font-size:9px;font-style:normal}
.wbx-workspace-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 2px 14px}
.wbx-workspace-section-title h2{margin:0;color:#172033;font-size:16px;font-weight:850}
.wbx-workspace-section-title p{margin:3px 0 0;color:#7b8798;font-size:11px}
.wbx-workspace-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;background:#eef4ff;color:var(--wbx-brand-primary,#316df4);font-size:10px;font-weight:800}
@media(max-width:1100px){.wbx-workspace-pulse{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.wbx-workspace-page{padding:16px 14px 42px}.wbx-workspace-hero{grid-template-columns:1fr;padding:22px}.wbx-workspace-side{justify-content:space-between}.wbx-workspace-count{padding-left:0;text-align:left;border-right:0}.wbx-workspace-title{font-size:26px}.wbx-workspace-icon{width:56px;height:56px;flex-basis:56px;border-radius:18px}.wbx-workspace-pulse{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.wbx-workspace-identity{align-items:flex-start}.wbx-workspace-pulse{grid-template-columns:1fr}.wbx-workspace-description{font-size:12px}}


/* Phase 2 — Enterprise Workspace Cards System */
.wbx-enterprise-workspace-card{--wbx-card-accent:var(--wbx-brand-primary,#316df4);position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(202,214,230,.9)!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,251,255,.96))!important;box-shadow:0 10px 28px rgba(15,23,42,.055)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease!important}
.wbx-enterprise-workspace-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--wbx-card-accent),color-mix(in srgb,var(--wbx-card-accent) 45%,#8ec5ff));opacity:.72;transition:opacity .2s ease}
.wbx-enterprise-card-glow{position:absolute;z-index:-1;right:-54px;top:-64px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--wbx-card-accent) 16%,transparent),transparent 70%);pointer-events:none;transition:transform .25s ease,opacity .25s ease}
.wbx-enterprise-workspace-card:hover{transform:translateY(-6px)!important;border-color:color-mix(in srgb,var(--wbx-card-accent) 34%,#d8e1ee)!important;box-shadow:0 22px 52px rgba(25,43,77,.14)!important;background:linear-gradient(145deg,#fff,#f5f9ff)!important}
.wbx-enterprise-workspace-card:hover:before{opacity:1}
.wbx-enterprise-workspace-card:hover .wbx-enterprise-card-glow{transform:scale(1.15);opacity:1}
.wbx-enterprise-card-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wbx-card-accent) 10%,transparent),0 9px 20px color-mix(in srgb,var(--wbx-card-accent) 12%,transparent);transition:transform .2s ease,box-shadow .2s ease!important}
.wbx-enterprise-workspace-card:hover .wbx-enterprise-card-icon{transform:scale(1.08) rotate(-2deg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wbx-card-accent) 16%,transparent),0 14px 28px color-mix(in srgb,var(--wbx-card-accent) 20%,transparent)}
.wbx-enterprise-card-copy{position:relative;z-index:1}
.wbx-enterprise-card-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:22px;padding:0 8px;margin-bottom:9px;border-radius:999px;background:color-mix(in srgb,var(--wbx-card-accent) 10%,#fff);color:var(--wbx-card-accent);font-size:8px!important;line-height:1;font-weight:900!important;letter-spacing:.11em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--wbx-card-accent) 14%,transparent)}
.wbx-enterprise-card-metric b{color:#111827}
.wbx-enterprise-card-open{position:relative;z-index:1;display:inline-flex!important;align-items:center;justify-content:flex-end;gap:6px;min-width:max-content;color:var(--wbx-card-accent)!important;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.045em;opacity:.8;transition:transform .2s ease,opacity .2s ease}
.wbx-enterprise-card-open span{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .22s ease,opacity .18s ease}
.wbx-enterprise-workspace-card:hover .wbx-enterprise-card-open{transform:translateX(2px);opacity:1}
.wbx-enterprise-workspace-card:hover .wbx-enterprise-card-open span{max-width:72px;opacity:1}
.wbx-enterprise-card-open svg{transition:transform .2s ease}
.wbx-enterprise-workspace-card:hover .wbx-enterprise-card-open svg{transform:translate(2px,-2px)}

/* CRM cards become richer while preserving grouping */
.wbx-crm-module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px!important}
.wbx-crm-module{grid-template-columns:46px minmax(0,1fr)!important;grid-template-areas:"icon copy" "metric open";align-items:start!important;min-height:154px!important;padding:16px!important;gap:12px!important;border-radius:16px!important}
.wbx-crm-module-icon{grid-area:icon;width:46px!important;height:46px!important}
.wbx-crm-module-copy{grid-area:copy}
.wbx-crm-module-copy strong{font-size:14px!important;margin-bottom:6px!important}
.wbx-crm-module-copy small{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px}
.wbx-crm-module-metric{grid-area:metric;align-items:flex-start!important;justify-self:start;min-width:0!important;padding-top:8px;border-top:1px solid #edf1f6;width:100%}
.wbx-crm-module-metric b{font-size:23px!important}
.wbx-crm-module-open{grid-area:open;align-self:end;justify-self:end;padding-top:8px;border-top:1px solid #edf1f6;width:100%}

/* Generic native workspace cards */
.wbx-native-workspace-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.wbx-native-workspace-card{grid-template-columns:52px minmax(0,1fr)!important;grid-template-areas:"icon copy" "open open";align-items:start!important;min-height:190px!important;padding:20px!important}
.wbx-native-workspace-card-icon{grid-area:icon}
.wbx-native-workspace-card-content{grid-area:copy}
.wbx-native-workspace-card-content strong{font-size:16px!important}
.wbx-native-workspace-card-content small{font-size:11.5px!important;line-height:1.55!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.wbx-native-workspace-card-arrow{grid-area:open;align-self:end;justify-self:stretch;border-top:1px solid #edf1f6;padding-top:14px}

/* WBM cards */
.wbx-wbm-card{min-height:236px!important}
.wbx-wbm-card-top{align-items:flex-start!important}
.wbx-wbm-card-body{margin-top:16px!important}
.wbx-wbm-card-action{transition:color .2s ease,border-color .2s ease}

@media(max-width:1380px){.wbx-native-workspace-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.wbx-crm-module-list{grid-template-columns:1fr}}
@media(max-width:1050px){.wbx-native-workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.wbx-native-workspace-grid,.wbx-crm-module-list{grid-template-columns:1fr!important}.wbx-crm-module,.wbx-native-workspace-card{min-height:160px!important}.wbx-enterprise-card-open span{max-width:72px;opacity:1}}