/* Womo Manager – Frontend Styles */
.womo-vehicles ul { list-style: none; padding: 0; }
.womo-vehicles li { padding: 8px 0; border-bottom: 1px solid #eee; }
.womo-reservation-form label { display: block; margin-bottom: 4px; font-weight: 600; }
.womo-reservation-form input,
.womo-reservation-form textarea { width: 100%; max-width: 400px; }
.womo-calendar { max-width: 420px; }
.womo-calendar-nav { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.womo-calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.womo-day { padding: 6px 0; text-align: center; border-radius: 3px; }
.womo-day.womo-free { background: #e6f4ea; cursor: pointer; }
.womo-day.womo-booked { background: #f4e6e6; color: #999; }
.womo-day-header { padding: 6px 0; text-align: center; font-weight: 600; font-size: 0.85em; color: #666; }
.womo-day-empty { padding: 6px 0; }
.womo-calendar-picker .womo-day.womo-selected { background: #2271b1; color: #fff; }
.womo-calendar-hint { font-size: 0.85em; color: #666; }
.womo-reservation-range { margin: 12px 0; }
.womo-range-display { margin: 0 8px; }

.womo-reservations-table { width: 100%; border-collapse: collapse; }
.womo-reservations-table th,
.womo-reservations-table td { padding: 6px 10px; border-bottom: 1px solid #eee; text-align: left; }
.womo-status-pending td { color: #996800; }
.womo-status-confirmed td { color: #1a7f37; }
.womo-status-cancelled td { color: #999; text-decoration: line-through; }

.womo-error { color: #b32d2e; }
.womo-success { color: #1a7f37; }

/* Sortierbare Spalten (#35) */
th[data-sort] { cursor: pointer; user-select: none; white-space: nowrap; }
th[data-sort]::after { content: ' \21F5'; opacity: 0.35; font-size: 0.85em; }
th.womo-sort-asc::after { content: ' \25B2'; opacity: 0.75; }
th.womo-sort-desc::after { content: ' \25BC'; opacity: 0.75; }