/* ═══════════════════════════════════════════════════════════════
   Sled Check-In — App-specific styles
   ═══════════════════════════════════════════════════════════════ */

/* Widen main for table layout */
.sled-main { max-width: 1400px; }

/* Override header-inner max-width */
.app-header .header-inner { max-width: 1400px; }

/* Date navigation bar */
.date-nav-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}
.date-label {
  font-weight: 700;
  font-size: 1rem;
  color: var(--brand);
  margin-left: .5rem;
}

/* Table inputs */
.inp-small { width: 70px !important; display: inline-block !important; }

/* Note editing */
.note-cell { cursor: pointer; min-width: 120px; }
.note-cell:hover .note-display { background: var(--brand-light); border-radius: 4px; padding: 2px 4px; }
.add-note-hint { color: var(--text-muted); font-size: .8rem; font-style: italic; }
.note-edit textarea { min-height: 50px; font-size: .875rem; }
.note-actions { display: flex; gap: .4rem; margin-top: .3rem; }

/* Booking source badge for walk-ins */
.badge-walkin {
  display: inline-block;
  background: var(--warn-bg);
  color: var(--warn);
  border-radius: 4px;
  font-size: .7rem;
  font-weight: 700;
  padding: 1px 5px;
  vertical-align: middle;
}

/* State styling */
.state-returned td { color: var(--text-muted); }

/* Walk-in form layout */
#walkin-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}
#walkin-fields .form-group {
  flex: 0 0 auto;
  min-width: 120px;
  margin-bottom: 0;
}
#walkin-fields .form-group.wide { min-width: 180px; }

/* No data message */
.no-data { text-align: center; color: var(--text-muted); padding: 2rem !important; font-style: italic; }

/* Tab button style (reuses shared .tab but tabs are <button> here) */
.tabs .tab {
  background: none;
  cursor: pointer;
}