/* EQ v15.357 — Visual cleanup after live Dark/Light review
   Code-only. Fixes repeated dashboard presentation regressions without touching assets/backend. */

/* =========================================================
   1. SIDEBAR BRAND — must fit, bars = title visual height
   ========================================================= */
.eq-dashboard-page .eq-sidebar-brand{
  min-height:86px!important;
  overflow:hidden!important;
  padding:8px 0 0!important;
}
.eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard{
  --eqb-main:14.6px!important;
  --eqb-copy:204px!important;
  --eqb-bar-w:5px!important;
  --eqb-bar-h:20px!important;
  --eqb-bar-gap:2.5px!important;
  --eqb-gap:8px!important;
  position:relative!important;
  left:0!important;
  top:0!important;
  width:242px!important;
  max-width:242px!important;
  height:52px!important;
  transform:none!important;
  transform-origin:left top!important;
  display:flex!important;
  align-items:flex-start!important;
  overflow:hidden!important;
}
.eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard .eq-brand-lock-bars{
  height:22px!important;
  min-height:22px!important;
  align-items:center!important;
  margin-top:1px!important;
}
.eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard .eq-brand-lock-bars i{
  height:20px!important;
  min-height:20px!important;
  border-radius:999px!important;
}
.eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard .eq-brand-lock-copy{
  position:relative!important;
  width:204px!important;
  min-width:204px!important;
  max-width:204px!important;
  height:50px!important;
  min-height:50px!important;
  overflow:hidden!important;
}
.eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard .eq-brand-lock-title{
  position:absolute!important;
  left:0!important;
  top:3px!important;
  width:204px!important;
  max-width:204px!important;
  font-size:14.6px!important;
  line-height:1.12!important;
  letter-spacing:-.055em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
/* The old long micro-subtitle is not useful in a narrow sidebar. Replace it with one readable line. */
.eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard .eq-brand-lock-subtitle{
  display:none!important;
}
.eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard .eq-brand-lock-copy::after{
  content:'поддержка решений по найму';
  position:absolute;
  left:0;
  top:27px;
  width:204px;
  color:rgba(210,224,245,.72);
  font:650 9.5px/1.2 Manrope,system-ui,sans-serif;
  letter-spacing:.015em;
  white-space:nowrap;
}
html[data-eq-theme="light"] .eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard .eq-brand-lock-copy::after{
  color:#506987!important;
}
.eq-dashboard-page .eq-sidebar-brand .collapse-button{top:55px!important;right:6px!important}

/* =========================================================
   2. HERO — artwork already contains all decorative cards.
   No duplicate live vacancy/candidate/interview overlays.
   ========================================================= */
.eq-dashboard-page .hero-visual :is(
  .candidate-chip,
  .vacancy-mini-card,
  .interview-calendar-card,
  .interview-mini-card,
  .target-badge
){display:none!important}

/* Light asset is dedicated, but reduce its glare to match the non-white daylight system. */
html[data-eq-theme="light"] .eq-dashboard-page .hero-visual{
  background:#c4d2df!important;
  border-color:rgba(49,76,111,.24)!important;
  box-shadow:0 16px 34px rgba(35,57,84,.13),inset 0 1px rgba(255,255,255,.28)!important;
}
html[data-eq-theme="light"] .eq-dashboard-page .hero-image-underlay{
  filter:brightness(.89) saturate(.94) contrast(1.035)!important;
}
html[data-eq-theme="light"] .eq-dashboard-page .hero-visual::before{
  background:
    radial-gradient(circle at 12% 22%,rgba(121,90,205,.055),transparent 30%),
    radial-gradient(circle at 87% 76%,rgba(43,139,174,.055),transparent 29%)!important;
  opacity:.45!important;
}
html[data-eq-theme="light"] .eq-dashboard-page .hero-visual::after{
  background:
    linear-gradient(90deg,rgba(75,103,136,.10) 0%,transparent 7%,transparent 93%,rgba(75,103,136,.08) 100%),
    linear-gradient(180deg,rgba(75,103,136,.055),transparent 9%,transparent 91%,rgba(75,103,136,.075))!important;
}
html[data-eq-theme="light"] .eq-dashboard-page .hero-image-vignette{
  background:radial-gradient(ellipse at 52% 50%,transparent 0 84%,rgba(88,112,143,.05) 94%,rgba(72,98,130,.11) 100%)!important;
}

/* =========================================================
   3. LIGHT — no white glare. Cooler, darker daylight slate.
   ========================================================= */
html[data-eq-theme="light"] body.eq-dashboard-page{
  background:
    radial-gradient(circle at 8% 0%,rgba(138,101,214,.09),transparent 30%),
    radial-gradient(circle at 83% 1%,rgba(51,148,192,.10),transparent 34%),
    radial-gradient(circle at 98% 45%,rgba(218,143,75,.04),transparent 25%),
    linear-gradient(180deg,#b9c8d8 0%,#b3c3d3 52%,#bdcad7 100%)!important;
}
html[data-eq-theme="light"] .eq-dashboard-page .eq-dashboard-bg{opacity:.22!important}
html[data-eq-theme="light"] .eq-dashboard-page .eq-sidebar{
  background:
    radial-gradient(circle at 0 3%,rgba(137,96,207,.08),transparent 28%),
    linear-gradient(180deg,#c5d2df 0%,#bccbd9 100%)!important;
  border-right-color:rgba(45,70,103,.23)!important;
  box-shadow:12px 0 34px rgba(39,59,84,.10),inset -1px 0 rgba(255,255,255,.18)!important;
}
html[data-eq-theme="light"] .eq-dashboard-page .hero-panel{
  background:
    radial-gradient(circle at 11% 4%,rgba(139,96,211,.075),transparent 31%),
    radial-gradient(circle at 84% 91%,rgba(47,148,190,.075),transparent 40%),
    linear-gradient(135deg,#cbd7e3 0%,#c1d0de 100%)!important;
  border-color:rgba(48,75,109,.24)!important;
  box-shadow:0 18px 42px rgba(39,59,86,.12),inset 0 1px rgba(255,255,255,.24)!important;
}
html[data-eq-theme="light"] .eq-dashboard-page .stat-card{
  background:linear-gradient(155deg,#d0dbe5 0%,#c7d4df 100%)!important;
  box-shadow:0 11px 24px rgba(40,61,88,.09),inset 0 1px rgba(255,255,255,.24)!important;
}
html[data-eq-theme="light"] .eq-dashboard-page :is(.content-card,.workspace-card,.sidebar-card,.vacancy-card){
  background:linear-gradient(155deg,#ccd8e3 0%,#c3d0dc 100%)!important;
  border-color:rgba(47,73,107,.20)!important;
  box-shadow:0 12px 27px rgba(39,59,85,.09),inset 0 1px rgba(255,255,255,.22)!important;
}
html[data-eq-theme="light"] .eq-dashboard-page :is(.activity-item,.recommendation-item,.interview-item,.summary-line){
  background:rgba(219,228,237,.72)!important;
  border-color:rgba(49,75,109,.19)!important;
}
html[data-eq-theme="light"] .eq-dashboard-page :is(a.activity-item,a.recommendation-item,a.interview-item,a.summary-line):hover{
  background:rgba(226,234,242,.88)!important;
  border-color:rgba(48,99,157,.32)!important;
}
html[data-eq-theme="light"] .eq-dashboard-page .eq-nav-link{
  background:rgba(207,218,230,.50)!important;
  border-color:rgba(49,75,110,.16)!important;
}
html[data-eq-theme="light"] .eq-dashboard-page .eq-nav-link.active{
  background:linear-gradient(115deg,rgba(108,100,210,.16),rgba(87,141,214,.11))!important;
  border-color:rgba(91,103,190,.28)!important;
}

/* Light text hierarchy: readable, not washed out. */
html[data-eq-theme="light"] .eq-dashboard-page :is(.welcome-title,.hero-copy h1,.card-head h2,.workspace-head h2,.sidebar-card h3,.stat-copy b){color:#132943!important}
html[data-eq-theme="light"] .eq-dashboard-page :is(.welcome-subtitle,.hero-copy>p,.hero-flags span,.workspace-head>div>p){color:#45627f!important}
html[data-eq-theme="light"] .eq-dashboard-page :is(.item-copy span,.summary-line span,.item-time,.vacancy-meta,.interview-item span,.interview-empty){color:#476582!important;opacity:1!important}
html[data-eq-theme="light"] .eq-dashboard-page .interview-group-title{color:#294b6d!important;font-size:14px!important;font-weight:850!important}

/* Fix the clipped / vertical interview cards seen in live review. */
.eq-dashboard-page .interview-list,
.eq-dashboard-page .interview-list>div{width:100%!important;min-width:0!important}
.eq-dashboard-page .interview-item,
.eq-dashboard-page .interview-empty{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.eq-dashboard-page .interview-item b,
.eq-dashboard-page .interview-item span{max-width:100%!important;overflow-wrap:break-word!important}

/* =========================================================
   4. DARK KPI — four EQ colors, no three black slabs.
   ========================================================= */
html:not([data-eq-theme="light"]) .eq-dashboard-page .stat-card{
  border-width:1px!important;
  box-shadow:0 17px 34px rgba(2,8,18,.19),inset 0 1px rgba(255,255,255,.065)!important;
}
html:not([data-eq-theme="light"]) .eq-dashboard-page .stat-card.stat-blue{
  background:radial-gradient(circle at 10% 4%,rgba(65,171,247,.22),transparent 42%),linear-gradient(145deg,#254a6f,#1d3959)!important;
  border-color:rgba(73,174,244,.42)!important;
}
html:not([data-eq-theme="light"]) .eq-dashboard-page .stat-card.stat-purple{
  background:radial-gradient(circle at 10% 4%,rgba(167,92,236,.22),transparent 42%),linear-gradient(145deg,#49396d,#342b57)!important;
  border-color:rgba(173,105,236,.40)!important;
}
html:not([data-eq-theme="light"]) .eq-dashboard-page .stat-card.stat-green{
  background:radial-gradient(circle at 10% 4%,rgba(55,204,159,.20),transparent 42%),linear-gradient(145deg,#285b54,#204740)!important;
  border-color:rgba(65,204,163,.39)!important;
}
html:not([data-eq-theme="light"]) .eq-dashboard-page .stat-card.stat-orange{
  background:radial-gradient(circle at 10% 4%,rgba(244,161,81,.20),transparent 42%),linear-gradient(145deg,#66472f,#4b3629)!important;
  border-color:rgba(241,164,89,.39)!important;
}
html:not([data-eq-theme="light"]) .eq-dashboard-page .stat-card .stat-line{opacity:.88!important}

/* =========================================================
   5. THEME SWITCH — readable in both modes.
   ========================================================= */
.eq-theme-toggle{
  width:118px!important;min-width:118px!important;height:42px!important;
  grid-template-columns:30px 42px 30px!important;gap:3px!important;padding:0 6px!important;
  overflow:visible!important;
}
.eq-theme-toggle .eq-theme-side{
  width:28px!important;height:28px!important;border-radius:9px!important;
  font-size:19px!important;font-weight:900!important;opacity:1!important;
  border:1px solid transparent!important;
}
.eq-theme-toggle .eq-theme-rail{
  width:42px!important;height:22px!important;justify-self:center!important;
  background:#7590ad!important;border:1px solid rgba(212,227,242,.55)!important;
  box-shadow:inset 0 2px 5px rgba(18,34,53,.22)!important;
}
.eq-theme-toggle .eq-theme-knob{top:2px!important;width:16px!important;height:16px!important}
html:not([data-eq-theme="light"]) .eq-theme-toggle{
  background:#284b6b!important;border-color:rgba(143,182,230,.35)!important;
}
html:not([data-eq-theme="light"]) .eq-theme-toggle .eq-theme-knob{left:22px!important;background:#edf5ff!important;border-color:#fff!important}
html:not([data-eq-theme="light"]) .eq-theme-toggle .eq-theme-sun{color:#f4b642!important;background:rgba(244,182,66,.11)!important;border-color:rgba(244,182,66,.22)!important}
html:not([data-eq-theme="light"]) .eq-theme-toggle .eq-theme-moon{color:#f1f7ff!important;background:rgba(126,170,221,.16)!important;border-color:rgba(162,199,240,.24)!important}
html[data-eq-theme="light"] .eq-theme-toggle{
  background:#b8c8d8!important;border-color:rgba(48,75,109,.28)!important;
  box-shadow:0 5px 14px rgba(37,58,84,.10),inset 0 1px rgba(255,255,255,.20)!important;
}
html[data-eq-theme="light"] .eq-theme-toggle .eq-theme-rail{
  background:#8199b3!important;border-color:rgba(51,76,107,.25)!important;
}
html[data-eq-theme="light"] .eq-theme-toggle .eq-theme-knob{left:3px!important;background:#ffd264!important;border-color:#e3aa32!important}
html[data-eq-theme="light"] .eq-theme-toggle .eq-theme-sun{color:#9e6500!important;background:#e7c77c!important;border-color:#c99a38!important}
html[data-eq-theme="light"] .eq-theme-toggle .eq-theme-moon{color:#264c71!important;background:#aebfd0!important;border-color:#7f99b4!important}

/* Top bell/help must remain visible in Light. */
html[data-eq-theme="light"] .eq-dashboard-page .icon-button{
  background:#b8c8d8!important;border-color:rgba(48,74,107,.27)!important;color:#274b6d!important;
}
html[data-eq-theme="light"] .eq-dashboard-page .icon-button svg{
  stroke:#274b6d!important;color:#274b6d!important;opacity:1!important;
}
html[data-eq-theme="light"] .eq-dashboard-page .icon-button:hover{background:#c7d4e0!important;color:#173c60!important}

@media(max-width:760px){
  .eq-theme-toggle{width:108px!important;min-width:108px!important;grid-template-columns:27px 40px 27px!important}
  .eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard{width:232px!important;max-width:232px!important}
}