/* region global / Core styling */

body {
    --border-radius                           : .4em;

    --b-splitter-size                         : 8px;
    --b-splitter-color                        : transparent;
    --b-splitter-hover-color                  : transparent;

    --b-calendar-toolbar-border-bottom        : none;
    --b-calendar-solid-bar-opacity            : 1;

    --b-month-view-header-cell-weekend-color  : var(--b-month-view-header-cell-color);
    --b-month-view-non-working-day-background : transparent;

    --b-task-board-background                 : transparent;
    --b-task-board-column-header-background   : transparent;
    --b-task-board-column-background          : transparent;

    background                                : var(--b-neutral-96);
}

.b-colorize {
    --b-calendar-all-day-event-color  : var(--b-primary-30);
    --b-calendar-solid-bar-background : var(--b-primary-90);
}

#container > .b-container {
    padding : 2em;
}

.b-calendar, .b-task-board {
    padding       : 2em;
    border-radius : var(--border-radius);
}

/* endregion */

/* region Task board styling */

.b-task-board-card {
    display        : flex;
    flex-direction : column;
    min-height     : 7em;
}

.b-task-board-card-footer {
    align-items     : flex-end;
    justify-content : flex-end;
    margin-top      : auto;
}

.time,
.b-task-board-card-footer .duration {
    font-size   : .8em;
    white-space : nowrap;
}

.time {
    margin-inline-start : auto;
}

.title {
    font-size   : 1.2em;
    font-weight : 500;
    flex-shrink : 0;
}

.b-task-board-text {
    font-size : .9em;
}

.b-task-board-card-header .b-task-board-text[data-ref=text] {
    flex        : none;
    width       : auto !important;
    flex-shrink : 1;
}

.label {
    font-size           : .8em;
    background          : #3183fe;
    color               : #fff;
    padding             : 0.12em 0.5em;
    border-radius       : 0.2em;
    margin-inline-start : .4em;
    white-space         : nowrap;
}

.PTO {
    background-color : #27ca37;
}

.b-task-board-resource-avatars {
    min-height : 0;
}

.b-column-title-text, .b-status-title {
    display     : flex;
    align-items : center;

    &:before {
        content           : ' ';
        height            : .7em;
        width             : .7em;
        border-radius     : 50%;
        margin-inline-end : .5em;
    }
}

[data-column="todo"] .b-column-title-text:before,
[data-id="group-header-todo"] .b-status-title:before {
    background : var(--b-color-blue);
}

[data-column="in-progress"] .b-column-title-text:before,
[data-id="group-header-in-progress"] .b-status-title:before {
    background : var(--b-color-orange);
}

[data-column="done"] .b-column-title-text:before,
[data-id="group-header-done"] .b-status-title:before {
    background : var(--b-color-green);
}

.b-task-board-task-item.duration {
    margin-inline-end : auto;
    order             : -1;
}

/* endregion */

/* region Calendar styling */

.b-team-calendar-content {
    margin-top : 1.5em;
}

.b-calendar-view-desc {
    justify-content : center;
    flex-shrink     : 0;

    .b-calendar-view-desc-text {
        font-size   : 1.2em;
        font-weight : 500;
    }
}

.b-month-view {

    .b-calendar-panel-row.b-calendar-weekdays .b-calendar-day-header,
    .b-cal-cell-header {
        justify-content : center;
    }

    .b-calendar-day-header {
        text-transform     : uppercase;
        font-size          : .8em;
        padding-inline-end : 0 !important;
    }

    .b-cal-cell-header .b-day-num {
        margin-inline-start : 0;
    }
}

.b-week-num {
    display : none !important;
}

.b-cal-nav-item:not(.b-calendar-today-button) {
    order : 4;
}

@media only screen and (max-width : 1024px) {
    #container > .b-container {
        flex-direction : column;
    }
}

.b-cal-event {
    font-size : .9em;
}

.b-solid-bar {
    .b-cal-event {
        justify-content : center;

        .b-cal-event-desc {
            font-weight : 500;
        }
    }

    /* .b-cal-event-body { */
    /*     display         : flex; */
    /*     height          : 100%; */
    /*     align-items     : center; */
    /*     justify-content : center; */

    /*     .b-cal-event-desc { */
    /*         padding-bottom : 0; */
    /*     } */
    /* } */
}

.b-month-view .b-weeks-container {
    border-radius : var(--border-radius);
    border        : 1px solid var(--b-calendar-border-color);
    overflow      : clip;
}

/* .b-day-view-schedule-container { */
/*     border-inline-start : 0; */
/* } */

/* .b-calendar .b-calendar-view-container > .b-month-view > .b-panel-body-wrap > .b-panel-content { */
/*     padding-top : 1.9em; */
/* } */

/* endregion */