@import '_content/Blazor.SignaturePad/Blazor.SignaturePad.g22u5lm4z9.bundle.scp.css';

/* /Components/Clients/Detail/ClientChild/ClientLegalGuardianList.razor.rz.scp.css */
.contact-info[b-h7g3nu2m05] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

@media (min-width: 768px) {
    .contact-info[b-h7g3nu2m05] {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }
}
/* /Components/Common/Controls/ShnAvatar.razor.rz.scp.css */
.avatar[b-i140t6pbrh] {
    --avatar-size-small: 2rem;
    --avatar-size-medium: 2.5rem;
    --avatar-size-large: 5rem;
    
    border-radius: 100%;
    background-color: var(--rz-primary-lighter);
    overflow: hidden;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    .avatar__image {
        display: block;
        width: 100%;
        object-fit: cover;
    }
    
    .avatar__initials[b-i140t6pbrh] {
        color: var(--rz-primary-darker);
        font-weight: bold;
    }
}
.avatar[b-i140t6pbrh]  .avatar__icon {
    color: var(--rz-primary-darker);
}
.avatar-small[b-i140t6pbrh] {
    height: var(--avatar-size-small);
    width: var(--avatar-size-small);
}
.avatar-medium[b-i140t6pbrh] {
    height: var(--avatar-size-medium);
    width: var(--avatar-size-medium);
}
.avatar-large[b-i140t6pbrh] {
    height: var(--avatar-size-large);
    width: var(--avatar-size-large);
    
    .avatar__initials {
        font-size: 2rem;
    }
}

/* /Components/Common/Controls/ShnCollapse.razor.rz.scp.css */
.collapse[b-mhbw3qqbk7] {
    --inner-spacing: 1rem 1.5rem;

    border: 1px solid var(--rz-base-300);
    border-radius: var(--rz-border-radius-4);
    background-color: var(--rz-white);
    overflow: hidden;
    
    .collapse__header {
        padding: var(--inner-spacing);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        cursor: pointer;
        user-select: none;
    }
    
    .collapse__body[b-mhbw3qqbk7] {
        padding: var(--inner-spacing);
        display: grid;
        grid-template-rows: 1fr;
        transition: grid-template-rows 0.3s ease, opacity 0.3s ease;
        opacity: 1;
        overflow: hidden;
    }
    
    &.collapse--collapsed[b-mhbw3qqbk7]
    {
        .collapse__body {
            padding: 0;
            grid-template-rows: 0fr;
            opacity: 0;
        }
    }
    
    .collapse__body-inner[b-mhbw3qqbk7] {
        min-height: 0;
        overflow: hidden;
    }
}
/* /Components/Common/Controls/ShnDate.razor.rz.scp.css */
.date[b-hv7e8106cj] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-width: 3.5rem;
}

.day[b-hv7e8106cj] {
    font-size: 1.5rem;
    font-weight: 500;
    white-space: nowrap;
}
.month[b-hv7e8106cj] {
    color: var(--rz-text-tertiary-color);
    font-size: .875rem;
    text-transform: uppercase;
    white-space: nowrap;
}
.time[b-hv7e8106cj] {
    font-size: .75rem;
    color: var(--rz-danger-dark);
    white-space: nowrap;
}
/* /Components/Common/Controls/ShnIconBadge.razor.rz.scp.css */
.icon__badge[b-muuubddizb] {
    background-color: var(--rz-primary-lighter);
    border-radius: var(--rz-border-radius-1);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.75rem;
    width: 1.75rem;
    
    & * {
        font-size: 1rem;
        color: var(--rz-primary-darker);
    }
}
/* /Components/Common/Controls/ShnList.razor.rz.scp.css */
.list[b-i0vplle8sf] {
    --list-inner-spacing: 1rem 1.5rem;

    .list__filter {
        padding: var(--list-inner-spacing);
    }

    .list__container[b-i0vplle8sf] {
        border: 1px solid var(--rz-base-300);
        border-radius: var(--rz-border-radius-4);
        background-color: var(--rz-white);
        overflow: hidden;
    }

    .list__count .text-muted[b-i0vplle8sf] {
        margin-left: 4px;
    }

    .list__header[b-i0vplle8sf] {
        > h1, h2, h3, h4, h5, h6 {
            margin: 0;
        }

        padding: var(--list-inner-spacing);
        border-bottom: 1px solid var(--rz-base-300);[b-i0vplle8sf]
    }

    .list__footer[b-i0vplle8sf] {
        padding: var(--list-inner-spacing);
    }
}

