.funnels-empty {
  grid-column: 1 / -1;
  display: grid;
  min-height: 116px;
  grid-template-columns: 42px minmax(0, 520px);
  grid-template-rows: auto auto;
  align-content: center;
  justify-content: center;
  column-gap: 16px;
  row-gap: 5px;
  padding: 26px 30px;
  color: #d9e4ee;
  background:
    radial-gradient(circle at 50% 0%, rgba(55, 145, 166, 0.055), transparent 48%),
    linear-gradient(180deg, rgba(13, 20, 29, 0.98), rgba(8, 13, 20, 0.99)),
    #0a0f17;
  border: 1px solid rgba(45, 65, 88, 0.82);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(150, 205, 220, 0.025);
  font-size: 15px;
  font-weight: 690;
  letter-spacing: -0.01em;
  text-align: left;
}

.funnels-empty::before {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 42px;
  height: 42px;
  align-self: center;
  border: 1px solid rgba(70, 186, 207, 0.24);
  border-radius: 50%;
  background:
    radial-gradient(circle, #63cce0 0 4px, transparent 5px),
    radial-gradient(circle, transparent 0 10px, rgba(81, 201, 222, 0.22) 11px, transparent 12px),
    rgba(45, 150, 171, 0.07);
  box-shadow: 0 0 14px rgba(79, 203, 226, 0.08);
  content: "";
}

.funnels-empty::after {
  grid-column: 2;
  grid-row: 2;
  color: #748296;
  content: "Измени период или условия отбора — список обновится автоматически.";
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0;
}

.funnel-compact-shell:has(.funnels-empty) .funnel-compact-scroll {
  display: none;
}

@media (max-width: 640px) {
  .funnels-empty {
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 12px;
    padding: 22px 18px;
  }

  .funnels-empty::before {
    width: 36px;
    height: 36px;
  }
}