:root {
    --day-calendar-column-title-color: var(--button-background);
    --day-calendar-column-title-color-hover: var(--button-background-hover);
    --day-calendar-column-title-background-hover: transparent;

    --day-calendar-cell-description-color: white;

    --day-calendar-current-time-background: #D6EEE2;
    --day-calendar-selected-cell-background: #fafafa;

    --day-calendar-event-reserved-color: white;
    --day-calendar-event-reserved-background: var(--main-record-color-turquoise);
    --day-calendar-event-reserved-background-hover: var(--main-record-color-turquoise);
    --day-calendar-event-wait-color: white;
    --day-calendar-event-wait-background: var(--main-record-color-violet);
    --day-calendar-event-wait-background-hover: var(--main-record-color-violet);
    --day-calendar-event-done-color: white;
    --day-calendar-event-done-background: var(--main-record-color-green);
    --day-calendar-event-done-background-hover: var(--main-record-color-green);
    --day-calendar-event-canceled-color: white;
    --day-calendar-event-canceled-background: var(--main-record-color-orange);
    --day-calendar-event-canceled-background-hover: var(--main-record-color-orange);
    --day-calendar-event-block-color: white;
    --day-calendar-event-block-background: var(--main-record-color-purple);
    --day-calendar-event-block-background-hover: var(--main-record-color-purple);

    --day-calendar-event-border: 1px solid var(--main-background-color);
}
:root.high-contrast {
    /* --day-calendar-column-title-color: var(--button-color); */

    --day-calendar-column-title-color: var(--button-color);
    --day-calendar-column-title-color-hover: var(--button-color-hover);
    --day-calendar-column-title-background-hover: var(--button-color);

    --day-calendar-cell-description-color: black;

    --day-calendar-event-reserved-color: black;
    --day-calendar-event-wait-color: black;
    --day-calendar-event-done-color: black;
    --day-calendar-event-canceled-color: black;
    --day-calendar-event-block-color: black;

    --day-calendar-current-time-background: #00371C;
    --day-calendar-selected-cell-background: #060606;
}

.view-widok-dzienny .d-columns-container {
    display: grid;
    width: 100%;
    margin-top: 1em;
    column-gap: 1em;
    row-gap: 1em;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
}
.view-widok-dzienny .d-column-container {
    position: relative;
}

.view-widok-dzienny .d-column-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.view-widok-dzienny .d-column-table-title {
    margin: 0.5em;
    text-align: center;
    font-weight: 400;
    color: var(--day-calendar-column-title-color);
    cursor: pointer;
    align-content: center;    
}
.view-widok-dzienny .d-column-table-title:hover {
    color: var(--day-calendar-column-title-color-hover);
    background-color: var(--day-calendar-column-title-background-hover);
}
.view-widok-dzienny .d-column-table-header {
    display: table-row;
    height: calc(30 * 1px);
}
.view-widok-dzienny .d-column-table-header-cell {
    display: table-cell;
    border: 1px solid var(--main-table-td-border-color);
    text-align: center;
    vertical-align: middle;
    background-color: var(--main-record-background-color-hover);
}
.view-widok-dzienny table.view-widok-dzienny span {
    display: none;
    color: var(--main-low-visibility-color);
    font-weight: normal;
    padding-right: 1em;
    align-self: center;
}
.view-widok-dzienny .d-column-table-cell {
    display: table-cell;
    border: 1px solid var(--main-table-td-border-color);
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
}
.view-widok-dzienny .d-column-table-cell-nr-current {
    width: calc(80 * 1px);
    background-color: var(--day-calendar-current-time-background);
}
.view-widok-dzienny .d-column-table-cell-nr {
    width: calc(80 * 1px);
    background-color: var(--main-record-background-color-hover);
}
.view-widok-dzienny .d-column-table-cell-hours-current {
    width: calc(60 * 1px);
    background-color: var(--day-calendar-current-time-background);
}
.view-widok-dzienny .d-column-table-cell-hours {
    width: calc(60 * 1px);
    background-color: var(--main-record-background-color-hover);
}
.view-widok-dzienny .d-column-table-cell-content {
    display: contents;
}
.view-widok-dzienny .d-column-table-row {
    display: table-row;
}
.view-widok-dzienny .visually-hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 150ms ease-in, opacity 150ms ease-in;
    /* transition: opacity .15s ease-in-out; */
}
.view-widok-dzienny .d-events-container-nr { 
    position: absolute;
    top: calc(30 * 1px + 1px);
    width: calc(100% - (80 * 1px) - 3px - 15px) ;
    left: calc(80 * 1px + 2px);
}
.view-widok-dzienny .d-events-container-hours {
    position: absolute;
    top: calc(30 * 1px + 1px);
    width: calc(100% - (60 * 1px) - 3px - 15px) ;
    left: calc(60 * 1px + 2px);
}

