/* DECIVARA content + workspace expansion — 2026-08-09
   Extends the visual system beyond the public journey and into the full
   assessment, consultant, governance, product-intelligence and admin surfaces.
   GoCX remains the company/service/reviewer identity; DECIVARA is the product. */

:root{
  --dx-hero:#0b1029;
  --dx-hero-2:#211747;
  --dx-hero-3:#35165f;
  --dx-gold:#ffc20a;
  --dx-orange:#ff6500;
  --dx-purple:#5b259f;
  --dx-violet:#7b4de2;
  --dx-cream:#fbfbd8;
  --dx-surface:#ffffff;
  --dx-soft:#f8f7fb;
  --dx-ink:#171927;
  --dx-muted:#666576;
  --dx-line:rgba(52,35,91,.12);
  --dx-line-strong:rgba(52,35,91,.20);
  --dx-shadow-sm:0 12px 32px rgba(25,17,57,.07);
  --dx-shadow:0 22px 58px rgba(25,17,57,.11);
  --dx-shadow-dark:0 28px 70px rgba(5,6,19,.24);
}

/* --------------------------------------------------------------------------
   Shared DECIVARA workspace canvas
   -------------------------------------------------------------------------- */
.workspace-body,
.participant-body{
  background:
    linear-gradient(180deg,rgba(248,247,251,.96),rgba(252,251,248,.98)),
    url('/static/media/public/gocx-bg-section-light.png') top center/100% auto no-repeat!important;
}

.workspace-body .workspace-main,
.participant-body .participant-main{
  position:relative;
  isolation:isolate;
}

.workspace-body .workspace-main::before{
  content:"";
  position:fixed;
  z-index:-1;
  right:-160px;
  bottom:-160px;
  width:520px;
  height:520px;
  background:url('/static/media/public/gocx-accent-luminous-halo.png') center/contain no-repeat;
  opacity:.035;
  pointer-events:none;
}

/* Use a single, recognisable hero treatment across operational pages. */
.workspace-body :is(.workspace-head,.page-head,.consultant-v2-hero,.ecc-hero){
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(255,194,10,.16)!important;
  border-radius:28px!important;
  background:
    linear-gradient(100deg,rgba(8,12,34,.98) 0%,rgba(29,20,70,.94) 62%,rgba(49,20,94,.88) 100%),
    url('/static/media/public/dark-orbital-horizon-background.png') center/cover no-repeat!important;
  box-shadow:var(--dx-shadow-dark)!important;
  color:#fff!important;
}

.workspace-body :is(.workspace-head,.page-head,.consultant-v2-hero,.ecc-hero)::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    radial-gradient(circle at 82% 24%,rgba(255,194,10,.18),transparent 24%),
    linear-gradient(90deg,rgba(255,255,255,.02),transparent 45%);
  pointer-events:none;
}

.workspace-body :is(.workspace-head,.page-head,.consultant-v2-hero,.ecc-hero)::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:clamp(-80px,-4vw,-30px);
  bottom:-58px;
  width:clamp(220px,25vw,390px);
  height:clamp(180px,22vw,320px);
  background:url('/static/media/public/golden-path-to-secure-insights.png') center/contain no-repeat;
  opacity:.22;
  filter:drop-shadow(0 18px 38px rgba(0,0,0,.24));
  pointer-events:none;
}

.workspace-body :is(.workspace-head,.page-head,.consultant-v2-hero,.ecc-hero) > *{
  position:relative;
  z-index:1;
}

