/* Signed-in dashboard: hunt reports one month at a time as cards (monthcards.js), on the
   Overview and the Hunt reports page. Flat surfaces; the whole card opens its report via a
   stretched link, while Edit / Delete / Restore buttons sit above it. */

.is-dash .d-cards-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-bottom: 12px; }
.is-dash .d-cards-toolbar .hero-note { margin: 0; }
.is-dash .d-month-picker { display: inline-flex; gap: 8px; }
/* The Month dropdown, and Season over season's "Compare with" (#17) styled the same. */
.is-dash .d-select.d-month-select, .is-dash .d-select.d-sos-select {
  max-width: none; padding: 0 30px 0 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 9px center; background-size: 14px;
}

.is-dash .d-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.is-dash .d-cards > li { display: flex; min-width: 0; }
.is-dash .d-rcard {
  position: relative; display: flex; flex-direction: column; gap: 8px; width: 100%; min-width: 0; padding: 14px;
  border: 1px solid var(--d-border); border-radius: var(--d-radius-lg); background: var(--d-raised);
}
.is-dash .d-rcard.is-link:hover { background: var(--d-hover); border-color: var(--d-border-strong); }
.is-dash .d-rcard.is-link:active { background: var(--d-selected); }
.is-dash .d-rcard:has(.d-rcard-open:focus-visible) { outline: 2px solid var(--d-focus); outline-offset: 2px; }
.is-dash .d-rcard-open { color: inherit; text-decoration: none; }
.is-dash .d-rcard-open:focus-visible { outline: none; }
.is-dash .d-rcard-open::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }

.is-dash .d-rcard-head { display: flex; align-items: center; gap: 8px; min-height: 20px; color: var(--d-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.is-dash .d-rcard-id { color: var(--d-text-2); font-weight: 600; }
.is-dash .d-rcard-head .d-badge { margin-left: auto; }
.is-dash .d-rcard-main { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; min-width: 0; }
.is-dash .d-rcard-place { min-width: 0; overflow: hidden; color: var(--d-text); font-size: 15px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.is-dash .d-rcard-birds { flex: none; color: var(--d-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.is-dash .d-rcard-birds strong { color: var(--d-text); font-size: 20px; font-weight: 600; }
.is-dash .d-rcard-line { margin: 0; overflow: hidden; color: var(--d-text-2); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.is-dash .d-rcard-bag { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; }
.is-dash .d-rcard-chip { padding: 2px 6px; border: 1px solid var(--d-border); border-radius: 4px; color: var(--d-text-2); font-size: 12px; font-variant-numeric: tabular-nums; }
.is-dash .d-rcard-chip--more { color: var(--d-muted); }
.is-dash .d-rcard-actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 4px; }

.is-dash .d-cards-pager { display: flex; justify-content: flex-end; padding-top: 12px; }
.is-dash .d-cards-foot { display: flex; justify-content: flex-end; margin-top: 12px; padding-top: 8px; border-top: 1px solid var(--d-border); }

@media (max-width: 639.98px) {
  .is-dash .d-month-picker { width: 100%; }
  .is-dash .d-select.d-month-select { flex: 1; }
  .is-dash .d-cards { grid-template-columns: minmax(0, 1fr); }
}