.list__items[b-i0vplle8sf]  .list__item {
    border-top: 1px solid var(--rz-base-300);
}

.list__items[b-i0vplle8sf]  ul:first-of-type li .list__item {
    border-top: none;
}
/* /Components/Common/Controls/ShnListItem.razor.rz.scp.css */
.list__item[b-vef07kkm0m] {
    padding: 1.5rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    
    &:hover {
        background-color: var(--rz-primary-lighter);
    }
}
.left[b-vef07kkm0m] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.right[b-vef07kkm0m] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: space-between;
}
.divider[b-vef07kkm0m] {
    margin: 0;
}

@media screen and (min-width: 576px) {
    .list__item[b-vef07kkm0m] {
        flex-direction: row;
        justify-content: space-between;
    }
    .right[b-vef07kkm0m] {
        justify-content: flex-end;
        align-items: center;
    }
    .divider[b-vef07kkm0m] {
        display: none;
    }
}
/* /Components/Common/Controls/ShnTimeField.razor.rz.scp.css */
.time-container[b-c4fks8dulx] {
    display: flex;
    align-items: center; 
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.4rem 0.75rem;
}

.error-list[b-c4fks8dulx] {
    list-style: none;
    margin: 0.25rem 0 0;
    padding: 0;
    color: var(--rz-danger, #dc3545);
    font-size: 0.75rem;
}

    .error-list li[b-c4fks8dulx] {
        margin: 0.25rem 0;
        display: flex;
        align-items: center;
    }

        .error-list li[b-c4fks8dulx]::before {
            content: "⚠";
            margin-right: 0.5rem;
        }

.invalid[b-c4fks8dulx] {
    border: 1px solid #dc3545 !important;
}
/* /Components/Common/MonthNavigation/MonthNavigationView.razor.rz.scp.css */
.month-navigation[b-rcsxy33zzl] {
    background-color: var(--rz-base-100);
    border-radius: var(--rz-border-radius-2);
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.month-navigation[b-rcsxy33zzl]  i {
    font-size: 2rem;
    color: var(--rz-base-700);
}

.title[b-rcsxy33zzl] {
    min-width: 146px;
    color: var(--rz-base-900);
    font-size: 1.25rem;
    margin: 0;
    text-align: center;
    font-weight: 500;
}
/* /Components/ShiftSchedule/MyDayShiftSchedule/MyPendingSubstitutesView.razor.rz.scp.css */
.shn-substitute-header[b-gsl7y1zb44] {
    display: flex;
    flex-direction: row;
    background-color: #e8f4fd;
    border-radius: 8px 8px 0 0;
    padding: 12px 16px;
    align-items: center;
    justify-content: space-between;
}

.shn-warning-card[b-gsl7y1zb44] {
    background-color: rgba(234, 179, 8, 0.1);
    border-radius: 8px;
    padding: 12px 16px;
    margin: 0 16px;
}

.shn-schedule-time-card[b-gsl7y1zb44] {
    background-color: #e8f4fd;
    border-radius: 8px;
    padding: 12px 16px;
}

.shn-actions-row[b-gsl7y1zb44] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 16px;
    gap: 8px;
}

.shn-actions-group[b-gsl7y1zb44] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

@media (max-width: 940px) {
    .shn-actions-row[b-gsl7y1zb44] {
        flex-wrap: wrap;
        margin: 12px;
        gap: 6px;
    }

    .shn-substitute-header[b-gsl7y1zb44] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .shn-warning-card[b-gsl7y1zb44] {
        margin: 0 12px;
    }
}

@media (max-width: 800px) {
    [b-gsl7y1zb44] .shn-action-btn .rz-button-text {
        display: none;
    }
}
/* /Components/WorkingHours/WorkDayBreakSuggestionDialog.razor.rz.scp.css */
.break-suggestion-dialog[b-7d13ciib1b] {
    min-width: 480px;
}

.break-suggestion-icon[b-7d13ciib1b] {
    font-size: 1rem;
}

[b-7d13ciib1b] .break-suggestion-timepicker {
    width: 140px;
}

[b-7d13ciib1b] .rz-form-field.break-suggestion-timepicker-field {
    flex: 1 1 0;
    min-width: 120px;
}