.workspace-body :is(.workspace-head,.page-head,.consultant-v2-hero,.ecc-hero) :is(h1,h2,h3,p,strong,span:not(.status):not(.status-pill):not(.stage-chip):not(.ecc-badge)){
  color:inherit;
}
.workspace-body :is(.workspace-head,.page-head,.consultant-v2-hero,.ecc-hero) .eyebrow{
  color:#ffe16b!important;
}
.workspace-body :is(.workspace-head,.page-head,.consultant-v2-hero,.ecc-hero) p{
  max-width:850px;
  color:rgba(255,255,255,.79)!important;
}
.workspace-body :is(.workspace-head,.page-head,.consultant-v2-hero,.ecc-hero) .button.secondary{
  border-color:rgba(255,255,255,.45)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.workspace-body :is(.workspace-head,.page-head,.consultant-v2-hero,.ecc-hero) .button.secondary:hover,
.workspace-body :is(.workspace-head,.page-head,.consultant-v2-hero,.ecc-hero) .button.secondary:focus-visible{
  background:#fff!important;
  color:var(--dx-hero)!important;
}

/* Give each major DECIVARA discipline its own supporting artwork. */
.workspace-body[data-page-path*="/scope"] .workspace-head::after,
.workspace-body[data-page-path*="/governance"] .workspace-head::after,
.workspace-body[data-page-path="/admin/readiness"] .page-head::after,
.workspace-body[data-page-path*="/admin/consultants"] .page-head::after,
.workspace-body[data-page-path*="/admin/users"] .page-head::after{
  background-image:url('/static/media/public/gocx-object-governance-core.png');
  opacity:.25;
}

.workspace-body[data-page-path*="/priorities"] .workspace-head::after,
.workspace-body[data-page-path*="/engagement"] :is(.workspace-head,.ecc-hero)::after{
  background-image:url('/static/media/public/golden-path-to-secure-insights.png');
  opacity:.28;
}

.workspace-body[data-page-path*="/vendors"] .workspace-head::after,
.workspace-body[data-page-path*="/decision"] :is(.workspace-head,.decision-hero)::after,
.workspace-body[data-page-path*="/product-intelligence"] .page-head::after{
  background-image:url('/static/media/public/orbital-glass-data-charts.png');
  opacity:.30;
}

.workspace-body[data-page-path*="/assurance"] .workspace-head::after,
.workspace-body[data-page-path*="/findings"] .workspace-head::after{
  background-image:url('/static/media/public/gocx-object-evidence-insight.png');
  opacity:.28;
}

.workspace-body[data-page-path*="/reconciliation"] .workspace-head::after,
.workspace-body[data-page-path*="/admin/questions"] .page-head::after,
.workspace-body[data-page-path*="/questionnaire-import"] .page-head::after{
  background-image:url('/static/media/public/gocx-object-insight-panels.png');
  opacity:.24;
}

.workspace-body[data-page-path*="/stack"] .workspace-head::after,
.workspace-body[data-page-path*="/solutions"] .workspace-head::after{
  background-image:url('/static/media/public/glowing-cube-data-core.png');
  opacity:.28;
}

.workspace-body[data-page-path*="/admin/partners"] .page-head::after,
.workspace-body[data-page-path*="/admin/vendors"] .page-head::after{
  background-image:url('/static/media/public/gocx-object-decision-journey.png');
  opacity:.24;
}

/* The older decision hero now belongs to the same family as other workspace heroes. */
.workspace-body .decision-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin-top:0;
  background:
    linear-gradient(100deg,rgba(8,12,34,.98),rgba(30,18,69,.92)),
    url('/static/media/public/dark-orbital-horizon-background.png') center/cover no-repeat!important;
  box-shadow:var(--dx-shadow-dark);
}
.workspace-body .decision-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-30px;
  bottom:-72px;
  width:390px;
  height:320px;
  background:url('/static/media/public/orbital-glass-data-charts.png') center/contain no-repeat;
  opacity:.28;
  pointer-events:none;
}

/* --------------------------------------------------------------------------
   Stronger information hierarchy
   -------------------------------------------------------------------------- */
.workspace-body :is(.card,.panel,.ecc-panel,.consultant-v2-panel,.table-card){
  border-color:var(--dx-line)!important;
  box-shadow:var(--dx-shadow-sm)!important;
}

