﻿/* Central shell (default width) */
.app-shell {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

/* Header can be slightly tighter if desired */
.header-shell {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

/* Allow page-level overrides via BodyClass */
body.narrow .app-shell.content-shell {
    max-width: 48rem;
}

body.wide .app-shell.content-shell {
    max-width: 90rem;
}

/* Optional: very tight form layout */
body.compact .app-shell.content-shell {
    max-width: 38rem;
}

/* Remove legacy customContainer if no longer used */
.customContainer { /* can be deleted after verification */
}

.flatpickr-day {
    border: transparent !important;
}

/* Hide the Flatpickr dropdown arrow for inline calendars */
.flatpickr-calendar::before,
.flatpickr-calendar::after,
.flatpickr-calendar.arrowTop::before,
.flatpickr-calendar.arrowTop::after,
.flatpickr-calendar.arrowBottom::before,
.flatpickr-calendar.arrowBottom::after {
    display: none !important;
}

#calendarHolder .flatpickr-day.selected, #calendarHolder .flatpickr-day.startRange, #calendarHolder .flatpickr-day.endRange
{
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #ffffff;
}

