.calendar-form {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 10px;
}

.calendar-form input {
    padding: 6px;
    font-size: 14px;
}

.calendar-form button {
    padding: 6px 12px;
    background: #2c7be5;
    color: white;
    border: none;
    cursor: pointer;
    font-weight: bold;
}

.calendar-form button:hover {
    background: #195ecb;
}

.calendar-tab-container {
    display: grid;
    padding: 0.25rem;
    margin-bottom: 1rem;
    color: #71717a;
    background-color: #f4f4f5;
    border-radius: 0.5rem;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    font-size: 0.875rem;
}

.calendar-tab-container .calendar-tab {
    border-radius: calc(0.5rem - 6px);
    padding: 0.375rem 0.75rem;
}

.calendar-tab-container .calendar-tab.active {
    background-color: white;
    color: black;
    font-weight: 500;
}