/* Cenara One site-wide refresh extensions — participant, result and generic workspace surfaces. */

/* Keep the GoCX logo as the company mark and add a restrained product label beside it. */
.workspace-body .app-header .brand-lockup::after,
.participant-body .participant-header .brand-lockup::after,
.auth-body .auth-header .brand-lockup::after{
  content:"CENARA ONE";
  display:inline-flex;
  margin-left:13px;
  padding-left:13px;
  border-left:1px solid rgba(255,255,255,.25);
  color:#ffd75a;
  font-family:"Saira","Ubuntu",Arial,sans-serif;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.09em;
  line-height:1;
}
.auth-body .auth-header .brand-lockup::after{color:#ffd75a}

/* Assessment participant journey. */
.participant-body .assessment-shell{
  position:relative;
  isolation:isolate;
  width:min(1220px,calc(100% - 40px));
  margin:28px auto 58px;
}
.participant-body .assessment-shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-26px calc(50% - 50vw) auto;
  height:420px;
  background:
    linear-gradient(105deg,rgba(11,16,41,.97),rgba(37,20,80,.89)),
    url('/static/media/public/gocx-bg-network-dark.png') center/cover no-repeat;
  pointer-events:none;
}
.participant-body .assessment-top{
  position:relative;
  overflow:hidden;
  padding:34px clamp(22px,4vw,46px)!important;
  border:1px solid rgba(255,194,10,.22)!important;
  border-radius:28px!important;
  background:linear-gradient(110deg,rgba(16,20,51,.92),rgba(40,23,82,.82))!important;
  color:#fff!important;
  box-shadow:0 24px 58px rgba(15,10,42,.26)!important;
}
.participant-body .assessment-top::after{
  content:"";
  position:absolute;
  right:-65px;
  top:-58px;
  width:260px;
  height:260px;
  background:url('/static/media/public/gocx-accent-luminous-halo.png') center/contain no-repeat;
  opacity:.23;
  pointer-events:none;
}
.participant-body .assessment-top :is(h1,p,.eyebrow){color:#fff!important}
.participant-body .assessment-top .eyebrow{color:#ffd75a!important}
.participant-body .progress-card{
  position:relative;
  z-index:1;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  backdrop-filter:blur(10px);
}
.participant-body .progress-card :is(strong,span){color:#fff!important}
.participant-body .assessment-save-reassurance,
.participant-body .assessment-guidance{
  border:1px solid rgba(73,44,125,.10)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 12px 30px rgba(31,21,68,.06)!important;
}
.participant-body .assessment-section-nav{
  padding:16px!important;
  border:1px solid rgba(70,42,120,.09)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 12px 30px rgba(31,21,68,.05)!important;
}
.participant-body .assessment-section-nav .current span{
  background:linear-gradient(135deg,#ff6500,#ffc20a)!important;
  color:#171717!important;
  box-shadow:0 8px 18px rgba(255,126,0,.20)!important;
}
.participant-body .question-card,
.participant-body .priority-concern-selector,
.participant-body .review-priorities,
.participant-body .review-section-card,
.participant-body .final-submit-card,
.participant-body .excluded-areas{
  border:1px solid rgba(67,42,114,.10)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,253,245,.95))!important;
  box-shadow:0 14px 34px rgba(30,21,66,.06)!important;
}
.participant-body .question-card:hover,
.participant-body .priority-concern-card:hover{
  border-color:rgba(91,37,159,.24)!important;
  box-shadow:0 18px 38px rgba(30,21,66,.09)!important;
}
.participant-body .priority-concern-card.selected,
.participant-body .problem-selector-card.selected{
  border-color:rgba(255,157,0,.65)!important;
  background:linear-gradient(135deg,#fffdf3,#fff8df)!important;
}
.participant-body .assessment-actions{
  position:sticky;
  bottom:12px;
  z-index:20;
  padding:14px!important;
  border:1px solid rgba(66,41,111,.12);
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 42px rgba(26,18,58,.12);
  backdrop-filter:blur(12px);
}

/* Review page gets a visual completion step without changing the workflow. */
.participant-body .assessment-review-page .assessment-ready-panel,
.participant-body .assessment-review-page .assessment-incomplete-panel{
  border-radius:20px!important;
  box-shadow:0 12px 30px rgba(31,21,68,.06)!important;
}
.participant-body .review-completion-summary>div{
  border:1px solid rgba(70,42,120,.10)!important;
  background:linear-gradient(145deg,#fff,#fffaf0)!important;
  box-shadow:0 10px 24px rgba(31,21,68,.05)!important;
}
.participant-body .final-submit-card.ready{
  position:relative;
  overflow:hidden;
  border-color:rgba(255,174,0,.38)!important;
  background:
    linear-gradient(105deg,rgba(255,255,255,.98),rgba(255,249,226,.94)),
    url('/static/media/public/gocx-bg-section-light.png') center/cover no-repeat!important;
}

/* Preliminary result becomes a distinct Cenara One output surface. */
.participant-body .result-hero{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(8,11,31,.97),rgba(31,18,70,.88)),
    url('/static/media/public/gocx-bg-network-dark.png') center/cover no-repeat!important;
}
.participant-body .result-hero::after{
  content:"";
  position:absolute;
  right:-85px;
  top:-100px;
  width:430px;
  height:430px;
  background:url('/static/media/public/gocx-accent-luminous-halo.png') center/contain no-repeat;
  opacity:.26;
  pointer-events:none;
}
.participant-body .result-hero :is(h1,h2,p,.eyebrow){color:#fff!important}
.participant-body .result-hero .eyebrow{color:#ffd75a!important}
.participant-body .result-hero-grid{position:relative;z-index:1}
.participant-body .risk-dial{
  position:relative;
  z-index:1;
  border:1px solid rgba(255,214,72,.32)!important;
  background:radial-gradient(circle at 50% 36%,rgba(255,194,10,.22),rgba(255,255,255,.08) 58%,rgba(255,255,255,.03))!important;
  color:#fff!important;
  box-shadow:0 24px 58px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(12px);
}
.participant-body .risk-dial :is(strong,span,small){color:#fff!important}
.participant-body .result-summary-intro{
  margin-top:34px!important;
  padding:30px clamp(22px,3vw,42px)!important;
  border-radius:22px;
  background:
    linear-gradient(100deg,rgba(255,255,255,.98),rgba(255,250,231,.94)),
    url('/static/media/public/gocx-bg-section-light.png') center/cover no-repeat;
  box-shadow:0 14px 34px rgba(31,21,68,.06);
}
.participant-body .result-scores article{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(70,42,120,.10)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#fff,#fffaf0)!important;
  box-shadow:0 12px 28px rgba(31,21,68,.06)!important;
}
.participant-body .result-scores article::after{
  content:"";
  position:absolute;
  right:-35px;
  bottom:-45px;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,194,10,.17),rgba(91,37,159,.05) 48%,transparent 72%);
  pointer-events:none;
}
.participant-body .result-actions-bar{
  padding:18px!important;
  border:1px solid rgba(70,42,120,.10);
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 30px rgba(31,21,68,.06);
}
.participant-body .result-priority-card,
.participant-body .result-side-stack>.card,
.participant-body .conversion-card,
.participant-body .discovery-output-map,
.participant-body .recommended-services{
  border:1px solid rgba(70,42,120,.10)!important;
  border-radius:22px!important;
  box-shadow:0 14px 34px rgba(31,21,68,.06)!important;
}
.participant-body .result-next-action-card{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,249,226,.94)),
    url('/static/media/public/gocx-bg-section-light.png') center/cover no-repeat!important;
}
.participant-body .result-next-action-card::after{
  content:"";
  position:absolute;
  right:-58px;
  bottom:-60px;
  width:190px;
  height:170px;
  background:url('/static/media/public/gocx-object-governance-core.png') center/contain no-repeat;
  opacity:.11;
  pointer-events:none;
}

/* Saved and error/utility participant cards inherit the same premium surface. */
.participant-body .participant-main>.narrow.card,
.participant-body .participant-main>.card{
  border:1px solid rgba(70,42,120,.10)!important;
  border-radius:24px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,253,245,.95)),
    url('/static/media/public/gocx-bg-section-light.png') center/cover no-repeat!important;
  box-shadow:0 22px 52px rgba(31,21,68,.09)!important;
}

