.availability-calendar-container{background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000001a}.availability-calendar-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.availability-calendar-header h4{color:#333;margin:0;font-size:1.1rem;font-weight:600}.availability-calendar-header .nav-button{color:#186d00;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 10px;font-size:1.5rem;transition:background-color .2s}.availability-calendar-header .nav-button:hover{background-color:#186d001a}.availability-calendar-grid{background-color:#e9ecef;grid-template-columns:repeat(7,1fr);gap:1px;padding:1px;display:grid}.availability-calendar-container .day-header{text-align:center;color:#666;text-transform:uppercase;background-color:#f8f9fa;padding:10px 5px;font-size:.8rem;font-weight:600}.availability-calendar-day{text-align:center;background-color:#fff;justify-content:center;align-items:center;min-height:40px;padding:10px 5px;font-size:.9rem;display:flex;position:relative}.availability-calendar-day.empty{background-color:#f8f9fa}.availability-calendar-day.available{color:#155724;background-color:#d4edda;font-weight:500}.availability-calendar-day.unavailable{color:#721c24;background-color:#f8d7da;font-weight:500}.availability-calendar-day.past{color:#6c757d;background-color:#e2e3e5}.availability-calendar-day.today{border:2px solid #186d00;font-weight:700}.availability-calendar-legend{background-color:#f8f9fa;border-top:1px solid #e9ecef;justify-content:center;gap:20px;padding:15px 20px;display:flex}.legend-item{color:#666;align-items:center;gap:6px;font-size:.85rem;display:flex}.legend-color{border:1px solid #ddd;border-radius:3px;width:16px;height:16px}.legend-color.available{background-color:#d4edda}.legend-color.unavailable{background-color:#f8d7da}.legend-color.past{background-color:#e2e3e5}@media (max-width:768px){.availability-calendar-header{padding:12px 15px}.availability-calendar-header h4{font-size:1rem}.availability-calendar-header .nav-button{padding:3px 8px;font-size:1.3rem}.availability-calendar-container .day-header{padding:8px 3px;font-size:.75rem}.availability-calendar-day{min-height:35px;padding:8px 3px;font-size:.8rem}.availability-calendar-legend{flex-wrap:wrap;gap:15px;padding:12px 15px}.legend-item{font-size:.8rem}.legend-color{width:14px;height:14px}}