/* Shared lighting: quiet surfaces, colored edges, focused chart highlights. */
html[data-theme="dark"] .card{--light:var(--color,#27ead1)}
html[data-theme="dark"] .panel{--light:#8e79ff}
html[data-theme="dark"] .people-card{--light:var(--pc,#27ead1)}
html[data-theme="dark"] .employee-score{--light:#9b83ff;position:relative;overflow:hidden}
html[data-theme="dark"] #workloadPanel .qtc-score{--light:#27ead1}
html[data-theme="dark"] #workloadPanel .leader-score{--light:#38a9ff}
html[data-theme="dark"] .people-panel,html[data-theme="dark"] .funnel-panel,html[data-theme="dark"] .verification{--light:#27ead1}
html[data-theme="dark"] .response,html[data-theme="dark"] .workload-chart-panel{--light:#38a9ff}
html[data-theme="dark"] :is(.card,.panel,.people-card,.employee-score){
  border-color:color-mix(in srgb,var(--light) 24%,var(--line));
  box-shadow:inset 0 1px 0 #ffffff07,0 14px 30px #02061380,0 11px 21px -13px color-mix(in srgb,var(--light) 55%,transparent),0 0 16px -8px color-mix(in srgb,var(--light) 24%,transparent);
  transition:border-color .22s ease,box-shadow .22s ease;
}
html[data-theme="dark"] .employee-score::before{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--light),transparent);opacity:.65;pointer-events:none}
html[data-theme="dark"] .hover-glow{width:270px;height:270px;background:radial-gradient(circle,color-mix(in srgb,var(--light,#27ead1) 12%,transparent),color-mix(in srgb,var(--light,#27ead1) 5%,transparent) 35%,transparent 68%);filter:blur(6px)}
@media(hover:hover) and (pointer:fine){
  html[data-theme="dark"] :is(.card,.panel,.people-card,.employee-score).glow-active{
    transform:none;
    border-color:color-mix(in srgb,var(--light) 65%,var(--line));
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--light) 9%,transparent),0 18px 36px #02061390,0 11px 27px -12px color-mix(in srgb,var(--light) 65%,transparent),0 0 20px -5px color-mix(in srgb,var(--light) 25%,transparent);
  }
}
html[data-theme="dark"] :is(.card,.panel,.people-card,.employee-score):focus-within{border-color:color-mix(in srgb,var(--light) 62%,var(--line))}
/* Chart strokes retain their original colors and remain easy to compare. */
html[data-theme="dark"] #chart .chart-bar{filter:drop-shadow(0 -1px 2px color-mix(in srgb,var(--bar-color) 30%,transparent))}
html[data-theme="dark"] #chart .chart-bar.is-current{filter:drop-shadow(0 -1px 3px color-mix(in srgb,var(--bar-color) 68%,transparent));stroke:color-mix(in srgb,var(--bar-color) 70%,white);stroke-width:.5}
html[data-theme="dark"] .spark polyline:first-child{filter:drop-shadow(0 0 2px var(--color))}
html[data-theme="dark"] .evaluation-charts svg circle{filter:drop-shadow(0 0 3px #8e79ff70)}
html[data-theme="dark"] .evaluation-charts svg line[stroke-width]{filter:drop-shadow(0 0 2px #8e79ff50)}
html[data-theme="dark"] .evaluation-charts svg circle.is-current{stroke:#eee8ff;stroke-width:1.6;filter:drop-shadow(0 0 5px #a997ff)}
html[data-theme="dark"] .work-chart-scroll svg rect{filter:drop-shadow(0 -1px 2px #38a9ff40)}
html[data-theme="dark"] .work-chart-scroll svg rect.is-current{stroke:#d5f9ff;stroke-width:.65;filter:drop-shadow(0 -1px 4px #38a9ff88)}
html[data-theme="dark"] .reply-col.current .reply-bars i,html[data-theme="dark"] .reply-col.current .reply-bars b{filter:drop-shadow(0 0 4px #38a9ff60)}
/* Keep the selected navigation item clear without lighting every item. */
html[data-theme="dark"] aside .nav-link{position:relative;transition:background .2s ease,box-shadow .2s ease}
html[data-theme="dark"] aside .nav-link.active{background:linear-gradient(100deg,#27ead125,#38a9ff09 75%,transparent);box-shadow:inset 3px 0 #46efd9,0 0 19px -9px #27ead177}
html[data-theme="dark"] aside .nav-link.active i{color:#52f4de;filter:drop-shadow(0 0 5px #27ead155)}
html[data-theme="dark"] .employee-tabs button[aria-selected="true"]{box-shadow:inset 0 -2px #27ead1,0 4px 13px #27ead119;background:linear-gradient(120deg,#27ead116,var(--panel))}
html[data-theme="dark"] .evaluation-mobile-nav button[aria-pressed="true"]{box-shadow:0 0 14px -5px #27ead166}
@media(prefers-reduced-motion:reduce){html[data-theme="dark"] :is(.card,.panel,.people-card,.employee-score,.nav-link){transition:none}}