:root {
    --month-calendar-current-day-background: #D6EEE2;
    --month-calendar-holiday-background: #f7b6c673;
    --month-calendar-selected-day-background: #fafafa;
    --month-calendar-day-outer-background-size: auto;
    --month-calendar-day-outer-background-image: none;
}
:root.high-contrast {
    --month-calendar-current-day-background: #00371C;
    --month-calendar-holiday-background: #86002573;
    --month-calendar-selected-day-background: #060606;
    --month-calendar-day-outer-background-size: 14px 14px;
    --month-calendar-day-outer-background-image: repeating-linear-gradient(45deg, var(--main-low-visibility-color) 0, var(--main-low-visibility-color) 1px, transparent 0, transparent 50%);
}

.view-widok-miesieczny .calendar-container {
    margin-top: 1em;
    border-bottom: 1px solid var(--main-table-td-border-color);
}
.view-widok-miesieczny .day-names-grid {
    display: grid;
}
.view-widok-miesieczny .day-names-grid div {
    text-align: center;
    padding: 0.5em;
    color: var(--input-label-color);
}
.view-widok-miesieczny .calendar-grid {
    display: grid;
    border-left: 1px solid var(--main-table-td-border-color);
}
.view-widok-miesieczny .calendar-grid-cell {
    border-top: 1px solid var(--main-table-td-border-color);
    border-right: 1px solid var(--main-table-td-border-color);
    min-height: 7em;
}
.view-widok-miesieczny .calendar-grid-cell-content {
    display: flex;
    flex-direction: column;
    row-gap: 0.25em;
    padding: 0.25em;
    height: 100%;
    box-sizing: border-box;
}
.view-widok-miesieczny .grid-7 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.view-widok-miesieczny .grid-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.view-widok-miesieczny .grid-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.view-widok-miesieczny .day-outer-month {
    background-color: var(--main-record-background-color-hover);
    color: var(--main-low-visibility-color);
    background-size: var(--month-calendar-day-outer-background-size);
    background-image: var(--month-calendar-day-outer-background-image);
    padding: 0.25em;
}

.view-widok-miesieczny .day-inner-month {
    /* transition: background .10s ease-in-out; */
    cursor: pointer;
}
.view-widok-miesieczny .day-inner-month:hover {
    background-color: var(--month-calendar-selected-day-background);
}
.view-widok-miesieczny .day-inner-month:hover .sm-month-calendar-item {
    filter: brightness(1.05);
}
.view-widok-miesieczny .day-highlight {
    background-color: var(--month-calendar-current-day-background);
}
.view-widok-miesieczny .day-highlight:hover {
    background-color: var(--month-calendar-current-day-background);
    filter: brightness(1.05);
}
.view-widok-miesieczny .day-highlight:hover .sm-month-calendar-item {
    filter: brightness(1.05);
}
.view-widok-miesieczny .holiday {
    background-color: var(--month-calendar-holiday-background);
}
.view-widok-miesieczny .holiday:hover {
    background-color: var(--month-calendar-holiday-background);
    filter: brightness(1.1);
}
.view-widok-miesieczny .holiday:hover .sm-month-calendar-item {
    filter: brightness(1.05);
}

.view-widok-miesieczny .date-filter {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 2em;
    row-gap: 1em;
    align-items: center;
}
.view-widok-miesieczny .filter {
    flex-grow: 1;
}
.view-widok-miesieczny .holiday-name {
    color: var(--main-record-color-purple);
}
.view-widok-miesieczny .center{
    display: flex;
    align-items: center;
    justify-content: center;
}