/* DCC_WHITE_LABEL_REAL_UI_R3A
   Visual-only refinement for real candidate surfaces.
*/
html[data-dcc-theme="r1"]{
  --dcc-shadow:0 10px 30px rgba(34,69,111,.07);
  --dcc-shadow-soft:0 4px 16px rgba(34,69,111,.05)
}
html[data-dcc-theme="r1"] body{
  background:radial-gradient(circle at 78% 4%,color-mix(in srgb,var(--dcc-primary) 5%,transparent) 0,transparent 26%),var(--dcc-bg)!important
}
html[data-dcc-theme="r1"] .workspace,
html[data-dcc-theme="r1"] main{min-width:0}
html[data-dcc-theme="r1"] .page-head{gap:16px;margin-bottom:20px}
html[data-dcc-theme="r1"] .page-head h1,
html[data-dcc-theme="r1"] main>h1{letter-spacing:-.025em;line-height:1.06}
html[data-dcc-theme="r1"] .page-head h1{font-size:clamp(26px,2.4vw,38px)}
html[data-dcc-theme="r1"] .card,
html[data-dcc-theme="r1"] .kpi,
html[data-dcc-theme="r1"] .metric{position:relative;overflow:hidden}
html[data-dcc-theme="r1"] .grid.kpis>.card::before,
html[data-dcc-theme="r1"] .grid.kpis>.kpi::before,
html[data-dcc-theme="r1"] .metrics>.metric::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--dcc-primary),transparent 78%)
}
html[data-dcc-theme="r1"] .grid.kpis>.card,
html[data-dcc-theme="r1"] .grid.kpis>.kpi,
html[data-dcc-theme="r1"] .metrics>.metric{min-height:108px}
html[data-dcc-theme="r1"] table{border-collapse:separate;border-spacing:0;color:var(--dcc-text)!important}
html[data-dcc-theme="r1"] thead th{
  background:var(--dcc-surface-muted)!important;color:var(--dcc-muted)!important;
  border-color:var(--dcc-line)!important;font-size:9px;letter-spacing:.06em;text-transform:uppercase
}
html[data-dcc-theme="r1"] tbody td{border-color:var(--dcc-line)!important;color:var(--dcc-text)!important}
html[data-dcc-theme="r1"] tbody tr:hover td{background:var(--dcc-surface-soft)!important}
html[data-dcc-theme="r1"] .badge,
html[data-dcc-theme="r1"] .status,
html[data-dcc-theme="r1"] .pill,
html[data-dcc-theme="r1"] .chip{border-radius:999px!important}
html[data-dcc-theme="r1"] .btn,
html[data-dcc-theme="r1"] .button{
  min-height:38px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease
}
html[data-dcc-theme="r1"] .btn:hover,
html[data-dcc-theme="r1"] .button:hover{transform:translateY(-1px)}
html[data-dcc-theme="r1"] .btn.primary,
html[data-dcc-theme="r1"] .button.primary{
  box-shadow:0 6px 18px color-mix(in srgb,var(--dcc-primary) 15%,transparent)!important
}

/* VYNNY */
html[data-dcc-theme="r1"][data-dcc-product="vynny"] .sidebar{
  background:rgba(255,255,255,.985)!important;box-shadow:10px 0 34px rgba(76,20,39,.035)!important
}
html[data-dcc-theme="r1"][data-dcc-product="vynny"] .sidebar-brand{
  min-height:78px;height:auto!important;padding-top:17px!important;padding-bottom:15px!important
}
html[data-dcc-theme="r1"][data-dcc-product="vynny"] .nav-item{
  min-height:42px;margin:2px 8px;border-radius:10px!important
}
html[data-dcc-theme="r1"][data-dcc-product="vynny"] .nav-item.active{
  box-shadow:inset 3px 0 0 var(--dcc-primary)!important
}
html[data-dcc-theme="r1"][data-dcc-product="vynny"] .topbar{
  background:rgba(255,255,255,.9)!important;backdrop-filter:blur(12px)
}
html[data-dcc-theme="r1"][data-dcc-product="vynny"] .auth-screen{background:var(--dcc-bg)!important}
html[data-dcc-theme="r1"][data-dcc-product="vynny"] .auth-visual{
  background:radial-gradient(circle at 52% 42%,color-mix(in srgb,var(--dcc-primary) 12%,transparent),transparent 34%),
             linear-gradient(145deg,var(--dcc-surface-muted),var(--dcc-bg))!important;
  border-right:1px solid var(--dcc-line)!important
}
html[data-dcc-theme="r1"][data-dcc-product="vynny"] .auth-brand strong,
html[data-dcc-theme="r1"][data-dcc-product="vynny"] .auth-brand small{color:var(--dcc-text)!important}
html[data-dcc-theme="r1"][data-dcc-product="vynny"] .auth-avatar,
html[data-dcc-theme="r1"][data-dcc-product="vynny"] .setup-avatar{
  border-color:var(--dcc-primary)!important;
  box-shadow:0 0 0 7px color-mix(in srgb,var(--dcc-primary) 7%,transparent)!important
}
html[data-dcc-theme="r1"][data-dcc-product="vynny"] .auth-footer{
  background:rgba(255,255,255,.96)!important;color:var(--dcc-muted)!important;border-color:var(--dcc-line)!important
}

