.income-header-tools {
  width: 100%;
}

.income-filter-project-picker {
  min-width: 11rem;
  max-width: 16rem;
}

.income-filter-project-picker .tracker-project-btn {
  width: auto;
  min-width: 11rem;
}

.income-list {
  overflow: visible;
}

.income-list-xscroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.income-list .tracker-entry.income-entry {
  display: grid;
  grid-template-columns:
    minmax(8rem, 1.4fr)
    minmax(9rem, 10rem)
    6.5rem
    5.5rem
    2.5rem
    8.5rem
    8.5rem
    auto;
  column-gap: 0.75rem;
  align-items: center;
  min-width: 56rem;
}

.income-list .tracker-entry.income-entry > .tracker-cell::before {
  display: none;
}

.income-list .tracker-entry.income-entry > .tracker-cell {
  margin-left: 0;
  padding-left: 0;
}

.income-list .tracker-entry.income-entry > .tracker-entry-title {
  flex: none;
  width: 100%;
  min-width: 0;
}

.income-list .tracker-entry.income-entry .tracker-entry-project,
.income-list .tracker-entry.income-entry .tracker-entry-project .tracker-project-picker,
.income-list .tracker-entry.income-entry .tracker-entry-project .tracker-project-btn {
  width: 100%;
  max-width: 10rem;
}

.income-compose-row {
  flex-wrap: wrap;
  row-gap: 0.5rem;
}

.income-compose-amount {
  min-width: 6.5rem;
}

.income-compose-amount .income-amount-input,
.income-entry-amount .income-amount-input {
  width: 6.5rem;
  text-align: right;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-variant-numeric: tabular-nums;
  -moz-appearance: textfield;
  appearance: textfield;
}

.income-amount-input::-webkit-outer-spin-button,
.income-amount-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.income-compose-currency {
  min-width: 6.5rem;
}

.income-compose-currency .form-select {
  min-width: 6.5rem;
}

.income-compose-date,
.income-compose-month {
  min-width: 9rem;
}

.income-entry-amount {
  min-width: 6.5rem;
}

.income-entry-currency .form-select {
  min-width: 5.5rem;
}

.income-entry-tax {
  display: flex;
  justify-content: center;
}

.income-entry-date .form-control,
.income-entry-month .form-control {
  min-width: 8.5rem;
}

.income-entry-month-muted {
  color: var(--bs-secondary-color);
}

.income-entry:not(.income-entry-editing) [data-field="amount"],
.income-entry:not(.income-entry-editing) [data-field="currency"],
.income-entry:not(.income-entry-editing) [data-field="receivedDate"],
.income-entry:not(.income-entry-editing) [data-field="month"] {
  opacity: 0.85;
  cursor: default;
}

.income-entry [data-edit-toggle].active {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), 0.1);
}

.income-month-totals {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.income-month-totals-values {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.1rem;
}

@media (min-width: 768px) {
  .income-month-totals-values {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .tracker-day-header {
    align-items: flex-start;
  }

  .income-month-totals {
    flex-direction: column;
    align-items: flex-end;
    gap: 0.15rem;
  }

  .income-month-totals-label {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .income-compose-row > .tracker-compose-cell::before {
    display: none;
  }

  .income-compose-row > .tracker-compose-cell {
    margin-left: 0;
    padding-left: 0;
  }

  .income-list .tracker-entry.income-entry {
    display: grid;
    flex-wrap: nowrap;
  }
}