/* ============================================================
   Матч&мяч release v59 — restore balanced desktop sidebar + compact ELO spark
   ============================================================ */

/* ---------- Desktop sidebar: return to the balanced pre-v58 density ---------- */
@media (min-width: 961px) {
  .sidebar {
    padding: 18px 14px 14px !important;
  }
  .sidebar-brand {
    height: 54px !important;
    min-height: 54px !important;
    padding: 4px 9px 14px !important;
  }
  .sidebar-brand .brand-logo {
    width: 186px !important;
    max-height: 40px !important;
  }
  .sidebar-nav {
    margin-top: 10px !important;
    gap: 11px !important;
    padding-right: 0 !important;
  }
  .sidebar-nav-group {
    gap: 3px !important;
  }
  .sidebar-nav-label {
    padding: 0 10px 4px !important;
    font-size: 8.5px !important;
    line-height: 1.15 !important;
    letter-spacing: .12em !important;
  }
  .sidebar-nav a,
  .sidebar-crm {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 11px !important;
    gap: 10px !important;
    margin-right: 15px !important;
    border-radius: 15px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }
  .sidebar-nav a .ic,
  .sidebar-crm .ic {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
  }
  .sidebar-nav a .ic svg,
  .sidebar-crm .ic svg {
    width: 18px !important;
    height: 18px !important;
  }
  .sidebar-nav .nav-badge,
  .sidebar-nav .message-unread-badge {
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    font-size: 8px !important;
  }
  .sidebar-crm {
    margin-top: 6px !important;
    margin-bottom: 5px !important;
  }
  .sidebar-rating-card {
    gap: 5px !important;
    margin: 7px 15px 7px 0 !important;
    padding: 10px 11px !important;
    border-radius: 14px !important;
  }
  .sidebar-rating-top,
  .sidebar-rating-top b {
    font-size: 9px !important;
  }
  .sidebar-rating-main strong {
    font-size: 26px !important;
  }
  .sidebar-rating-main small,
  .sidebar-rating-meta {
    font-size: 9px !important;
  }
  .sidebar-rating-meta {
    display: block !important;
  }
  .sidebar-footer {
    gap: 7px !important;
    padding-top: 10px !important;
  }
  .sidebar-role-card {
    padding: 7px 10px !important;
    border-radius: 11px !important;
  }
  .sidebar-footer .btn {
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 11px !important;
    font-size: 10.5px !important;
  }
}

/* v58 had a second ultra-dense laptop rule. Explicitly cancel it. */
@media (min-width: 961px) and (max-height: 780px) {
  .sidebar-brand {
    height: 50px !important;
    min-height: 50px !important;
    padding-bottom: 12px !important;
  }
  .sidebar-nav {
    margin-top: 7px !important;
    gap: 8px !important;
  }
  .sidebar-nav a,
  .sidebar-crm {
    height: 40px !important;
    min-height: 40px !important;
  }
  .sidebar-rating-card {
    padding: 9px 10px !important;
  }
  .sidebar-rating-meta {
    display: block !important;
  }
  .sidebar-footer {
    padding-top: 8px !important;
  }
}

/* ---------- Home ELO: compact release-spark again ---------- */
.page-home .release-progress-card .release-spark {
  margin-top: 10px !important;
  padding: 7px 9px 5px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(23,26,22,.07) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.82) !important;
}
.page-home .release-spark .form-chart {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  color: #8fbf11;
}
/* The experimental v58 headline/icons and event chips were visually noisy here.
   Summary data already exists above/below the spark, so keep the chart itself clean. */
.page-home .release-spark .fc-chart-topline,
.page-home .release-spark .fc-events {
  display: none !important;
}
.page-home .release-spark .form-chart > svg {
  display: block !important;
  width: 100% !important;
  height: 148px !important;
  min-height: 0 !important;
  max-height: 148px !important;
  margin: 0 auto !important;
  overflow: hidden !important;
}
.page-home .form-chart .fc-line {
  stroke-width: 2.6px !important;
  filter: none !important;
}
.page-home .form-chart .fc-node {
  r: 2.7px;
  opacity: .62 !important;
}
.page-home .form-chart .fc-halo {
  opacity: .12 !important;
}
.page-home .form-chart .fc-current-label rect {
  fill: #171b15 !important;
}
.page-home .form-chart .fc-current-label text {
  fill: #fff !important;
}
.page-home .form-chart .fc-peak-label rect {
  fill: #efffc8 !important;
}
.page-home .form-chart .fc-y-label,
.page-home .form-chart .fc-axis,
.page-home .form-chart .fc-start-label {
  font-size: 7px !important;
}

/* Defensive reset: old generic `.release-spark svg` rules must never inflate icon SVGs
   if the auxiliary rows are enabled again later. */
.page-home .release-spark .fc-chart-topline svg,
.page-home .release-spark .fc-event > svg {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  max-width: 12px !important;
  max-height: 12px !important;
  flex: 0 0 12px !important;
}

@media (max-width: 680px) {
  .page-home .release-progress-card .release-spark {
    padding: 6px 7px 4px !important;
  }
  .page-home .release-spark .form-chart > svg {
    height: 126px !important;
    max-height: 126px !important;
  }
}