.workspace-body :is(.card,.panel,.ecc-panel,.consultant-v2-panel){
  background:linear-gradient(145deg,#fff 0%,#fff 76%,#fffdf4 100%)!important;
}

.workspace-body :is(.panel,.ecc-panel,.consultant-v2-panel,.table-card){
  border-radius:22px!important;
  overflow:hidden;
}

.workspace-body :is(.section-title,.ecc-panel-header,.consultant-v2-panel-header){
  position:relative;
}

.workspace-body :is(.panel,.ecc-panel,.consultant-v2-panel,.table-card) > :is(.section-title,.ecc-panel-header,.consultant-v2-panel-header):first-child{
  border-bottom:1px solid rgba(69,44,116,.08);
  background:linear-gradient(90deg,rgba(251,251,216,.45),rgba(255,255,255,.72),rgba(245,239,255,.45));
}

.workspace-body .card > .eyebrow:first-child,
.workspace-body .panel > .eyebrow:first-child{
  color:#7140b4;
  font-weight:800;
}

.workspace-body .section-title h2,
.workspace-body .card h2,
.workspace-body .panel h2{
  text-wrap:balance;
}

.workspace-body :is(.workspace-metrics,.metric-grid,.stat-grid,.ecc-metrics,.consultant-v2-metrics) article,
.workspace-body :is(.metric-grid,.stat-grid) > :is(.metric,div){
  position:relative;
  overflow:hidden;
  border:1px solid rgba(68,42,112,.10)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fff,#fffdf5)!important;
  box-shadow:0 12px 28px rgba(24,17,56,.06)!important;
}

.workspace-body :is(.workspace-metrics,.metric-grid,.stat-grid,.ecc-metrics,.consultant-v2-metrics) article::after,
.workspace-body :is(.metric-grid,.stat-grid) > :is(.metric,div)::after{
  content:"";
  position:absolute;
  right:-36px;
  bottom:-44px;
  width:130px;
  height:130px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,194,10,.15),rgba(112,57,182,.06) 48%,transparent 72%);
  pointer-events:none;
}

.workspace-body .metric strong,
.workspace-body .workspace-metrics strong,
.workspace-body .ecc-metrics strong,
.workspace-body .consultant-v2-metric strong{
  color:#3c1d72;
}

/* Visual section breaks stop long operational pages feeling like one spreadsheet. */
.workspace-body :is(.v1-layout,.overview-grid,.release-control-grid,.vendor-layout,.result-layout,.ecc-layout,.consultant-v2-grid){
  position:relative;
}
.workspace-body :is(.v1-layout,.overview-grid,.release-control-grid,.vendor-layout,.result-layout,.ecc-layout,.consultant-v2-grid)::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:-34px;
  width:min(860px,76vw);
  height:38px;
  transform:translateX(-50%);
  background:url('/static/media/public/gocx-divider-gold-ribbon.png') center/contain no-repeat;
  opacity:.20;
  pointer-events:none;
}

/* --------------------------------------------------------------------------
   Tables, comparison surfaces and decision controls
   -------------------------------------------------------------------------- */
.workspace-body :is(.table-wrap,.data-table-wrap){
  border:1px solid rgba(56,39,96,.10);
  border-radius:16px;
  background:#fff;
}