/* Generic workspace polish extends beyond the dashboard to administration and delivery pages. */
.workspace-body .workspace-main{
  background:transparent!important;
}
.workspace-body .workspace-main>.wide-page.page-head,
.workspace-body .workspace-main>.page-shell>.page-head{
  border-radius:24px;
}
.workspace-body .workspace-main .card{
  border-color:rgba(68,42,114,.10)!important;
  box-shadow:0 12px 32px rgba(29,20,64,.055)!important;
}
.workspace-body .workspace-main .card:hover{
  box-shadow:0 17px 38px rgba(29,20,64,.075)!important;
}
.workspace-body .workspace-main .section-title .eyebrow,
.workspace-body .workspace-main .page-head .eyebrow{
  color:#6940a8;
  font-weight:800;
}
.workspace-body .workspace-main table thead th{
  background:#f1edf8!important;
  color:#332851!important;
  border-bottom-color:rgba(70,42,120,.14)!important;
}
.workspace-body .workspace-main table tbody tr:hover{
  background:#fffaf0!important;
}
.workspace-body .workspace-menu[open]>.workspace-menu-panel{
  border-color:rgba(91,37,159,.12)!important;
  box-shadow:0 18px 42px rgba(26,18,58,.10)!important;
}
.workspace-body .workspace-nav-link[aria-current="page"],
.workspace-body .workspace-menu.current>summary{
  background:linear-gradient(90deg,rgba(255,194,10,.14),rgba(91,37,159,.07))!important;
  border-color:rgba(255,177,0,.26)!important;
}
.workspace-body .status,
.workspace-body .stage-chip{
  border-radius:999px!important;
}

/* Partner portal uses GoCX company language but shares the more polished surfaces. */
.partner-body{
  background:
    linear-gradient(rgba(248,247,252,.97),rgba(248,247,252,.98)),
    url('/static/media/public/gocx-bg-section-light.png') top center/100% auto no-repeat!important;
}
.partner-body .app-header{
  background:linear-gradient(90deg,#0d1230,#201746 68%,#30155b)!important;
  border-bottom:1px solid rgba(255,194,10,.18)!important;
}
.partner-body .card{
  border-color:rgba(70,42,120,.10)!important;
  box-shadow:0 12px 32px rgba(29,20,64,.06)!important;
}

@media(max-width:760px){
  .workspace-body .app-header .brand-lockup::after,
  .participant-body .participant-header .brand-lockup::after,
  .auth-body .auth-header .brand-lockup::after{display:none}
  .participant-body .assessment-shell{width:min(100% - 24px,1220px);margin-top:16px}
  .participant-body .assessment-shell::before{height:320px}
  .participant-body .assessment-top{border-radius:20px!important;padding:26px 20px!important}
  .participant-body .assessment-top::after{width:190px;height:190px;right:-70px;top:-55px}
  .participant-body .assessment-actions{position:static}
  .participant-body .result-summary-intro{border-radius:18px;padding:24px 18px!important}
  .participant-body .result-actions-bar{border-radius:16px}
}

@media(prefers-reduced-motion:reduce){
  .participant-body .question-card,
  .workspace-body .workspace-main .card{transition:none!important}
}