.daily-detail-modal-content {
  width: min(1120px, 100%);
  padding: 0;
}

.daily-detail-header {
  position: sticky;
  top: 0;
  z-index: 3;
  margin: 0;
  padding: 24px 26px;
  background: rgba(7, 15, 29, 0.97);
  border-bottom: 1px solid var(--line);
}

.daily-detail-header h2 {
  margin-top: 4px;
}

.daily-detail-header p {
  margin: 7px 0 0;
  color: var(--muted);
}

.daily-detail-body {
  display: grid;
  gap: 22px;
  padding: 26px;
}

.daily-detail-loading {
  min-height: 220px;
  display: grid;
  place-items: center;
  color: var(--muted);
}

.daily-detail-kpis,
.daily-detail-comparison {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
}

.daily-detail-kpis article,
.daily-detail-comparison article {
  padding: 18px;
  border-right: 1px solid var(--line);
  background: rgba(4, 11, 23, 0.42);
}

.daily-detail-kpis article:last-child,
.daily-detail-comparison article:last-child {
  border-right: 0;
}

.daily-detail-kpis span,
.daily-detail-comparison span {
  display: block;
  color: var(--muted);
  font-size: 0.76rem;
}

.daily-detail-kpis strong,
.daily-detail-comparison strong {
  display: block;
  margin-top: 8px;
  font-size: 1.15rem;
}

.daily-detail-columns {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  gap: 22px;
}

.daily-detail-section {
  min-width: 0;
}

.daily-detail-section h3 {
  margin: 0 0 10px;
  font-size: 1rem;
}

.daily-detail-list {
  border-top: 1px solid var(--line);
}

.daily-detail-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(58, 134, 255, 0.11);
}

.daily-detail-row div {
  min-width: 0;
}

.daily-detail-row strong,
.daily-detail-row small {
  display: block;
}

.daily-detail-row strong {
  overflow-wrap: anywhere;
  font-size: 0.88rem;
}

.daily-detail-row small {
  margin-top: 5px;
  color: var(--muted);
  font-size: 0.75rem;
}

.daily-detail-row > span {
  font-size: 0.87rem;
  font-weight: 700;
  white-space: nowrap;
}

.daily-detail-empty {
  padding: 24px 0;
  color: var(--muted);
  font-size: 0.84rem;
}

.daily-category-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(58, 134, 255, 0.11);
  font-size: 0.84rem;
}

@media (max-width: 760px) {
  .daily-detail-kpis,
  .daily-detail-comparison {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .daily-detail-kpis article:nth-child(2),
  .daily-detail-comparison article:nth-child(2) {
    border-right: 0;
  }

  .daily-detail-kpis article:nth-child(-n + 2),
  .daily-detail-comparison article:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line);
  }

  .daily-detail-columns {
    grid-template-columns: 1fr;
  }
}