/* ASIE R27 shell overrides */
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav.asie-r27-nav,
html[data-dcc-theme="r1"][data-dcc-product="asie"] body .asie-r27-nav{
  background:rgba(255,255,255,.99)!important;color:var(--dcc-text)!important;
  border-right-color:var(--dcc-line)!important;box-shadow:12px 0 34px rgba(76,20,39,.04)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav .asie-r27-brand{
  border-bottom-color:var(--dcc-line)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav .asie-r27-mark{
  background:var(--dcc-primary-soft)!important;color:var(--dcc-primary)!important;
  border-color:color-mix(in srgb,var(--dcc-primary) 28%,var(--dcc-line))!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav .asie-r27-brandtext strong{color:var(--dcc-text)!important}
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav .asie-r27-brandtext small,
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav .asie-r27-role{color:var(--dcc-muted)!important}
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav .asie-r27-toggle{
  background:var(--dcc-surface)!important;color:var(--dcc-text)!important;-webkit-text-fill-color:var(--dcc-text)!important;
  border-color:var(--dcc-line-strong)!important;box-shadow:0 4px 14px rgba(34,69,111,.08)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav a,
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav button{
  color:var(--dcc-muted)!important;-webkit-text-fill-color:var(--dcc-muted)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav a:hover,
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav button:hover,
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav .active,
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav [aria-current="page"]{
  background:var(--dcc-primary-soft)!important;color:var(--dcc-primary)!important;-webkit-text-fill-color:var(--dcc-primary)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav .asie-r27-assistant{
  background:linear-gradient(135deg,var(--dcc-primary-soft),var(--dcc-surface))!important;
  border-color:color-mix(in srgb,var(--dcc-primary) 22%,var(--dcc-line))!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav .asie-r27-icon{
  color:var(--dcc-primary)!important;-webkit-text-fill-color:var(--dcc-primary)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] .brand-block,
html[data-dcc-theme="r1"][data-dcc-product="asie"] .sidebar{
  background:rgba(255,255,255,.99)!important;border-color:var(--dcc-line)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] .brand-avatar{
  border-color:var(--dcc-primary)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--dcc-primary) 7%,transparent)!important
}
html[data-dcc-theme="r1"][data-dcc-product="asie"] .automatic-discovery-card::after{
  color:var(--dcc-data-blue)!important;
  border-color:color-mix(in srgb,var(--dcc-data-blue) 35%,var(--dcc-line))!important;
  background:color-mix(in srgb,var(--dcc-data-blue) 8%,#fff)!important
}

/* neutral DCC white-label core */
html[data-dcc-theme="r1"][data-dcc-brand="dcc"] .sidebar,
html[data-dcc-theme="r1"][data-dcc-brand="dcc"] .topbar{background:rgba(255,255,255,.985)!important}
html[data-dcc-theme="r1"][data-dcc-brand="dcc"] .nav-item.active{
  box-shadow:inset 3px 0 0 var(--dcc-primary)!important
}

@media(max-width:760px){
  html[data-dcc-theme="r1"] .workspace,
  html[data-dcc-theme="r1"] main{max-width:100%;overflow-x:hidden}
  html[data-dcc-theme="r1"] .page-head{align-items:flex-start!important;flex-wrap:wrap}
  html[data-dcc-theme="r1"] h1{max-width:100%;overflow-wrap:anywhere}
  html[data-dcc-theme="r1"][data-dcc-product="vynny"] .auth-visual{display:none!important}
  html[data-dcc-theme="r1"][data-dcc-product="asie"] body #asieR27Nav.asie-r27-nav{
    box-shadow:10px 0 28px rgba(34,69,111,.09)!important
  }
}