.home-heading { margin-bottom: 18px; }
.home-season { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; margin-bottom: 24px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(120deg, var(--brand-soft), var(--surface-2)); }
.home-season h2 { margin: 0; font-size: 19px; }
.home-season p { margin-bottom: 0; }
.home-season .primary { flex-shrink: 0; }
.home-action-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-bottom: 24px; }
.home-action-card { min-width: 0; min-height: 240px; display: flex; flex-direction: column; gap: 12px; }
.home-action-card[hidden], .home-season[hidden] { display: none; }
.home-action-card > h3 { margin: 0; }
.home-action-card > button { align-self: flex-start; margin-top: auto; }
.home-action-card .booking-card { box-shadow: none; padding: 12px; margin-bottom: 12px; min-width: 0; }
.home-action-card .booking-facts, .home-action-card .booking-contact { overflow-wrap: anywhere; }
.home-action-card .booking-card-head { flex-wrap: wrap; }
.home-skeleton { min-height: 140px; display: flex; flex-direction: column; gap: 12px; padding: 12px 0; }
.home-skeleton i { display: block; height: 18px; width: 85%; border-radius: 6px; background: var(--surface-2); }
.home-skeleton i:nth-child(2) { width: 60%; }
.home-resource-error { padding: 12px 0; overflow-wrap: anywhere; }
.home-resource-error p { margin: 0 0 12px; }
.home-event { padding: 12px 0; border-bottom: 1px solid var(--line); display: flex; flex-direction: column; gap: 6px; overflow-wrap: anywhere; }
.home-profile { margin-bottom: 24px; }
.home-performance-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px; justify-content: space-between; }
.home-phone-copy { display: none; }
@media (max-width: 1024px) {
  .home-action-grid { grid-template-columns: 1fr; }
  #home-requests-card { order: -1; }
  .home-action-card { min-height: 240px; }
  .home-season { flex-wrap: wrap; padding: 14px; }
  .home-desktop-copy { display: none; }
  .home-phone-copy { display: inline; }
}

.home-kpi-sparkline { width: 100%; height: 30px; color: var(--brand); }

.home-booking-summary { display: flex; flex-direction: column; gap: 6px; margin: 12px 0; overflow-wrap: anywhere; }
.home-booking-summary small { color: var(--muted); }
.home-booking-details { margin: 12px 0; }
.home-booking-details summary { cursor: pointer; font-size: .85rem; }
.home-booking-details summary:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; }
.home-booking-details .booking-facts { grid-template-columns: 1fr; }

#view-insights .chart-legend button[aria-pressed=false] { opacity: 1; color: var(--text); border-style: dashed; }
#view-insights .visual-funnel > div { color: var(--text); }

.home-heading .stats-ranges { flex-shrink: 0; margin: 0; flex-wrap: nowrap; }
.home-heading .stats-ranges button { white-space: nowrap; }
.home-performance-heading h2 { margin-right: auto; }
#guide-checklist .panel-title { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: baseline; }
#guide-checklist .panel-title h2 { margin-right: auto; }
#guide-checklist [data-guide-hide] { width: auto; flex-shrink: 0; white-space: nowrap; }
#view-insights .dashboard-grid { align-items: start; }
.home-card-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.home-card-heading h3 { margin: 0; white-space: nowrap; font-size: clamp(.85rem, 1.1vw, 1rem); }
.home-card-heading [data-home-scanner] { width: auto; flex: none; padding: 6px 8px; min-height: 36px; font-size: .75rem; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-2); color: var(--text); }
#view-insights .insight-chart-panel:has(#event-performance-chart) { min-height: 0; }
.home-action-card .home-booking-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 8px 0; margin: 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; min-height: 56px; }
.home-booking-row time { font-size: .75rem; flex-shrink: 0; }
.home-booking-row .home-booking-summary { flex: 1; min-width: 0; gap: 2px; margin: 0; }
.home-booking-summary strong, .home-booking-summary > small { display: block; white-space: normal; overflow-wrap: normal; hyphens: auto; font-size: .75rem; }
.home-booking-row .booking-card-actions { flex-basis: 100%; justify-content: flex-end; flex-wrap: wrap; gap: 4px; margin: 0; }
.home-booking-row .booking-card-actions button { min-width: 0; padding: 8px 5px; font-size: .68rem; white-space: nowrap; overflow-wrap: normal; }
.home-booking-row .booking-countdown { display: flex; gap: 3px; align-items: center; margin: 0; font-size: .62rem; }
.home-booking-row [data-countdown] { display: flex; flex: 0 0 auto; flex-direction: row; width: auto; height: auto; background: var(--surface-2); border-radius: 8px; padding: 2px 4px; gap: 2px; }
.home-booking-row [data-countdown] strong, .home-booking-row [data-countdown] small { font-size: .62rem; }
.home-booking-row .booking-swipe-hint { display: none; }
@media (max-width: 1024px) { .home-heading { flex-direction: column; align-items: stretch; } .home-heading .stats-ranges { width: fit-content; } }

.home-booking-row .booking-deadline { display: flex; align-items: center; }
.home-booking-row [data-countdown-label] { display: none; }
@media (max-width: 1024px) { #home-requests > .booking-swipe-hint { display: block; } }

@media (max-width: 600px) { .home-performance-heading { flex-wrap: nowrap; gap: 6px; } .home-performance-heading h2 { flex: 1; min-width: 0; font-size: .85rem; overflow-wrap: normal; } #home-all-metrics { font-size: .65rem; white-space: nowrap; } }

@media (max-width: 600px) { .home-heading .stats-ranges { display: grid; grid-template-columns: repeat(4, auto); max-width: 100%; } .home-heading .stats-ranges button { min-width: 0; padding: 10px 4px; font-size: .7rem; } }
