/* _content/AlinSpace.Chronos.Server/Components/Timeline/TimelineComponent.razor.rz.scp.css */
.container[b-z5y8rrnmof] {
    overflow-y: scroll;
    border: 2px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
}

.grid[b-z5y8rrnmof] {
    display: grid;
    grid-template-columns: repeat(366, 3rem);
    grid-template-rows: repeat(1, 3rem);
}

.date[b-z5y8rrnmof] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
    line-height: 0.8;
    border-right: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
}

.bar-customer[b-z5y8rrnmof] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    position: relative;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.bar-customer:hover[b-z5y8rrnmof] {
    transform: translateY(-2px);
    box-shadow: var(--mud-elevation-4);
    z-index: 2;
}

.bar-customer-text[b-z5y8rrnmof] {
    position: sticky;
    left: 8px; /* = px-2 */
    display: inline-block;
}

.bar-project[b-z5y8rrnmof] {
    background: var(--mud-palette-secondary);
    color: var(--mud-palette-secondary-text);
    position: relative;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.bar-project:hover[b-z5y8rrnmof] {
    transform: translateY(-2px);
    box-shadow: var(--mud-elevation-4);
    z-index: 2;
}

.bar-project-text[b-z5y8rrnmof] {
    position: sticky;
    left: 8px; /* = px-2 */
    display: inline-block;
}

.bar-project-task[b-z5y8rrnmof] {
    background: var(--mud-palette-info);
    color: var(--mud-palette-info-text);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.bar-project-task:hover[b-z5y8rrnmof] {
    transform: translateY(-2px);
    box-shadow: var(--mud-elevation-4);
    z-index: 2;
}

/* _content/AlinSpace.Chronos.Server/Components/Timeline2/Timeline2Component.razor.rz.scp.css */
.container[b-d6m2ncux2j] {
    overflow-y: scroll;
    border: 2px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
}

.grid[b-d6m2ncux2j] {
    display: grid;
    grid-template-columns: repeat(366, 3rem);
    grid-template-rows: repeat(1, 3rem);
}

.date[b-d6m2ncux2j] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
    line-height: 0.8;
    border-right: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
}

.bar-customer[b-d6m2ncux2j] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    box-shadow: inset -1px -1px 0 0 #404040;
    position: relative;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.bar-customer:hover[b-d6m2ncux2j] {
    transform: translateY(-2px);
    box-shadow: inset -1px -1px 0 0 #404040, var(--mud-elevation-4);
    z-index: 2;
}

.bar-customer-text[b-d6m2ncux2j] {
    position: sticky;
    left: 8px; /* = px-2 */
    display: inline-block;
}

.bar-project[b-d6m2ncux2j] {
    background: var(--mud-palette-secondary);
    color: var(--mud-palette-secondary-text);
    box-shadow: inset -1px -1px 0 0 #404040;
    position: relative;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.bar-project:hover[b-d6m2ncux2j] {
    transform: translateY(-2px);
    box-shadow: inset -1px -1px 0 0 #404040, var(--mud-elevation-4);
    z-index: 2;
}

.bar-project-text[b-d6m2ncux2j] {
    position: sticky;
    left: 8px; /* = px-2 */
    display: inline-block;
}

.bar-person[b-d6m2ncux2j] {
    background: var(--mud-palette-warning-lighten);
    color: var(--mud-palette-primary-text);
    box-shadow: inset -1px -1px 0 0 #404040;
    position: relative;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.bar-person:hover[b-d6m2ncux2j] {
    transform: translateY(-2px);
    box-shadow: inset -1px -1px 0 0 #404040, var(--mud-elevation-4);
    z-index: 2;
}

.bar-person-text[b-d6m2ncux2j] {
    position: sticky;
    left: 8px; /* = px-2 */
    display: inline-block;
}

.bar-project-task[b-d6m2ncux2j] {
    background: var(--mud-palette-info);
    color: var(--mud-palette-info-text);
    box-shadow: inset -1px -1px 0 0 #404040;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.bar-project-task:hover[b-d6m2ncux2j] {
    transform: translateY(-2px);
    box-shadow: inset -1px -1px 0 0 #404040, var(--mud-elevation-4);
    z-index: 2;
}