/* Home panel «Внимание» and reports (stage 1.9) */
.app-report-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.25rem 1rem;
  margin-bottom: 0.5rem;
}
.app-report-sum { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.app-report-total { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.75rem; }
.app-report-total .app-report-sum { font-size: 1.35rem; }
.app-report-total .app-row-meta { flex-basis: 100%; }

.app-report-dl { display: grid; grid-template-columns: auto 1fr; gap: 0.25rem 1rem; }
.app-report-dl dt { font-weight: 400; color: var(--bs-secondary-color); }
.app-report-dl dd { margin: 0; font-variant-numeric: tabular-nums; }

.app-report-filters .form-label { color: var(--bs-secondary-color); }
.app-report-filters .app-report-by { grid-column: 1 / -1; }
.app-report-submit { display: flex; align-items: flex-end; }
.app-report-submit .btn { min-height: 2.75rem; }
@media (min-width: 768px) {
  .app-report-filters { grid-template-columns: 12rem minmax(12rem, 20rem) auto; align-items: end; justify-content: start; }
  .app-report-filters--period { grid-template-columns: 11rem 11rem minmax(12rem, 16rem) auto; }
  .app-report-filters .app-report-by { grid-column: auto; }
}

.app-attention { display: flex; flex-direction: column; gap: 1rem; }
.app-attention-title { font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
.app-attention-more { margin: 0.35rem 0 0; font-size: 0.9rem; }
.app-report-parts span + span::before { content: " · "; }

/* Losses report (stage 2.10) */
.app-losses-none { color: var(--bs-secondary-color); }
.app-losses-summary dt a { color: inherit; }
@media (min-width: 768px) {
  .app-report-filters--dates { grid-template-columns: 11rem 11rem auto; }
}

/* Profit report (stage 2.10) */
.app-profit-dl dd { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 0.5rem; min-width: 0; }
.app-profit-change { overflow-wrap: anywhere; }
.app-profit-up { color: var(--bs-success-text-emphasis); }
.app-profit-down { color: var(--bs-danger-text-emphasis); }
.app-profit-marks { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; font-size: 0.9rem; }
.app-profit-row .app-row-meta { overflow-wrap: anywhere; }
@media (min-width: 768px) {
  .app-profit-row { grid-template-columns: 1fr auto; }
}