.view-widok-dzienny .d-event {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    /* border: var(--day-calendar-event-border); */
    opacity: 0.8;
}
.view-widok-dzienny .cell-description-container {
    display: flex;
    flex-direction: row;
    padding-left: 1em;
    padding-right: 1em;
    column-gap: 0.5em;
}
.view-widok-dzienny .cell-description {
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1;
    flex: 1;
    white-space: nowrap;
    color: var(--day-calendar-cell-description-color);
}
.view-widok-dzienny .cell-icon {
    flex: 0;
    padding-right: 0.25em;
}
.view-widok-dzienny .hidden {
    display: none;
}
.view-widok-dzienny .d-column-table-container {
    position: relative;
}
.view-widok-dzienny .d-column-table-cell-selectable {
    cursor: pointer;
}
.view-widok-dzienny .d-column-table-cell-selectable:hover {
    background-color: var(--day-calendar-selected-cell-background);
}
.view-widok-dzienny .d-column-table-cell-content {
    display: contents;
}

.view-widok-dzienny .event-reserved {
    color: var(--day-calendar-event-reserved-color);
    background-color: var(--day-calendar-event-reserved-background);
}
.view-widok-dzienny .event-reserved:hover {
    filter: brightness(1.1);
    /* background-color: var(--day-calendar-event-reserved-background-hover); */
}
.view-widok-dzienny .event-wait {
    color: var(--day-calendar-event-wait-color);
    background-color: var(--day-calendar-event-wait-background);
}
.view-widok-dzienny .event-wait:hover {
    filter: brightness(1.1);
    /* background-color: var(--day-calendar-event-wait-background-hover); */
}
.view-widok-dzienny .event-done {
    color: var(--day-calendar-event-done-color);
    background-color: var(--day-calendar-event-done-background);
}
.view-widok-dzienny .event-done:hover {
    filter: brightness(1.1);
    /* background-color: var(--day-calendar-event-done-background-hover); */
}
.view-widok-dzienny .event-canceled {
    color: var(--day-calendar-event-canceled-color);
    background-color: var(--day-calendar-event-canceled-background);
}
.view-widok-dzienny .event-canceled:hover {
    filter: brightness(1.1);
    /* background-color: var(--day-calendar-event-canceled-background-hover); */
}
.view-widok-dzienny .event-block {
    color: var(--day-calendar-event-block-color);
    background-color: var(--day-calendar-event-block-background);
}
.view-widok-dzienny .event-block:hover {
    filter: brightness(1.1);
    /* background-color: var(--day-calendar-event-block-background-hover); */
}
.view-widok-dzienny .event-znacznik {
    background-color: #D6EEE2;
}

.view-widok-dzienny .date-filter {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 2em;
    row-gap: 1em;
    align-items: center;
}
.view-widok-dzienny .filter {
    flex-grow: 1;
}
.view-widok-dzienny .logo-icon {
    width: 1em;
    height: 1em;
    object-fit: contain;
    filter: brightness(0) invert(1);
}