.workspace-body table thead th{
  background:linear-gradient(180deg,#171a3a,#211747)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.08)!important;
}
.workspace-body table tbody tr:nth-child(even){
  background:rgba(247,244,252,.55);
}
.workspace-body table tbody tr:hover{
  background:rgba(255,194,10,.065)!important;
}
.workspace-body table td{
  border-color:rgba(56,39,96,.08)!important;
}

.workspace-body :is(.ranking-card,.scenario-card,.criterion-card,.vendor-row,.control-card,.finding-card,.pricing-admin-card,.pilot-card,.partner-review-card){
  border-color:rgba(64,41,106,.11)!important;
  box-shadow:0 12px 32px rgba(27,18,60,.06)!important;
}
.workspace-body :is(.ranking-card,.scenario-card,.criterion-card,.control-card,.finding-card):hover{
  border-color:rgba(91,37,159,.22)!important;
  box-shadow:0 18px 42px rgba(27,18,60,.10)!important;
}

.workspace-body .ranking-card.winner,
.workspace-body .scenario-card.recommended{
  border-color:rgba(255,194,10,.48)!important;
  box-shadow:0 22px 50px rgba(93,58,0,.12)!important;
}

.workspace-body :is(.formula-card,.sensitivity-card,.priority-summary,.context-banner,.assurance-warning,.disclaimer,.notice){
  border-radius:18px!important;
}
.workspace-body .formula-card{
  background:linear-gradient(110deg,#151936,#2b1956)!important;
  color:#fff!important;
  border-color:rgba(255,194,10,.24)!important;
}
.workspace-body .formula-card :is(span,b,strong){color:inherit!important}
.workspace-body .formula-card strong{color:#ffe16b!important}

/* --------------------------------------------------------------------------
   Forms, expandable work areas and calls to action
   -------------------------------------------------------------------------- */
.workspace-body :is(input,select,textarea){
  border-color:rgba(58,39,98,.20)!important;
  background:#fff!important;
}
.workspace-body :is(input,select,textarea):focus{
  border-color:rgba(91,37,159,.62)!important;
  box-shadow:0 0 0 3px rgba(91,37,159,.10)!important;
  outline:none!important;
}

.workspace-body :is(.add-panel,.ecc-create,.assessment-record-actions,.table-column-menu) > summary{
  border-radius:12px;
  color:#432279;
  font-weight:800;
}
.workspace-body :is(.add-panel,.ecc-create) > summary:hover,
.workspace-body :is(.add-panel,.ecc-create) > summary:focus-visible{
  background:rgba(91,37,159,.06);
}
.workspace-body :is(.add-panel,.ecc-create)[open]{
  border-color:rgba(91,37,159,.18)!important;
  background:linear-gradient(145deg,#fff,#fbf8ff)!important;
}

.workspace-body .button.primary{
  background:linear-gradient(90deg,var(--dx-orange),var(--dx-gold))!important;
  color:#171717!important;
  border-color:transparent!important;
  box-shadow:0 9px 22px rgba(255,125,0,.17)!important;
}
.workspace-body .button.primary:hover,
.workspace-body .button.primary:focus-visible{
  filter:brightness(1.035);
  transform:translateY(-1px);
}

.workspace-body .button.secondary{
  border-color:rgba(65,39,110,.22)!important;
  color:#432279!important;
  background:#fff!important;
}

.workspace-body .empty-state,
.workspace-body :is(.ecc-empty,.consultant-v2-empty){
  position:relative;
  overflow:hidden;
  min-height:120px;
  border:1px dashed rgba(83,49,137,.22)!important;
  border-radius:18px!important;
  background:linear-gradient(120deg,#fff,#fffdf2 62%,#f7f1ff)!important;
}
.workspace-body .empty-state::after,
.workspace-body :is(.ecc-empty,.consultant-v2-empty)::after{
  content:"";
  position:absolute;
  right:-34px;
  bottom:-46px;
  width:150px;
  height:150px;
  background:url('/static/media/public/gocx-accent-luminous-halo.png') center/contain no-repeat;
  opacity:.12;
  pointer-events:none;
}

/* --------------------------------------------------------------------------
   Consultant command centre
   -------------------------------------------------------------------------- */
.workspace-body[data-page-path="/consultant"] .consultant-v2-hero{
  padding:clamp(30px,4vw,52px)!important;
}
.workspace-body[data-page-path="/consultant"] .consultant-v2-hero::after{
  width:430px;
  height:330px;
}
.workspace-body[data-page-path="/consultant"] .consultant-v2-panel{
  border-top:3px solid rgba(91,37,159,.28)!important;
}
.workspace-body[data-page-path^="/consultant/engagement/"] .ecc-hero{
  padding:clamp(28px,4vw,48px)!important;
}
.workspace-body[data-page-path^="/consultant/engagement/"] .ecc-readiness-ring{
  border-color:rgba(255,194,10,.62)!important;
  background:radial-gradient(circle,rgba(255,194,10,.15),rgba(255,255,255,.07))!important;
  color:#fff!important;
}
.workspace-body[data-page-path^="/consultant/engagement/"] .ecc-next-action{
  border:1px solid rgba(255,194,10,.26)!important;
  border-radius:22px!important;
  background:
    linear-gradient(105deg,rgba(14,18,48,.98),rgba(51,23,94,.92)),
    url('/static/media/public/gocx-bg-network-dark.png') center/cover no-repeat!important;
  color:#fff!important;
  box-shadow:var(--dx-shadow)!important;
}
.workspace-body[data-page-path^="/consultant/engagement/"] .ecc-next-action :is(h2,p,.eyebrow){color:inherit!important}
.workspace-body[data-page-path^="/consultant/engagement/"] .ecc-next-action .eyebrow{color:#ffe16b!important}

/* --------------------------------------------------------------------------
   Full client-review journey
   -------------------------------------------------------------------------- */
.workspace-body[data-page-path*="/scope"] .scope-form > .card:nth-child(1),
.workspace-body[data-page-path*="/priorities"] .filter-card,
.workspace-body[data-page-path*="/stack"] .card,
.workspace-body[data-page-path*="/solutions"] .scenario-card{
  position:relative;
  overflow:hidden;
}

.workspace-body[data-page-path*="/scope"] .scope-form > .card:nth-child(1)::after,
.workspace-body[data-page-path*="/priorities"] .filter-card::after{
  content:"";
  position:absolute;
  right:-30px;
  top:-30px;
  width:190px;
  height:190px;
  background:url('/static/media/public/gocx-object-governance-core.png') center/contain no-repeat;
  opacity:.07;
  pointer-events:none;
}

.workspace-body[data-page-path*="/vendors"] .vendor-layout > .card,
.workspace-body[data-page-path*="/decision"] .ranking-card,
.workspace-body[data-page-path*="/product-intelligence"] .panel#matching{
  position:relative;
  overflow:hidden;
}
.workspace-body[data-page-path*="/vendors"] .vendor-layout > .card::after,
.workspace-body[data-page-path*="/product-intelligence"] .panel#matching::after{
  content:"";
  position:absolute;
  right:-60px;
  bottom:-70px;
  width:260px;
  height:220px;
  background:url('/static/media/public/orbital-glass-data-charts.png') center/contain no-repeat;
  opacity:.055;
  pointer-events:none;
}

.workspace-body[data-page-path*="/assurance"] .control-card::before,
.workspace-body[data-page-path*="/findings"] .finding-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(var(--dx-purple),var(--dx-gold));
  opacity:.62;
}
.workspace-body[data-page-path*="/assurance"] .control-card,
.workspace-body[data-page-path*="/findings"] .finding-card{position:relative}

.workspace-body[data-page-path*="/stack"] .v1-layout::after,
.workspace-body[data-page-path*="/solutions"] .v1-layout::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:0;
  top:90px;
  width:340px;
  height:300px;
  background:url('/static/media/public/glowing-cube-data-core.png') center/contain no-repeat;
  opacity:.045;
  pointer-events:none;
}

.workspace-body[data-page-path*="/governance"] .v1-layout::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:0;
  top:120px;
  width:310px;
  height:250px;
  background:url('/static/media/public/gocx-object-decision-journey.png') center/contain no-repeat;
  opacity:.055;
  pointer-events:none;
}

/* --------------------------------------------------------------------------
   Product intelligence + administration
   -------------------------------------------------------------------------- */
.workspace-body[data-page-path="/admin/product-intelligence"] .page-shell > .page-head,
.workspace-body[data-page-path="/admin/readiness"] .page-head,
.workspace-body[data-page-path="/admin/questions"] .page-head,
.workspace-body[data-page-path="/admin/users"] .page-head,
.workspace-body[data-page-path*="/admin/partners"] .page-head,
.workspace-body[data-page-path*="/admin/consultants"] .page-head{
  margin-top:24px;
  padding:clamp(30px,4vw,48px)!important;
}

.workspace-body[data-page-path="/admin/product-intelligence"] .metric-grid,
.workspace-body[data-page-path="/admin/readiness"] .metric-grid{
  margin-top:22px;
}

.workspace-body[data-page-path="/admin/product-intelligence"] .panel,
.workspace-body[data-page-path="/admin/readiness"] .panel,
.workspace-body[data-page-path="/admin/questions"] .panel,
.workspace-body[data-page-path="/admin/users"] .card,
.workspace-body[data-page-path*="/admin/partners"] .panel{
  position:relative;
}

.workspace-body[data-page-path="/admin/product-intelligence"] #claim-review{
  border-top:4px solid #7c4bd1!important;
}
.workspace-body[data-page-path="/admin/product-intelligence"] #mapping{
  border-top:4px solid var(--dx-gold)!important;
}
.workspace-body[data-page-path="/admin/readiness"] #product-evidence{
  border-top:4px solid #5b259f!important;
}
.workspace-body[data-page-path="/admin/readiness"] #question-bank{
  border-top:4px solid #d59d00!important;
}

/* Partner portal stays a GoCX relationship but visually belongs to the ecosystem. */
.partner-body{
  background:
    linear-gradient(rgba(248,247,251,.96),rgba(251,250,246,.98)),
    url('/static/media/public/gocx-bg-section-light.png') top center/100% auto no-repeat!important;
}
.partner-body .page-heading.split-heading{
  position:relative;
  overflow:hidden;
  padding:38px clamp(24px,4vw,48px)!important;
  border-radius:26px;
  background:
    linear-gradient(100deg,rgba(9,13,35,.98),rgba(38,21,80,.91)),
    url('/static/media/public/gocx-bg-network-dark.png') center/cover no-repeat!important;
  box-shadow:var(--dx-shadow-dark);
  color:#fff;
}
.partner-body .page-heading.split-heading :is(h1,p,.eyebrow){color:inherit!important}
.partner-body .page-heading.split-heading .eyebrow{color:#ffe16b!important}
.partner-body .card{
  border-color:var(--dx-line)!important;
  border-radius:20px!important;
  box-shadow:var(--dx-shadow-sm)!important;
}

/* --------------------------------------------------------------------------
   Participant review/result continuation
   -------------------------------------------------------------------------- */
.participant-body .assessment-top,
.participant-body .result-hero{
  position:relative;
  overflow:hidden;
}
.participant-body .assessment-top::after{
  content:"";
  position:absolute;
  right:-45px;
  bottom:-55px;
  width:260px;
  height:220px;
  background:url('/static/media/public/gocx-object-decision-journey.png') center/contain no-repeat;
  opacity:.12;
  pointer-events:none;
}
.participant-body :is(.question-card,.review-section-card,.final-submit-card,.review-priorities){
  border-color:var(--dx-line)!important;
  box-shadow:var(--dx-shadow-sm)!important;
}

/* --------------------------------------------------------------------------
   Responsive + accessibility
   -------------------------------------------------------------------------- */
@media(max-width:980px){
  .workspace-body :is(.workspace-head,.page-head,.consultant-v2-hero,.ecc-hero)::after{
    right:-95px;
    opacity:.15;
  }
  .workspace-body :is(.v1-layout,.overview-grid,.release-control-grid,.vendor-layout,.result-layout,.ecc-layout,.consultant-v2-grid)::before{
    width:86vw;
  }
}

@media(max-width:760px){
  .workspace-body :is(.workspace-head,.page-head,.consultant-v2-hero,.ecc-hero){
    border-radius:20px!important;
  }
  .workspace-body :is(.workspace-head,.page-head,.consultant-v2-hero,.ecc-hero)::after{
    width:220px;
    height:180px;
    right:-92px;
    bottom:-55px;
    opacity:.10;
  }
  .workspace-body :is(.panel,.ecc-panel,.consultant-v2-panel,.table-card){
    border-radius:16px!important;
  }
  .workspace-body :is(.v1-layout,.overview-grid,.release-control-grid,.vendor-layout,.result-layout,.ecc-layout,.consultant-v2-grid)::before,
  .workspace-body[data-page-path*="/stack"] .v1-layout::after,
  .workspace-body[data-page-path*="/solutions"] .v1-layout::after,
  .workspace-body[data-page-path*="/governance"] .v1-layout::after{
    display:none;
  }
  .partner-body .page-heading.split-heading{border-radius:20px;padding:28px 20px!important}
}

@media(prefers-reduced-motion:reduce){
  .workspace-body .button.primary{transform:none!important;transition:none!important}
}