/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-3q2v9ukk6g] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-3q2v9ukk6g] {
    flex: 1;
}

.sidebar[b-3q2v9ukk6g] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-3q2v9ukk6g] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-3q2v9ukk6g]  a, .top-row[b-3q2v9ukk6g]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-3q2v9ukk6g]  a:hover, .top-row[b-3q2v9ukk6g]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-3q2v9ukk6g]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-3q2v9ukk6g] {
        justify-content: space-between;
    }

    .top-row[b-3q2v9ukk6g]  a, .top-row[b-3q2v9ukk6g]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-3q2v9ukk6g] {
        flex-direction: row;
    }

    .sidebar[b-3q2v9ukk6g] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-3q2v9ukk6g] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-3q2v9ukk6g]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-3q2v9ukk6g], article[b-3q2v9ukk6g] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-3q2v9ukk6g] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-3q2v9ukk6g] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-w44xvpz2pi] {
    appearance: none;
    cursor: pointer;
    width: 2.75rem;
    height: 2.75rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.5rem rgba(255, 255, 255, 0.1);
    border-radius: 0.25rem;
    min-height: 44px;
    min-width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.navbar-toggler:active[b-w44xvpz2pi] {
    background-color: rgba(255, 255, 255, 0.3);
}

.navbar-toggler:checked[b-w44xvpz2pi] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-w44xvpz2pi] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
    padding: 0.5rem 0;
}

.user-name[b-w44xvpz2pi] {
    max-width: 150px;
    font-size: 0.875rem;
}

.btn-mobile-logout[b-w44xvpz2pi] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    white-space: nowrap;
}

.navbar-brand[b-w44xvpz2pi] {
    font-size: 1.1rem;
}

@media (max-width: 640px) {
    .navbar-brand[b-w44xvpz2pi] {
        font-size: 0.95rem;
    }
}

.bi[b-w44xvpz2pi] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: 0;
    background-size: cover;
    flex-shrink: 0;
}

@media (max-width: 640px) {
    .bi[b-w44xvpz2pi] {
        width: 1.1rem;
        height: 1.1rem;
        margin-right: 0.625rem;
    }
}

.bi-house-door-fill-nav-menu[b-w44xvpz2pi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-w44xvpz2pi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-w44xvpz2pi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-people-fill-nav-menu[b-w44xvpz2pi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

.bi-person-lines-fill-nav-menu[b-w44xvpz2pi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-lines-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm0 3a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4z'/%3E%3C/svg%3E");
}

.bi-diagram-3-nav-menu[b-w44xvpz2pi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-shuffle' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M0 3.5A.5.5 0 0 1 .5 3h1a.5.5 0 0 1 .5.5v.006c0 .072 0 .148-.012.223a.5.5 0 0 0 .372.735A.5.5 0 0 1 3 4.5v1a.5.5 0 0 1-.5.5H1.707l.854.854a.5.5 0 1 1-.708.708l-1.5-1.5a.5.5 0 0 1 0-.708l1.5-1.5a.5.5 0 1 1 .708.708L1.707 4H2.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-.5a.5.5 0 0 0-.5-.5h-1A.5.5 0 0 1 0 3.5zm4 1a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1H4.5a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1H4.5a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-calendar3-nav-menu[b-w44xvpz2pi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar-check' viewBox='0 0 16 16'%3E%3Cpath d='M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z'/%3E%3Cpath d='M6 .5a.5.5 0 0 0-1 0V1H4.5A1.5 1.5 0 0 0 3 2.5v1H2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-1V2.5A1.5 1.5 0 0 0 11.5 1H11V.5a.5.5 0 0 0-1 0V1H6V.5zM4.5 2a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1H4V2z'/%3E%3C/svg%3E");
}

.bi-calendar-x-nav-menu[b-w44xvpz2pi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar-x' viewBox='0 0 16 16'%3E%3Cpath d='M6.146 7.354l.894-.894a.5.5 0 1 1 .708.708l-.894.894.894.894a.5.5 0 0 1-.708.708l-.894-.894-.894.894a.5.5 0 0 1-.708-.708l.894-.894-.894-.894a.5.5 0 1 1 .708-.708l.894.894z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 0-.5.5V1H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5a.5.5 0 0 0-.5-.5zM16 3v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
}

.bi-journal-check-nav-menu[b-w44xvpz2pi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-journal-check' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10.854 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 8.793l2.646-2.647a.5.5 0 0 1 .708 0z'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3z'/%3E%3C/svg%3E");
}

.bi-calendar-check-nav-menu[b-w44xvpz2pi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-receipt' viewBox='0 0 16 16'%3E%3Cpath d='M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .601.113l.5.5a.5.5 0 0 1-.113.601l-.646.646.646.647a.5.5 0 0 1-.113.601l-.5.5a.5.5 0 0 1-.601-.113l-.646-.647-.646.647a.5.5 0 0 1-.708 0l-.646-.647-.646.647a.5.5 0 0 1-.708 0l-.646-.647-.646.647a.5.5 0 0 1-.601.113l-.5-.5a.5.5 0 0 1 .113-.601l.646-.646-.646-.647a.5.5 0 0 1 .113-.601l.5-.5a.5.5 0 0 1 .601-.113zm2.5 7.5H.5a.5.5 0 0 1 0-1h3V4h10v7.5h3a.5.5 0 0 1 0 1h-3V15H4.5v-1.5zM4 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-receipt-nav-menu[b-w44xvpz2pi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-receipt' viewBox='0 0 16 16'%3E%3Cpath d='M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .601.113l.5.5a.5.5 0 0 1-.113.601l-.646.646.646.647a.5.5 0 0 1-.113.601l-.5.5a.5.5 0 0 1-.601-.113l-.646-.647-.646.647a.5.5 0 0 1-.708 0l-.646-.647-.646.647a.5.5 0 0 1-.708 0l-.646-.647-.646.647a.5.5 0 0 1-.601.113l-.5-.5a.5.5 0 0 1 .113-.601l.646-.646-.646-.647a.5.5 0 0 1 .113-.601l.5-.5a.5.5 0 0 1 .601-.113zm2.5 7.5H.5a.5.5 0 0 1 0-1h3V4h10v7.5h3a.5.5 0 0 1 0 1h-3V15H4.5v-1.5zM4 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-w44xvpz2pi] {
    font-size: 0.9rem;
    padding-bottom: 0.25rem;
}

    .nav-item:first-of-type[b-w44xvpz2pi] {
        padding-top: 0.5rem;
    }

    .nav-item:last-of-type[b-w44xvpz2pi] {
        padding-bottom: 0.5rem;
    }

    .nav-item[b-w44xvpz2pi]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        min-height: 2.75rem;
        display: flex;
        align-items: center;
        line-height: 1.5;
        width: 100%;
        padding: 0.5rem 0.75rem;
        transition: background-color 0.15s ease, color 0.15s ease;
    }

.nav-item[b-w44xvpz2pi]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-w44xvpz2pi]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-item[b-w44xvpz2pi]  .nav-link:active {
    background-color: rgba(255,255,255,0.2);
}

.nav-scrollable[b-w44xvpz2pi] {
    display: none;
    position: fixed;
    top: 3.5rem;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #212529;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 999;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.navbar-toggler:checked ~ .nav-scrollable[b-w44xvpz2pi] {
    display: block;
}

@media (max-width: 640px) {
    .navbar-toggler[b-w44xvpz2pi] {
        display: block;
    }

    .nav-scrollable[b-w44xvpz2pi] {
        /* Scrollable on mobile */
        max-height: calc(100vh - 3.5rem);
    }
}

@media (min-width: 641px) {
    .navbar-toggler[b-w44xvpz2pi] {
        display: none;
    }

    .nav-scrollable[b-w44xvpz2pi] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        background-color: transparent;
        overflow-y: auto;
        box-shadow: none;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
    }

    .nav-item[b-w44xvpz2pi] {
        font-size: 0.875rem;
        padding-bottom: 0.5rem;
    }

        .nav-item:first-of-type[b-w44xvpz2pi] {
            padding-top: 1rem;
        }

        .nav-item:last-of-type[b-w44xvpz2pi] {
            padding-bottom: 1rem;
        }

    .nav-item[b-w44xvpz2pi]  .nav-link {
        min-height: 2.5rem;
        padding: 0.75rem 1rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ah0anccb8d],
.components-reconnect-repeated-attempt-visible[b-ah0anccb8d],
.components-reconnect-failed-visible[b-ah0anccb8d],
.components-pause-visible[b-ah0anccb8d],
.components-resume-failed-visible[b-ah0anccb8d],
.components-rejoining-animation[b-ah0anccb8d] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ah0anccb8d],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-ah0anccb8d],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-ah0anccb8d],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-ah0anccb8d],
#components-reconnect-modal.components-reconnect-retrying[b-ah0anccb8d],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-ah0anccb8d],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-ah0anccb8d],
#components-reconnect-modal.components-reconnect-failed[b-ah0anccb8d],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-ah0anccb8d] {
    display: block;
}


#components-reconnect-modal[b-ah0anccb8d] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-ah0anccb8d 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-ah0anccb8d 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-ah0anccb8d 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-ah0anccb8d]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-ah0anccb8d 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-ah0anccb8d {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-ah0anccb8d {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-ah0anccb8d {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-ah0anccb8d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-ah0anccb8d] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-ah0anccb8d] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-ah0anccb8d] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-ah0anccb8d] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-ah0anccb8d] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-ah0anccb8d] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-ah0anccb8d 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-ah0anccb8d] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-ah0anccb8d {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AssociationEdit.razor.rz.scp.css */
/* AssociationEdit Page Responsive Styling */

/* Row and column resets */
.row[b-lr2ip8iw86] {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.col-md-8[b-lr2ip8iw86] {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Header */
h1[b-lr2ip8iw86] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
}

/* Form container */
.form-container[b-lr2ip8iw86] {
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

/* Form styling */
.mb-3[b-lr2ip8iw86] {
    margin-bottom: 1rem;
}

.form-label[b-lr2ip8iw86] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
}

.form-control[b-lr2ip8iw86],
.form-select[b-lr2ip8iw86] {
    font-size: 0.95rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
}

.form-check[b-lr2ip8iw86] {
    margin-left: 0;
}

.form-check-label[b-lr2ip8iw86] {
    margin-left: 0.5rem;
    font-size: 0.9rem;
}

/* List group styling */
.list-group[b-lr2ip8iw86] {
    border-radius: 0.25rem;
}

.list-group-item[b-lr2ip8iw86] {
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
}

/* Alert styling */
.alert[b-lr2ip8iw86] {
    padding: 0.75rem;
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
}

/* Button styling */
.btn[b-lr2ip8iw86] {
    padding: 0.5rem 1rem;
    font-size: 0.95rem;
    border-radius: 0.25rem;
}

.btn-sm[b-lr2ip8iw86] {
    padding: 0.35rem 0.6rem;
    font-size: 0.8rem;
}

/* Days in Week grid */
.days-grid[b-lr2ip8iw86] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem 0.6rem;
}

.days-grid .col-md-6[b-lr2ip8iw86] {
    margin-bottom: 0;
}

/* Form actions */
.form-actions[b-lr2ip8iw86] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.form-actions .btn[b-lr2ip8iw86] {
    flex: 1;
    min-width: 100px;
}

/* Mobile - small screens */
@media (max-width: 640px) {
    h1[b-lr2ip8iw86] {
        font-size: 1.3rem;
        gap: 0.4rem;
    }

    .form-container[b-lr2ip8iw86] {
        padding-left: 0;
        padding-right: 0;
    }

    .mb-3[b-lr2ip8iw86] {
        margin-bottom: 0.75rem;
    }

    /* Slightly smaller labels for mobile */
    .form-label[b-lr2ip8iw86] {
        font-size: 0.85rem;
        margin-bottom: 0.4rem;
    }

    /* Better input sizing */
    .form-control[b-lr2ip8iw86],
    .form-select[b-lr2ip8iw86] {
        font-size: 1rem; /* Prevent zoom on iOS */
        padding: 0.55rem 0.65rem;
    }

    /* Days grid compact layout */
    .days-grid[b-lr2ip8iw86] {
        grid-template-columns: 1fr 1fr;
        gap: 0.25rem 0.4rem;
    }

    /* Checkbox styling */
    .form-check[b-lr2ip8iw86] {
        display: flex;
        align-items: center;
        margin-bottom: 0.5rem;
    }

    .form-check-input[b-lr2ip8iw86] {
        margin-right: 0.5rem;
        margin-top: 0;
    }

    .form-check-label[b-lr2ip8iw86] {
        font-size: 0.85rem;
        margin-left: 0;
        margin-bottom: 0;
        flex: 1;
    }

    /* Dropdown lists for search results */
    .list-group[b-lr2ip8iw86] {
        max-height: 150px !important;
        font-size: 0.85rem;
    }

    .list-group-item[b-lr2ip8iw86] {
        padding: 0.4rem 0.6rem;
        font-size: 0.8rem;
    }

    /* Alert sizing */
    .alert[b-lr2ip8iw86] {
        padding: 0.6rem;
        font-size: 0.8rem;
        margin-bottom: 0.6rem;
    }

    /* Form buttons */
    .form-actions[b-lr2ip8iw86] {
        gap: 0.4rem;
        margin-top: 1rem;
    }

    .form-actions .btn[b-lr2ip8iw86] {
        padding: 0.45rem 0.75rem;
        font-size: 0.85rem;
        flex: 1;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    h1[b-lr2ip8iw86] {
        font-size: 1.1rem;
        gap: 0.3rem;
    }

    .form-container[b-lr2ip8iw86] {
        padding-left: 0;
        padding-right: 0;
    }

    .form-label[b-lr2ip8iw86] {
        font-size: 0.8rem;
    }

    .form-control[b-lr2ip8iw86],
    .form-select[b-lr2ip8iw86] {
        font-size: 1rem;
        padding: 0.5rem 0.6rem;
    }

    /* Days grid - adjust for compact layout */
    .days-grid[b-lr2ip8iw86] {
        grid-template-columns: 1fr 1fr;
        gap: 0.15rem 0.3rem;
    }

    .form-check-label[b-lr2ip8iw86] {
        font-size: 0.8rem;
    }

    .list-group[b-lr2ip8iw86] {
        max-height: 120px !important;
        font-size: 0.75rem;
    }

    .list-group-item[b-lr2ip8iw86] {
        padding: 0.35rem 0.5rem;
        font-size: 0.75rem;
    }

    .alert[b-lr2ip8iw86] {
        padding: 0.5rem;
        font-size: 0.75rem;
    }

    .form-actions[b-lr2ip8iw86] {
        flex-direction: column;
        gap: 0.3rem;
    }

    .form-actions .btn[b-lr2ip8iw86] {
        padding: 0.4rem 0.6rem;
        font-size: 0.8rem;
        width: 100%;
    }
}

/* Tablet - medium screens */
@media (min-width: 641px) and (max-width: 1024px) {
    h1[b-lr2ip8iw86] {
        font-size: 1.5rem;
    }

    .form-container[b-lr2ip8iw86] {
        padding-left: 0;
        padding-right: 0;
    }

    .form-label[b-lr2ip8iw86] {
        font-size: 0.9rem;
    }

    .form-control[b-lr2ip8iw86],
    .form-select[b-lr2ip8iw86] {
        font-size: 0.9rem;
    }

    .form-actions .btn[b-lr2ip8iw86] {
        flex: 0 1 auto;
        min-width: 120px;
    }
}

/* Desktop - large screens */
@media (min-width: 1025px) {
    h1[b-lr2ip8iw86] {
        font-size: 2rem;
    }

    .form-container[b-lr2ip8iw86] {
        padding-left: 0;
        padding-right: 0;
    }

    .form-actions .btn[b-lr2ip8iw86] {
        flex: 0 1 auto;
    }
}
/* /Components/Pages/Associations.razor.rz.scp.css */
/* Associations Page Responsive Styling */

/* Header */
h1[b-8vovrr9usv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
}

h1 .btn[b-8vovrr9usv] {
    white-space: nowrap;
}

/* Search and filter section */
.mb-3[b-8vovrr9usv] {
    margin-bottom: 1rem;
}

.row[b-8vovrr9usv] {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.col-md-8[b-8vovrr9usv] {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.form-control[b-8vovrr9usv],
.form-select[b-8vovrr9usv] {
    font-size: 0.95rem;
    padding: 0.5rem 0.75rem;
}

/* Input group styling */
.input-group[b-8vovrr9usv] {
    display: flex;
    flex-direction: row;
    gap: 0;
}

/* Table styling */
.table[b-8vovrr9usv] {
    font-size: 0.9rem;
    margin-bottom: 1rem;
    width: 100%;
    table-layout: fixed;
}

.table thead[b-8vovrr9usv] {
    background-color: #f8f9fa;
}

.table th[b-8vovrr9usv] {
    font-weight: 600;
    padding: 0.75rem 0.5rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    word-wrap: break-word;
}

.table td[b-8vovrr9usv] {
    padding: 0.6rem 0.5rem;
    vertical-align: middle;
    word-wrap: break-word;
}

.table a[b-8vovrr9usv] {
    text-decoration: none;
    color: inherit;
}

.table a:hover[b-8vovrr9usv] {
    text-decoration: underline;
}

/* Button styling */
.btn-sm[b-8vovrr9usv] {
    padding: 0.35rem 0.6rem;
    font-size: 0.8rem;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}

.btn-sm svg[b-8vovrr9usv] {
    width: 14px;
    height: 14px;
}

/* Badge styling */
.badge[b-8vovrr9usv] {
    padding: 0.4rem 0.6rem;
    font-size: 0.75rem;
}

/* Modal styling */
.modal-content[b-8vovrr9usv] {
    border-radius: 0.5rem;
}

.modal-header[b-8vovrr9usv] {
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.modal-body[b-8vovrr9usv] {
    padding: 1rem;
}

.modal-footer[b-8vovrr9usv] {
    padding: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* Mobile - small screens */
@media (max-width: 640px) {
    h1[b-8vovrr9usv] {
        font-size: 1.3rem;
        gap: 0.5rem;
    }

    h1 .btn[b-8vovrr9usv] {
        padding: 0.35rem 0.65rem;
        font-size: 0.8rem;
    }

    .row[b-8vovrr9usv] {
        margin-left: 0;
        margin-right: 0;
    }

    .col-md-8[b-8vovrr9usv] {
        padding-left: 0;
        padding-right: 0;
    }

    .input-group .form-control[b-8vovrr9usv] {
        flex: 1;
        min-width: 0;
    }

    .input-group .form-select[b-8vovrr9usv],
    .input-group .btn[b-8vovrr9usv] {
        flex-shrink: 0;
        white-space: nowrap;
        padding: 0.55rem 0.6rem;
        font-size: 0.9rem;
    }

    .form-control[b-8vovrr9usv],
    .form-select[b-8vovrr9usv] {
        font-size: 1rem; /* Prevent zoom on iOS */
        padding: 0.55rem 0.65rem;
    }

    /* Card view for associations */
    .table[b-8vovrr9usv] {
        display: block;
        border: none;
        width: 100%;
    }

    .table thead[b-8vovrr9usv] {
        display: none;
    }

    .table tbody[b-8vovrr9usv] {
        display: block;
    }

    .table tr[b-8vovrr9usv] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.6rem;
        border: 1px solid #e9ecef;
        border-radius: 0.375rem;
        margin-bottom: 0.75rem;
        padding: 0.75rem;
        background-color: #ffffff;
        box-shadow: 0 0.035rem 0.2rem rgba(0, 0, 0, 0.075);
    }

    /* Header section - Customer and Maid names */
    .table td:nth-child(1)[b-8vovrr9usv],
    .table td:nth-child(2)[b-8vovrr9usv] {
        grid-column: span 1;
        padding: 0;
        border: none;
        font-weight: 600;
        font-size: 0.8rem;
    }

    /* Information fields - 2 columns */
    .table td:nth-child(n+3):nth-child(-n+8)[b-8vovrr9usv] {
        padding: 0;
        border: none;
        font-size: 0.75rem;
        grid-column: span 1;
    }

    /* End Date field */
    .table td:nth-child(9)[b-8vovrr9usv] {
        padding: 0;
        border: none;
        font-size: 0.75rem;
        grid-column: span 1;
    }

    /* Actions section - span both columns */
    .table td:nth-child(10)[b-8vovrr9usv] {
        grid-column: 1 / -1;
        padding: 0.5rem 0 0;
        padding-top: 0.5rem;
    }

    .table td[b-8vovrr9usv] {
        display: flex;
        flex-direction: column;
        padding: 0;
        word-wrap: break-word;
        border: none;
    }

    /* Add labels for all fields */
    .table td[b-8vovrr9usv]::before {
        content: attr(data-label);
        font-weight: 700;
        display: inline;
        font-size: 0.65rem;
        color: #6c757d;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        margin-right: 0.3rem;
    }

    /* Hide label for customer and maid (header) */
    .table td:nth-child(1)[b-8vovrr9usv]::before,
    .table td:nth-child(2)[b-8vovrr9usv]::before {
        display: none;
    }

    /* Hide labels for actions */
    .table td:last-child[b-8vovrr9usv]::before {
        display: none;
    }

    /* Hide non-essential columns in card view - still show them */
    .table td.d-none.d-lg-table-cell[b-8vovrr9usv],
    .table td.d-none.d-md-table-cell[b-8vovrr9usv] {
        display: flex !important;
    }

    /* Button styling in cards */
    .table td:last-child[b-8vovrr9usv] {
        display: flex;
        flex-direction: row;
        gap: 0.3rem;
        padding-top: 0.5rem;
    }

    .table td .d-flex[b-8vovrr9usv] {
        margin: 0;
        padding: 0;
        border: none !important;
        gap: 0.3rem;
        flex-wrap: wrap;
    }

    .table td .btn-sm[b-8vovrr9usv] {
        padding: 0.35rem 0.55rem;
        font-size: 0.8rem;
    }

    .table td .btn-sm svg[b-8vovrr9usv] {
        width: 14px;
        height: 14px;
    }

    /* Text sizing */
    .text-muted[b-8vovrr9usv] {
        font-size: 0.8rem;
    }

    /* Badge styling */
    .badge[b-8vovrr9usv] {
        padding: 0.35rem 0.5rem;
        font-size: 0.75rem;
    }

    /* Modal adjustments */
    .modal-dialog-centered[b-8vovrr9usv] {
        width: 95%;
        margin: auto;
    }

    .modal-header[b-8vovrr9usv] {
        padding: 0.75rem;
    }

    .modal-body[b-8vovrr9usv] {
        padding: 0.75rem;
    }

    .modal-footer[b-8vovrr9usv] {
        padding: 0.75rem;
    }

    .modal-title[b-8vovrr9usv] {
        font-size: 0.95rem;
        word-break: break-word;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    h1[b-8vovrr9usv] {
        font-size: 1.15rem;
        gap: 0.4rem;
    }

    h1 .btn[b-8vovrr9usv] {
        padding: 0.3rem 0.55rem;
        font-size: 0.75rem;
    }

    /* Keep 2 columns on small screens */
    .table tr[b-8vovrr9usv] {
        grid-template-columns: 1fr 1fr;
        gap: 0.4rem;
        margin-bottom: 0.6rem;
        padding: 0.6rem;
    }

    /* Actions still spans full width */
    .table td:nth-child(10)[b-8vovrr9usv] {
        grid-column: 1 / -1;
        padding-top: 0.4rem;
    }

    .table td[b-8vovrr9usv] {
        font-size: 0.7rem;
    }

    .table td[b-8vovrr9usv]::before {
        font-size: 0.6rem;
        margin-right: 0.2rem;
        margin-bottom: 0;
    }

    .table td:last-child[b-8vovrr9usv] {
        gap: 0.25rem;
        padding-top: 0.4rem;
    }

    .table td .d-flex[b-8vovrr9usv] {
        gap: 0.25rem;
    }

    .btn-sm[b-8vovrr9usv] {
        padding: 0.25rem 0.4rem;
        font-size: 0.7rem;
    }

    .btn-sm svg[b-8vovrr9usv] {
        width: 12px;
        height: 12px;
    }

    .badge[b-8vovrr9usv] {
        font-size: 0.65rem;
        padding: 0.2rem 0.3rem;
    }
}

/* Tablet - medium screens */
@media (min-width: 641px) and (max-width: 1024px) {
    h1[b-8vovrr9usv] {
        font-size: 1.5rem;
    }

    h1 .btn[b-8vovrr9usv] {
        padding: 0.35rem 0.7rem;
        font-size: 0.8rem;
    }

    .table[b-8vovrr9usv] {
        font-size: 0.85rem;
    }

    .table th[b-8vovrr9usv] {
        padding: 0.65rem 0.45rem;
    }

    .table td[b-8vovrr9usv] {
        padding: 0.55rem 0.45rem;
    }

    .btn-sm[b-8vovrr9usv] {
        padding: 0.32rem 0.55rem;
        font-size: 0.75rem;
    }
}

/* Desktop - large screens */
@media (min-width: 1025px) {
    h1[b-8vovrr9usv] {
        font-size: 2rem;
    }

    .table[b-8vovrr9usv] {
        font-size: 0.9rem;
    }

    .table th[b-8vovrr9usv] {
        padding: 0.75rem 0.75rem;
    }

    .table td[b-8vovrr9usv] {
        padding: 0.65rem 0.75rem;
    }

    .btn-sm[b-8vovrr9usv] {
        padding: 0.375rem 0.75rem;
        font-size: 0.875rem;
    }
}
/* /Components/Pages/CustomerEdit.razor.rz.scp.css */
/* CustomerEdit Page Responsive Styling */

/* Header */
h1[b-fhmbr25vun] {
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
}

/* Row and column */
.row[b-fhmbr25vun] {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.col-md-6[b-fhmbr25vun] {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Form styling */
.form-label[b-fhmbr25vun] {
    font-weight: 500;
    font-size: 0.95rem;
    margin-bottom: 0.4rem;
}

.form-control[b-fhmbr25vun],
.form-select[b-fhmbr25vun] {
    font-size: 0.95rem;
    padding: 0.5rem 0.75rem;
}

.mb-3[b-fhmbr25vun] {
    margin-bottom: 1rem;
}

.mb-3 .form-control[b-fhmbr25vun],
.mb-3 .form-select[b-fhmbr25vun] {
    width: 100%;
}

/* Button styling */
.btn[b-fhmbr25vun] {
    padding: 0.45rem 1rem;
    font-size: 0.95rem;
    font-weight: 500;
}

.btn-primary[b-fhmbr25vun] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-secondary[b-fhmbr25vun] {
    background-color: #6c757d;
    border-color: #6c757d;
}

.d-flex[b-fhmbr25vun] {
    display: flex;
    gap: 0.75rem;
}

.d-flex .btn[b-fhmbr25vun] {
    flex: 1;
}

/* Alert */
.alert[b-fhmbr25vun] {
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.alert-danger[b-fhmbr25vun] {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

/* Validation message */
.validation-message[b-fhmbr25vun] {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

/* Mobile - small screens */
@media (max-width: 640px) {
    h1[b-fhmbr25vun] {
        font-size: 1.3rem;
        margin-bottom: 1.25rem;
    }

    .row[b-fhmbr25vun] {
        margin-left: 0;
        margin-right: 0;
    }

    .col-md-6[b-fhmbr25vun] {
        padding-left: 0;
        padding-right: 0;
    }

    .form-label[b-fhmbr25vun] {
        font-size: 0.9rem;
        margin-bottom: 0.35rem;
    }

    .form-control[b-fhmbr25vun],
    .form-select[b-fhmbr25vun] {
        font-size: 1rem; /* Prevent zoom on iOS */
        padding: 0.5rem 0.6rem;
    }

    .mb-3[b-fhmbr25vun] {
        margin-bottom: 0.85rem;
    }

    .btn[b-fhmbr25vun] {
        padding: 0.4rem 0.8rem;
        font-size: 0.85rem;
        width: 100%;
    }

    .d-flex[b-fhmbr25vun] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .d-flex .btn[b-fhmbr25vun] {
        flex: 1;
        width: 100%;
    }

    .alert[b-fhmbr25vun] {
        padding: 0.65rem 0.85rem;
        font-size: 0.9rem;
    }

    .validation-message[b-fhmbr25vun] {
        font-size: 0.8rem;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    h1[b-fhmbr25vun] {
        font-size: 1.15rem;
        margin-bottom: 1rem;
    }

    .form-label[b-fhmbr25vun] {
        font-size: 0.85rem;
    }

    .form-control[b-fhmbr25vun],
    .form-select[b-fhmbr25vun] {
        font-size: 1rem;
        padding: 0.45rem 0.55rem;
    }

    .mb-3[b-fhmbr25vun] {
        margin-bottom: 0.75rem;
    }

    .btn[b-fhmbr25vun] {
        padding: 0.35rem 0.7rem;
        font-size: 0.8rem;
    }

    .alert[b-fhmbr25vun] {
        padding: 0.6rem 0.75rem;
        font-size: 0.85rem;
    }

    .validation-message[b-fhmbr25vun] {
        font-size: 0.75rem;
    }
}

/* Tablet - medium screens */
@media (min-width: 641px) and (max-width: 1024px) {
    h1[b-fhmbr25vun] {
        font-size: 1.5rem;
    }

    .form-label[b-fhmbr25vun] {
        font-size: 0.92rem;
    }

    .form-control[b-fhmbr25vun],
    .form-select[b-fhmbr25vun] {
        font-size: 0.9rem;
        padding: 0.5rem 0.7rem;
    }

    .btn[b-fhmbr25vun] {
        padding: 0.42rem 0.9rem;
        font-size: 0.9rem;
    }
}

/* Desktop - large screens */
@media (min-width: 1025px) {
    h1[b-fhmbr25vun] {
        font-size: 2rem;
    }

    .form-label[b-fhmbr25vun] {
        font-size: 0.95rem;
    }

    .form-control[b-fhmbr25vun],
    .form-select[b-fhmbr25vun] {
        font-size: 0.95rem;
        padding: 0.5rem 0.75rem;
    }

    .btn[b-fhmbr25vun] {
        padding: 0.45rem 1rem;
        font-size: 0.95rem;
    }
}
/* /Components/Pages/CustomerJournals.razor.rz.scp.css */
/* CustomerJournals.razor - Mobile Responsive Styles */

/* Form Container Styling */
.form-container[b-oxxj3se45j] {
    margin: 0;
    padding: 0.75rem 0.75rem;
}

/* Reset Bootstrap row/column defaults */
.row[b-oxxj3se45j] {
    margin-left: 0;
    margin-right: 0;
}

.col-md-2[b-oxxj3se45j],
.col-md-4[b-oxxj3se45j],
.col-md-6[b-oxxj3se45j] {
    padding-left: 0;
    padding-right: 0;
}

/* Form elements - touch friendly */
.form-control[b-oxxj3se45j],
.form-select[b-oxxj3se45j] {
    font-size: 1rem;
}

/* Table Responsive */
.table-responsive[b-oxxj3se45j] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table[b-oxxj3se45j] {
    font-size: 0.9rem;
    min-width: 500px;
}

.table th[b-oxxj3se45j],
.table td[b-oxxj3se45j] {
    padding: 0.6rem 0.5rem;
    word-break: break-word;
}

/* Text alignment for numeric columns */
.text-end[b-oxxj3se45j] {
    text-align: right;
}

.fw-semibold[b-oxxj3se45j] {
    font-weight: 600;
}

/* Badge styling */
.badge[b-oxxj3se45j] {
    display: inline-block;
    padding: 0.35rem 0.65rem;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Modal Base Styling */
.modal[b-oxxj3se45j] {
    display: block !important;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal.show[b-oxxj3se45j] {
    display: block !important;
}

.modal-dialog[b-oxxj3se45j] {
    width: 90%;
    margin: 1.75rem auto;
    max-width: 500px;
}

.modal-content[b-oxxj3se45j] {
    border-radius: 0.375rem;
}

.modal-header[b-oxxj3se45j] {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
}

.modal-body[b-oxxj3se45j] {
    padding: 1rem;
}

.modal-footer[b-oxxj3se45j] {
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}

/* Button Styling */
.btn[b-oxxj3se45j] {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
}

.btn-sm[b-oxxj3se45j] {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

/* Quick Actions - h5 on first line, buttons on next */
.card-body .row[b-oxxj3se45j] {
    display: flex;
    flex-wrap: wrap;
}

.card-body .row > .col-md-6[b-oxxj3se45j] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: flex-start;
}

.card-body .row > .col-md-6 > h5[b-oxxj3se45j] {
    width: 100%;
    margin-bottom: 0.75rem;
    flex-shrink: 0;
}

.card-body .row > .col-md-6 > .btn[b-oxxj3se45j] {
    white-space: nowrap;
    flex-shrink: 0;
}

/* Button Group/Actions */
.d-flex[b-oxxj3se45j] {
    display: flex;
}

.gap-2[b-oxxj3se45j] {
    gap: 0.5rem;
}

.me-2[b-oxxj3se45j] {
    margin-right: 0.5rem;
}

/* Pagination */
.pagination[b-oxxj3se45j] {
    flex-wrap: wrap;
    gap: 0.25rem;
}

.page-link[b-oxxj3se45j] {
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
}

/* Alert Styling */
.alert[b-oxxj3se45j] {
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
}

.text-muted[b-oxxj3se45j] {
    color: #6c757d !important;
}

.text-danger[b-oxxj3se45j] {
    color: #dc3545 !important;
}

.text-warning[b-oxxj3se45j] {
    color: #fd7e14 !important;
}

.bg-light[b-oxxj3se45j] {
    background-color: #f8f9fa !important;
}

/* Utility Classes */
.mb-3[b-oxxj3se45j] {
    margin-bottom: 1rem;
}

.mt-3[b-oxxj3se45j] {
    margin-top: 1rem;
}

.p-3[b-oxxj3se45j] {
    padding: 1rem;
}

.fs-5[b-oxxj3se45j] {
    font-size: 1.25rem;
}

.d-none[b-oxxj3se45j] {
    display: none !important;
}

.d-block[b-oxxj3se45j] {
    display: block !important;
}

/* Media Queries - Mobile Optimization */

/* Mobile Layout: ≤640px */
@media (max-width: 640px) {
    .form-container[b-oxxj3se45j] {
        padding: 0.6rem 0.6rem;
    }

    .table[b-oxxj3se45j] {
        font-size: 0.8rem;
        min-width: 450px;
    }

    .table th[b-oxxj3se45j],
    .table td[b-oxxj3se45j] {
        padding: 0.5rem 0.4rem;
    }

    .page-link[b-oxxj3se45j] {
        padding: 0.4rem 0.6rem;
        font-size: 0.8rem;
    }

    .badge[b-oxxj3se45j] {
        font-size: 0.65rem;
        padding: 0.25rem 0.5rem;
    }

    .btn[b-oxxj3se45j] {
        font-size: 0.8rem;
        padding: 0.4rem 0.8rem;
    }

    .btn-sm[b-oxxj3se45j] {
        padding: 0.2rem 0.4rem;
        font-size: 0.7rem;
    }

    /* Allow Quick Actions to wrap on mobile */
    .card-body .row > .col-md-6[b-oxxj3se45j] {
        flex-wrap: wrap;
    }

    .card-body .row > .col-md-6 > h5[b-oxxj3se45j] {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.5rem;
    }

    .card-body .row > .col-md-6 > .btn[b-oxxj3se45j] {
        margin-bottom: 0.4rem;
    }

    .card-body .row > .col-md-6 > .btn[b-oxxj3se45j] {
        margin-bottom: 0.4rem;
    }

    .modal-dialog[b-oxxj3se45j] {
        width: 95%;
        max-width: 90vw;
        margin: 1rem auto;
    }

    .modal-header[b-oxxj3se45j] {
        padding: 0.75rem;
    }

    .modal-body[b-oxxj3se45j] {
        padding: 0.75rem;
    }

    .modal-footer[b-oxxj3se45j] {
        padding: 0.75rem;
        flex-wrap: wrap;
    }

    .d-flex[b-oxxj3se45j] {
        flex-direction: column;
    }

    .gap-2[b-oxxj3se45j] {
        gap: 0.4rem;
    }

    .me-2[b-oxxj3se45j] {
        margin-right: 0;
        margin-bottom: 0.4rem;
    }

    .form-label[b-oxxj3se45j] {
        font-size: 0.9rem;
        margin-bottom: 0.4rem;
    }

    .alert[b-oxxj3se45j] {
        padding: 0.6rem 0.8rem;
        font-size: 0.85rem;
    }

    /* Hide page numbers on mobile, keep prev/next */
    @media (max-width: 480px) {
        .page-item:not(.disabled) .page-link[aria-label*="Previous"][b-oxxj3se45j],
        .page-item:not(.disabled) .page-link[aria-label*="Next"][b-oxxj3se45j] {
            display: inline-block;
        }
    }

    /* Column visibility */
    .d-lg-table-cell[b-oxxj3se45j] {
        display: none !important;
    }

    /* Adjust row column layout */
    .col-md-2[b-oxxj3se45j],
    .col-md-4[b-oxxj3se45j],
    .col-md-6[b-oxxj3se45j] {
        width: 100% !important;
        display: block;
        margin-bottom: 0.75rem;
    }

    .row.g-3[b-oxxj3se45j] {
        gap: 0.75rem !important;
    }

    .row[b-oxxj3se45j] {
        width: 100%;
    }
}

/* Extra Small Devices: ≤480px */
@media (max-width: 480px) {
    .form-container[b-oxxj3se45j] {
        padding: 0.5rem 0.5rem;
    }

    .table[b-oxxj3se45j] {
        font-size: 0.75rem;
        min-width: 400px;
    }

    .table th[b-oxxj3se45j],
    .table td[b-oxxj3se45j] {
        padding: 0.4rem 0.3rem;
    }

    .page-link[b-oxxj3se45j] {
        padding: 0.3rem 0.5rem;
        font-size: 0.7rem;
    }

    .badge[b-oxxj3se45j] {
        font-size: 0.6rem;
        padding: 0.2rem 0.4rem;
    }

    .btn[b-oxxj3se45j] {
        font-size: 0.75rem;
        padding: 0.35rem 0.7rem;
    }

    .btn-sm[b-oxxj3se45j] {
        padding: 0.15rem 0.35rem;
        font-size: 0.65rem;
    }

    .modal-dialog[b-oxxj3se45j] {
        width: 98%;
        max-width: 100vw;
        margin: 0.5rem auto;
    }

    .modal-header[b-oxxj3se45j] {
        padding: 0.6rem;
    }

    .modal-body[b-oxxj3se45j] {
        padding: 0.6rem;
    }

    .modal-footer[b-oxxj3se45j] {
        padding: 0.6rem;
        gap: 0.3rem;
    }

    .d-flex[b-oxxj3se45j] {
        flex-direction: column;
        gap: 0.3rem;
    }

    .gap-2[b-oxxj3se45j] {
        gap: 0.3rem;
    }

    .me-2[b-oxxj3se45j] {
        margin-right: 0;
        margin-bottom: 0.3rem;
    }

    .form-label[b-oxxj3se45j] {
        font-size: 0.85rem;
        margin-bottom: 0.3rem;
    }

    .alert[b-oxxj3se45j] {
        padding: 0.5rem 0.6rem;
        font-size: 0.8rem;
    }

    .p-3[b-oxxj3se45j] {
        padding: 0.75rem;
    }

    .mb-3[b-oxxj3se45j] {
        margin-bottom: 0.75rem;
    }

    .mt-3[b-oxxj3se45j] {
        margin-top: 0.75rem;
    }

    /* Pagination simplification */
    .pagination .page-item:not(:first-child):not(:last-child)[b-oxxj3se45j] {
        display: none;
    }

    /* Full width for columns */
    .col-md-2[b-oxxj3se45j],
    .col-md-4[b-oxxj3se45j],
    .col-md-6[b-oxxj3se45j] {
        width: 100% !important;
        display: block;
        margin-bottom: 0.5rem;
    }

    .row.g-3[b-oxxj3se45j] {
        gap: 0.5rem !important;
    }

    .row[b-oxxj3se45j] {
        width: 100%;
    }

    h1[b-oxxj3se45j] {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    h5[b-oxxj3se45j] {
        font-size: 1rem;
        margin-bottom: 0.75rem;
    }

    /* Allow Quick Actions to wrap more aggressively on extra-small */
    .card-body .row > .col-md-6[b-oxxj3se45j] {
        flex-wrap: wrap;
    }

    .card-body .row > .col-md-6 > h5[b-oxxj3se45j] {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.5rem;
    }

    .card-body .row > .col-md-6 > .btn[b-oxxj3se45j] {
        margin-bottom: 0.3rem;
    }
}

/* Desktop Layout Adjustments: >= 1025px */
@media (min-width: 1025px) {
    .form-container[b-oxxj3se45j] {
        padding: 0.75rem 0.75rem;
    }

    .table[b-oxxj3se45j] {
        font-size: 0.9rem;
    }

    .modal-dialog[b-oxxj3se45j] {
        max-width: 500px;
    }

    /* Show hidden columns on desktop */
    .d-lg-table-cell[b-oxxj3se45j] {
        display: table-cell !important;
    }

    /* Restore col widths */
    .col-md-2[b-oxxj3se45j] {
        width: 16.66667%;
    }

    .col-md-4[b-oxxj3se45j] {
        width: 33.33333%;
    }

    .col-md-6[b-oxxj3se45j] {
        width: 50%;
    }

    .card[b-oxxj3se45j] {
        margin-bottom: 1.5rem;
    }

    .card-body[b-oxxj3se45j] {
        padding: 1rem;
    }

    /* Keep Quick Actions h5 on first line, buttons on next */
    .card-body .row > .col-md-6[b-oxxj3se45j] {
        width: 100%;
        flex-wrap: wrap;
    }

    .card-body .row > .col-md-6 > h5[b-oxxj3se45j] {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.75rem;
    }

    .card-body .row > .col-md-6 > .btn[b-oxxj3se45j] {
        margin-bottom: 0;
    }
}

/* Tablet Layout: 641px - 1024px */
@media (min-width: 641px) and (max-width: 1024px) {
    .form-container[b-oxxj3se45j] {
        padding: 0.7rem 0.7rem;
    }

    .table[b-oxxj3se45j] {
        font-size: 0.85rem;
        min-width: 600px;
    }

    .modal-dialog[b-oxxj3se45j] {
        max-width: 450px;
    }

    /* Adjust col widths for tablet */
    .col-md-2[b-oxxj3se45j] {
        width: 25%;
    }

    .col-md-4[b-oxxj3se45j] {
        width: 50%;
    }

    .col-md-6[b-oxxj3se45j] {
        width: 50%;
    }

    .d-lg-table-cell[b-oxxj3se45j] {
        display: none !important;
    }

    /* Keep Quick Actions on single line on tablet */
    .card-body .row > .col-md-6[b-oxxj3se45j] {
        width: 100%;
        flex-wrap: wrap;
    }

    .card-body .row > .col-md-6 > h5[b-oxxj3se45j] {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.75rem;
    }

    .card-body .row > .col-md-6 > .btn[b-oxxj3se45j] {
        margin-bottom: 0;
    }
}

/* SVG Icon Sizing */
svg[b-oxxj3se45j] {
    vertical-align: middle;
}

/* Common Utility Classes */
.text-center[b-oxxj3se45j] {
    text-align: center;
}

.justify-content-center[b-oxxj3se45j] {
    justify-content: center;
}

.alert-dismissible[b-oxxj3se45j] {
    padding-right: 2.5rem;
}

.alert-dismissible .btn-close[b-oxxj3se45j] {
    inset-inline-end: 0.75rem;
    inset-block-start: 0.75rem;
}

.form-label[b-oxxj3se45j] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.text-muted small[b-oxxj3se45j] {
    font-size: 0.875rem;
    color: #6c757d;
}

.fade[b-oxxj3se45j] {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.fade.show[b-oxxj3se45j] {
    opacity: 1;
}
/* /Components/Pages/Customers.razor.rz.scp.css */
/* Customers Page Responsive Styling */

/* Header */
h1[b-amle8mbjxh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
}

h1 .btn[b-amle8mbjxh] {
    white-space: nowrap;
}

/* Search and filter section */
.mb-3[b-amle8mbjxh] {
    margin-bottom: 1rem;
}

.row[b-amle8mbjxh] {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.col-md-8[b-amle8mbjxh] {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.form-control[b-amle8mbjxh],
.form-select[b-amle8mbjxh] {
    font-size: 0.95rem;
    padding: 0.5rem 0.75rem;
}

/* Input group styling */
.input-group[b-amle8mbjxh] {
    display: flex;
    flex-direction: row;
    gap: 0;
}

/* Table styling */
.table[b-amle8mbjxh] {
    font-size: 0.9rem;
    margin-bottom: 1rem;
    width: 100%;
    table-layout: fixed;
}

.table thead[b-amle8mbjxh] {
    background-color: #f8f9fa;
}

.table th[b-amle8mbjxh] {
    font-weight: 600;
    padding: 0.75rem 0.5rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    word-wrap: break-word;
}

.table td[b-amle8mbjxh] {
    padding: 0.6rem 0.5rem;
    vertical-align: middle;
    word-wrap: break-word;
}

.table a[b-amle8mbjxh] {
    text-decoration: none;
    color: inherit;
}

.table a:hover[b-amle8mbjxh] {
    text-decoration: underline;
}

/* Button styling */
.btn-sm[b-amle8mbjxh] {
    padding: 0.35rem 0.6rem;
    font-size: 0.8rem;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}

.btn-sm svg[b-amle8mbjxh] {
    width: 14px;
    height: 14px;
}

/* Badge styling */
.badge[b-amle8mbjxh] {
    padding: 0.4rem 0.6rem;
    font-size: 0.75rem;
}

/* Mobile - small screens */
@media (max-width: 640px) {
    h1[b-amle8mbjxh] {
        font-size: 1.3rem;
        gap: 0.5rem;
    }

    h1 .btn[b-amle8mbjxh] {
        padding: 0.35rem 0.65rem;
        font-size: 0.8rem;
    }

    .row[b-amle8mbjxh] {
        margin-left: 0;
        margin-right: 0;
    }

    .col-md-8[b-amle8mbjxh] {
        padding-left: 0;
        padding-right: 0;
    }

    .input-group .form-control[b-amle8mbjxh] {
        flex: 1;
        min-width: 0;
    }

    .input-group .form-select[b-amle8mbjxh],
    .input-group .btn[b-amle8mbjxh] {
        flex-shrink: 0;
        white-space: nowrap;
        padding: 0.55rem 0.6rem;
        font-size: 0.9rem;
    }

    .form-control[b-amle8mbjxh],
    .form-select[b-amle8mbjxh] {
        font-size: 1rem; /* Prevent zoom on iOS */
        padding: 0.55rem 0.65rem;
    }

    /* Table adjustments */
    .table[b-amle8mbjxh] {
        font-size: 0.9rem;
        display: table;
        width: 100%;
        border-collapse: collapse;
    }

    .table thead[b-amle8mbjxh] {
        background-color: #f8f9fa;
    }

    .table th[b-amle8mbjxh] {
        padding: 0.5rem 0.35rem;
        font-size: 0.85rem;
    }

    .table td[b-amle8mbjxh] {
        padding: 0.5rem 0.35rem;
        font-size: 0.9rem;
    }

    /* Hide non-essential columns */
    .d-none.d-lg-table-cell[b-amle8mbjxh] {
        display: none !important;
    }

    .d-none.d-md-table-cell[b-amle8mbjxh] {
        display: none !important;
    }

    /* Button styling */
    .btn-sm[b-amle8mbjxh] {
        padding: 0.35rem 0.55rem;
        font-size: 0.8rem;
        margin-right: 0.2rem;
        margin-bottom: 0.2rem;
    }

    .btn-sm svg[b-amle8mbjxh] {
        width: 14px;
        height: 14px;
    }

    /* Text sizing */
    .text-muted[b-amle8mbjxh] {
        font-size: 0.8rem;
    }

    /* Badge styling */
    .badge[b-amle8mbjxh] {
        padding: 0.35rem 0.5rem;
        font-size: 0.75rem;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    h1[b-amle8mbjxh] {
        font-size: 1.15rem;
        gap: 0.4rem;
    }

    h1 .btn[b-amle8mbjxh] {
        padding: 0.3rem 0.55rem;
        font-size: 0.75rem;
    }

    .table[b-amle8mbjxh] {
        font-size: 0.85rem;
    }

    .table th[b-amle8mbjxh] {
        padding: 0.4rem 0.25rem;
        font-size: 0.8rem;
    }

    .table td[b-amle8mbjxh] {
        padding: 0.4rem 0.25rem;
        font-size: 0.85rem;
    }

    .btn-sm[b-amle8mbjxh] {
        padding: 0.3rem 0.5rem;
        font-size: 0.75rem;
    }

    .badge[b-amle8mbjxh] {
        font-size: 0.7rem;
        padding: 0.3rem 0.4rem;
    }
}

/* Tablet - medium screens */
@media (min-width: 641px) and (max-width: 1024px) {
    h1[b-amle8mbjxh] {
        font-size: 1.5rem;
    }

    h1 .btn[b-amle8mbjxh] {
        padding: 0.35rem 0.7rem;
        font-size: 0.8rem;
    }

    .table[b-amle8mbjxh] {
        font-size: 0.85rem;
    }

    .table th[b-amle8mbjxh] {
        padding: 0.65rem 0.45rem;
    }

    .table td[b-amle8mbjxh] {
        padding: 0.55rem 0.45rem;
    }

    .btn-sm[b-amle8mbjxh] {
        padding: 0.32rem 0.55rem;
        font-size: 0.75rem;
    }
}

/* Desktop - large screens */
@media (min-width: 1025px) {
    h1[b-amle8mbjxh] {
        font-size: 2rem;
    }

    .table[b-amle8mbjxh] {
        font-size: 0.9rem;
    }

    .table th[b-amle8mbjxh] {
        padding: 0.75rem 0.75rem;
    }

    .table td[b-amle8mbjxh] {
        padding: 0.65rem 0.75rem;
    }

    .btn-sm[b-amle8mbjxh] {
        padding: 0.375rem 0.75rem;
        font-size: 0.875rem;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* Dashboard Responsive Styling */

/* Card adjustments */
.card[b-ewcizxgwt2] {
    margin-bottom: 1rem;
}

.card-header[b-ewcizxgwt2] {
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
}

.card-body[b-ewcizxgwt2] {
    padding: 1rem;
}

/* Table responsive adjustments */
.table[b-ewcizxgwt2] {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.table th[b-ewcizxgwt2] {
    font-weight: 600;
    padding: 0.5rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.table td[b-ewcizxgwt2] {
    padding: 0.55rem 0.5rem;
    vertical-align: middle;
}

/* Button adjustments */
.btn-sm[b-ewcizxgwt2] {
    padding: 0.35rem 0.75rem;
    font-size: 0.85rem;
}

/* Badge styling */
.badge[b-ewcizxgwt2] {
    padding: 0.4rem 0.6rem;
    font-size: 0.8rem;
    white-space: nowrap;
}

/* Summary boxes */
.bg-light[b-ewcizxgwt2] {
    font-size: 0.9rem;
}

/* Mobile specific adjustments */
@media (max-width: 640px) {
    .card-header[b-ewcizxgwt2] {
        padding: 0.6rem 0.75rem;
        font-size: 0.85rem;
    }

    .card-body[b-ewcizxgwt2] {
        padding: 0.75rem;
    }

    .table[b-ewcizxgwt2] {
        font-size: 0.8rem;
    }

    .table th[b-ewcizxgwt2] {
        padding: 0.4rem 0.3rem;
        font-size: 0.75rem;
    }

    .table td[b-ewcizxgwt2] {
        padding: 0.4rem 0.3rem;
        font-size: 0.8rem;
    }

    /* Hide less important columns on mobile */
    .d-none.d-lg-table-cell[b-ewcizxgwt2] {
        display: none !important;
    }

    .btn-sm[b-ewcizxgwt2] {
        padding: 0.3rem 0.6rem;
        font-size: 0.75rem;
        width: 100%;
    }

    .btn[b-ewcizxgwt2] {
        margin-top: 0.5rem;
    }

    .badge[b-ewcizxgwt2] {
        padding: 0.35rem 0.5rem;
        font-size: 0.7rem;
    }

    .text-end[b-ewcizxgwt2] {
        text-align: right;
    }

    .fw-semibold[b-ewcizxgwt2] {
        font-weight: 600;
    }

    /* Make summary box more compact */
    .bg-light[b-ewcizxgwt2] {
        padding: 0.5rem;
        font-size: 0.8rem;
    }

    /* Improve link readability on mobile */
    a[b-ewcizxgwt2] {
        word-break: break-word;
    }

    /* Add spacing between widgets */
    .mb-4[b-ewcizxgwt2] {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 480px) {
    .card-header[b-ewcizxgwt2] {
        font-size: 0.8rem;
    }

    .table[b-ewcizxgwt2] {
        font-size: 0.75rem;
    }

    .table th[b-ewcizxgwt2] {
        font-size: 0.7rem;
    }

    .table td[b-ewcizxgwt2] {
        font-size: 0.75rem;
    }

    .btn-sm[b-ewcizxgwt2] {
        font-size: 0.7rem;
    }

    .badge[b-ewcizxgwt2] {
        font-size: 0.65rem;
        padding: 0.25rem 0.4rem;
    }
}

/* Tablet adjustments */
@media (min-width: 641px) and (max-width: 1024px) {
    .table[b-ewcizxgwt2] {
        font-size: 0.85rem;
    }

    .card-header[b-ewcizxgwt2] {
        font-size: 0.9rem;
    }
}

/* Desktop - normal styling */
@media (min-width: 1025px) {
    .table[b-ewcizxgwt2] {
        font-size: 0.9rem;
    }

    .card-header[b-ewcizxgwt2] {
        font-size: 1rem;
    }
}
/* /Components/Pages/Leaves.razor.rz.scp.css */
/* Leaves Page Responsive Styling */

/* Header */
h1[b-9z3e6m38q8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
}

h3[b-9z3e6m38q8] {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

h5[b-9z3e6m38q8] {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

/* Row and column resets */
.row[b-9z3e6m38q8] {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.col-md-6[b-9z3e6m38q8] {
    width: 50%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

/* Leave form card */
.leave-form[b-9z3e6m38q8] {
    max-width: 600px;
    border-radius: 0.25rem;
}

.card[b-9z3e6m38q8] {
    border-radius: 0.25rem;
}

.card-body[b-9z3e6m38q8] {
    padding: 1rem;
}

.card-title[b-9z3e6m38q8] {
    font-size: 1rem;
    margin-bottom: 1rem;
}

/* Form elements */
.form-label[b-9z3e6m38q8] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
}

.form-control[b-9z3e6m38q8] {
    font-size: 0.95rem;
    padding: 0.5rem 0.75rem;
}

.list-group[b-9z3e6m38q8] {
    border-radius: 0.25rem;
    max-height: 250px;
    overflow-y: auto;
}

.list-group-item[b-9z3e6m38q8] {
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    cursor: pointer;
    text-align: left;
}

.alert[b-9z3e6m38q8] {
    padding: 0.75rem;
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
    margin-top: 0.5rem;
}

/* Buttons */
.btn[b-9z3e6m38q8] {
    padding: 0.5rem 1rem;
    font-size: 0.95rem;
    border-radius: 0.25rem;
}

.btn-sm[b-9z3e6m38q8] {
    padding: 0.35rem 0.6rem;
    font-size: 0.8rem;
}

.d-flex[b-9z3e6m38q8] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.d-flex.gap-2[b-9z3e6m38q8] {
    gap: 0.5rem;
}

.d-flex.justify-content-between[b-9z3e6m38q8] {
    justify-content: space-between;
}

.d-flex.align-items-start[b-9z3e6m38q8] {
    align-items: flex-start;
}

/* Status badges */
.leave-status[b-9z3e6m38q8] {
    display: inline-block;
    padding: 0.4rem 0.8rem;
    border-radius: 0.25rem;
    font-size: 0.85rem;
    font-weight: 500;
}

.leave-status.ongoing[b-9z3e6m38q8] {
    background-color: #ffc107;
    color: #000;
}

.leave-status.completed[b-9z3e6m38q8] {
    background-color: #28a745;
    color: white;
}

.leave-status.upcoming[b-9z3e6m38q8] {
    background-color: #17a2b8;
    color: white;
}

/* Leave cards */
.leave-card[b-9z3e6m38q8] {
    border-left: 4px solid #007bff;
    transition: box-shadow 0.2s;
    border-radius: 0.25rem;
}

.leave-card:hover[b-9z3e6m38q8] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.leave-card .card-subtitle[b-9z3e6m38q8] {
    font-size: 0.85rem;
}

.leave-card .card-text[b-9z3e6m38q8] {
    font-size: 0.85rem;
}

/* Leave cards grid */
.leaves-list[b-9z3e6m38q8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

/* Stats grid */
.stats-grid[b-9z3e6m38q8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-9z3e6m38q8] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 1rem;
    text-align: center;
}

.stat-card h5[b-9z3e6m38q8] {
    margin: 0 0 0.5rem 0;
    color: #666;
    font-size: 0.9rem;
}

.stat-card .stat-value[b-9z3e6m38q8] {
    font-size: 1.8rem;
    font-weight: bold;
    color: #007bff;
}

/* Table styling */
.table-responsive[b-9z3e6m38q8] {
    overflow-x: auto;
}

.table[b-9z3e6m38q8] {
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.table th[b-9z3e6m38q8] {
    font-weight: 600;
    background-color: #f8f9fa;
}

.table td[b-9z3e6m38q8] {
    padding: 0.75rem;
}

/* Mobile - small screens */
@media (max-width: 640px) {
    h1[b-9z3e6m38q8] {
        font-size: 1.3rem;
        gap: 0.4rem;
    }

    h3[b-9z3e6m38q8] {
        font-size: 1.1rem;
    }

    /* Two-column layout stacks to single column */
    .col-md-6[b-9z3e6m38q8] {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 1.5rem;
    }

    .leave-form[b-9z3e6m38q8] {
        max-width: 100%;
    }

    .card-body[b-9z3e6m38q8] {
        padding: 0.75rem;
    }

    .card-title[b-9z3e6m38q8] {
        font-size: 0.95rem;
        margin-bottom: 0.75rem;
    }

    .form-label[b-9z3e6m38q8] {
        font-size: 0.85rem;
        margin-bottom: 0.4rem;
    }

    .form-control[b-9z3e6m38q8] {
        font-size: 1rem; /* Prevent iOS zoom */
        padding: 0.55rem 0.65rem;
    }

    .list-group-item[b-9z3e6m38q8] {
        padding: 0.4rem 0.6rem;
        font-size: 0.75rem;
    }

    .alert[b-9z3e6m38q8] {
        padding: 0.6rem;
        font-size: 0.8rem;
    }

    .btn[b-9z3e6m38q8] {
        padding: 0.45rem 0.75rem;
        font-size: 0.85rem;
    }

    .btn-sm[b-9z3e6m38q8] {
        padding: 0.3rem 0.5rem;
        font-size: 0.7rem;
    }

    .d-flex[b-9z3e6m38q8] {
        gap: 0.4rem;
    }

    /* Stats - single column */
    .stats-grid[b-9z3e6m38q8] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        margin: 1rem 0;
    }

    .stat-card[b-9z3e6m38q8] {
        padding: 0.75rem;
    }

    .stat-card h5[b-9z3e6m38q8] {
        font-size: 0.75rem;
        margin-bottom: 0.4rem;
    }

    .stat-card .stat-value[b-9z3e6m38q8] {
        font-size: 1.2rem;
    }

    /* Leave cards - single column */
    .leaves-list[b-9z3e6m38q8] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        margin-top: 1rem;
    }

    .leave-card .card-subtitle[b-9z3e6m38q8] {
        font-size: 0.75rem;
    }

    .leave-card .card-text[b-9z3e6m38q8] {
        font-size: 0.75rem;
    }

    .leave-status[b-9z3e6m38q8] {
        padding: 0.3rem 0.6rem;
        font-size: 0.7rem;
    }

    /* Table - responsive */
    .table-responsive[b-9z3e6m38q8] {
        -webkit-overflow-scrolling: touch;
    }

    .table[b-9z3e6m38q8] {
        font-size: 0.75rem;
        min-width: 500px;
    }

    .table th[b-9z3e6m38q8],
    .table td[b-9z3e6m38q8] {
        padding: 0.5rem;
    }

    .table-responsive[b-9z3e6m38q8]:before {
        content: "← Scroll for more →";
        display: block;
        text-align: center;
        font-size: 0.7rem;
        color: #999;
        margin-bottom: 0.5rem;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    h1[b-9z3e6m38q8] {
        font-size: 1.1rem;
        gap: 0.3rem;
    }

    h3[b-9z3e6m38q8] {
        font-size: 1rem;
    }

    h5[b-9z3e6m38q8] {
        font-size: 0.95rem;
        margin-bottom: 0.75rem;
    }

    .col-md-6[b-9z3e6m38q8] {
        margin-bottom: 1rem;
    }

    .card-body[b-9z3e6m38q8] {
        padding: 0.6rem;
    }

    .card-title[b-9z3e6m38q8] {
        font-size: 0.85rem;
        margin-bottom: 0.6rem;
    }

    .form-label[b-9z3e6m38q8] {
        font-size: 0.8rem;
    }

    .form-control[b-9z3e6m38q8] {
        font-size: 1rem;
        padding: 0.5rem 0.6rem;
    }

    .list-group-item[b-9z3e6m38q8] {
        padding: 0.35rem 0.5rem;
        font-size: 0.7rem;
    }

    .alert[b-9z3e6m38q8] {
        padding: 0.5rem;
        font-size: 0.75rem;
    }

    .btn[b-9z3e6m38q8] {
        padding: 0.4rem 0.6rem;
        font-size: 0.8rem;
    }

    .btn-sm[b-9z3e6m38q8] {
        padding: 0.25rem 0.4rem;
        font-size: 0.65rem;
    }

    .d-flex[b-9z3e6m38q8] {
        gap: 0.3rem;
        flex-direction: column;
    }

    .d-flex .btn[b-9z3e6m38q8] {
        width: 100%;
    }

    /* Stats - tighter */
    .stats-grid[b-9z3e6m38q8] {
        gap: 0.5rem;
        margin: 0.75rem 0;
    }

    .stat-card[b-9z3e6m38q8] {
        padding: 0.6rem;
    }

    .stat-card h5[b-9z3e6m38q8] {
        font-size: 0.7rem;
        margin-bottom: 0.3rem;
    }

    .stat-card .stat-value[b-9z3e6m38q8] {
        font-size: 1rem;
    }

    /* Leave cards - single column tight spacing */
    .leaves-list[b-9z3e6m38q8] {
        gap: 0.5rem;
        margin-top: 0.75rem;
    }

    .leave-card .card-subtitle[b-9z3e6m38q8] {
        font-size: 0.7rem;
        margin-bottom: 0.25rem !important;
    }

    .leave-card .card-text[b-9z3e6m38q8] {
        font-size: 0.7rem;
        margin-bottom: 0.2rem !important;
    }

    .leave-status[b-9z3e6m38q8] {
        padding: 0.25rem 0.5rem;
        font-size: 0.65rem;
    }

    /* Table - very compact */
    .table[b-9z3e6m38q8] {
        font-size: 0.65rem;
        min-width: 450px;
    }

    .table th[b-9z3e6m38q8],
    .table td[b-9z3e6m38q8] {
        padding: 0.4rem;
    }

    .mt-5[b-9z3e6m38q8] {
        margin-top: 1.5rem !important;
    }

    .pt-4[b-9z3e6m38q8] {
        padding-top: 1.5rem !important;
    }
}

/* Tablet - medium screens */
@media (min-width: 641px) and (max-width: 1024px) {
    .col-md-6[b-9z3e6m38q8] {
        width: 50%;
    }

    .stats-grid[b-9z3e6m38q8] {
        grid-template-columns: repeat(2, 1fr);
    }

    .leaves-list[b-9z3e6m38q8] {
        grid-template-columns: repeat(2, 1fr);
    }

    .table[b-9z3e6m38q8] {
        font-size: 0.85rem;
    }
}

/* Utility classes */
.mb-2[b-9z3e6m38q8] {
    margin-bottom: 0.5rem;
}

.mb-3[b-9z3e6m38q8] {
    margin-bottom: 1rem;
}

.mt-2[b-9z3e6m38q8] {
    margin-top: 0.5rem;
}

.mt-5[b-9z3e6m38q8] {
    margin-top: 3rem;
}

.pt-4[b-9z3e6m38q8] {
    padding-top: 1.5rem;
}

.border-top[b-9z3e6m38q8] {
    border-top: 1px solid #dee2e6;
}

.text-muted[b-9z3e6m38q8] {
    color: #6c757d;
}

.text-danger[b-9z3e6m38q8] {
    color: #dc3545;
}

/* Desktop - large screens */
@media (min-width: 1025px) {
    h1[b-9z3e6m38q8] {
        font-size: 2rem;
    }

    .col-md-6[b-9z3e6m38q8] {
        width: 50%;
    }

    .leave-form[b-9z3e6m38q8] {
        max-width: 600px;
    }

    .stats-grid[b-9z3e6m38q8] {
        grid-template-columns: repeat(2, 1fr);
    }

    .leaves-list[b-9z3e6m38q8] {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
}
/* /Components/Pages/MaidEdit.razor.rz.scp.css */
/* MaidEdit Page Responsive Styling */

/* Header */
h1[b-zw7r0gqyzd] {
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
}

/* Row and column */
.row[b-zw7r0gqyzd] {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.col-md-6[b-zw7r0gqyzd] {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Form styling */
.form-label[b-zw7r0gqyzd] {
    font-weight: 500;
    font-size: 0.95rem;
    margin-bottom: 0.4rem;
}

.form-control[b-zw7r0gqyzd],
.form-select[b-zw7r0gqyzd] {
    font-size: 0.95rem;
    padding: 0.5rem 0.75rem;
}

.mb-3[b-zw7r0gqyzd] {
    margin-bottom: 1rem;
}

.mb-3 .form-control[b-zw7r0gqyzd],
.mb-3 .form-select[b-zw7r0gqyzd] {
    width: 100%;
}

/* Button styling */
.btn[b-zw7r0gqyzd] {
    padding: 0.45rem 1rem;
    font-size: 0.95rem;
    font-weight: 500;
}

.btn-primary[b-zw7r0gqyzd] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-secondary[b-zw7r0gqyzd] {
    background-color: #6c757d;
    border-color: #6c757d;
}

.d-flex[b-zw7r0gqyzd] {
    display: flex;
    gap: 0.75rem;
}

.d-flex .btn[b-zw7r0gqyzd] {
    flex: 1;
}

/* Alert */
.alert[b-zw7r0gqyzd] {
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.alert-danger[b-zw7r0gqyzd] {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

/* Validation message */
.validation-message[b-zw7r0gqyzd] {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

/* Mobile - small screens */
@media (max-width: 640px) {
    h1[b-zw7r0gqyzd] {
        font-size: 1.3rem;
        margin-bottom: 1.25rem;
    }

    .row[b-zw7r0gqyzd] {
        margin-left: 0;
        margin-right: 0;
    }

    .col-md-6[b-zw7r0gqyzd] {
        padding-left: 0;
        padding-right: 0;
    }

    .form-label[b-zw7r0gqyzd] {
        font-size: 0.9rem;
        margin-bottom: 0.35rem;
    }

    .form-control[b-zw7r0gqyzd],
    .form-select[b-zw7r0gqyzd] {
        font-size: 1rem; /* Prevent zoom on iOS */
        padding: 0.5rem 0.6rem;
    }

    .mb-3[b-zw7r0gqyzd] {
        margin-bottom: 0.85rem;
    }

    .btn[b-zw7r0gqyzd] {
        padding: 0.4rem 0.8rem;
        font-size: 0.85rem;
        width: 100%;
    }

    .d-flex[b-zw7r0gqyzd] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .d-flex .btn[b-zw7r0gqyzd] {
        flex: 1;
        width: 100%;
    }

    .alert[b-zw7r0gqyzd] {
        padding: 0.65rem 0.85rem;
        font-size: 0.9rem;
    }

    .validation-message[b-zw7r0gqyzd] {
        font-size: 0.8rem;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    h1[b-zw7r0gqyzd] {
        font-size: 1.15rem;
        margin-bottom: 1rem;
    }

    .form-label[b-zw7r0gqyzd] {
        font-size: 0.85rem;
    }

    .form-control[b-zw7r0gqyzd],
    .form-select[b-zw7r0gqyzd] {
        font-size: 1rem;
        padding: 0.45rem 0.55rem;
    }

    .mb-3[b-zw7r0gqyzd] {
        margin-bottom: 0.75rem;
    }

    .btn[b-zw7r0gqyzd] {
        padding: 0.35rem 0.7rem;
        font-size: 0.8rem;
    }

    .alert[b-zw7r0gqyzd] {
        padding: 0.6rem 0.75rem;
        font-size: 0.85rem;
    }

    .validation-message[b-zw7r0gqyzd] {
        font-size: 0.75rem;
    }
}

/* Tablet - medium screens */
@media (min-width: 641px) and (max-width: 1024px) {
    h1[b-zw7r0gqyzd] {
        font-size: 1.5rem;
    }

    .form-label[b-zw7r0gqyzd] {
        font-size: 0.92rem;
    }

    .form-control[b-zw7r0gqyzd],
    .form-select[b-zw7r0gqyzd] {
        font-size: 0.9rem;
        padding: 0.5rem 0.7rem;
    }

    .btn[b-zw7r0gqyzd] {
        padding: 0.42rem 0.9rem;
        font-size: 0.9rem;
    }
}

/* Desktop - large screens */
@media (min-width: 1025px) {
    h1[b-zw7r0gqyzd] {
        font-size: 2rem;
    }

    .form-label[b-zw7r0gqyzd] {
        font-size: 0.95rem;
    }

    .form-control[b-zw7r0gqyzd],
    .form-select[b-zw7r0gqyzd] {
        font-size: 0.95rem;
        padding: 0.5rem 0.75rem;
    }

    .btn[b-zw7r0gqyzd] {
        padding: 0.45rem 1rem;
        font-size: 0.95rem;
    }
}
/* /Components/Pages/MaidJournals.razor.rz.scp.css */
/* MaidJournals Page Responsive Styling */

/* Header */
h1[b-2ojb2ebzuw] {
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
}

h5[b-2ojb2ebzuw] {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

/* Row and column resets */
.row[b-2ojb2ebzuw] {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.g-3[b-2ojb2ebzuw] {
    gap: 1rem;
}

.col-md-2[b-2ojb2ebzuw],
.col-md-3[b-2ojb2ebzuw],
.col-md-6[b-2ojb2ebzuw] {
    padding-left: 0;
    padding-right: 0;
}

/* Card styling */
.card[b-2ojb2ebzuw] {
    border-radius: 0.25rem;
}

.card-body[b-2ojb2ebzuw] {
    padding: 1rem;
}

/* Form elements */
.form-label[b-2ojb2ebzuw] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
}

.form-control[b-2ojb2ebzuw],
.form-select[b-2ojb2ebzuw] {
    font-size: 0.95rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
}

/* Buttons */
.btn[b-2ojb2ebzuw] {
    padding: 0.5rem 1rem;
    font-size: 0.95rem;
    border-radius: 0.25rem;
}

.btn-sm[b-2ojb2ebzuw] {
    padding: 0.35rem 0.6rem;
    font-size: 0.8rem;
}

.me-2[b-2ojb2ebzuw] {
    margin-right: 0.5rem;
}

/* Badge styling */
.badge[b-2ojb2ebzuw] {
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
    font-weight: 500;
}

/* Table styling */
.table-responsive[b-2ojb2ebzuw] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table[b-2ojb2ebzuw] {
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.table th[b-2ojb2ebzuw] {
    font-weight: 600;
    background-color: #f8f9fa;
}

.table td[b-2ojb2ebzuw] {
    padding: 0.75rem;
    vertical-align: middle;
}

.text-end[b-2ojb2ebzuw] {
    text-align: right;
}

.fw-semibold[b-2ojb2ebzuw] {
    font-weight: 600;
}

/* Hidden columns on responsive */
.d-none[b-2ojb2ebzuw] {
    display: none;
}

.d-lg-table-cell[b-2ojb2ebzuw] {
    display: none;
}

/* Pagination */
.pagination[b-2ojb2ebzuw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.pagination .page-link[b-2ojb2ebzuw] {
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    border-radius: 0.25rem;
}

/* Summary stats */
.bg-light[b-2ojb2ebzuw] {
    background-color: #f8f9fa;
}

.rounded[b-2ojb2ebzuw] {
    border-radius: 0.25rem;
}

.p-3[b-2ojb2ebzuw] {
    padding: 1rem;
}

/* Modal styling */
.modal[b-2ojb2ebzuw] {
    display: block !important;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-dialog[b-2ojb2ebzuw] {
    width: 90%;
    margin: 1.75rem auto;
    max-width: 500px;
}

.modal-dialog.modal-lg[b-2ojb2ebzuw] {
    max-width: 800px;
}

.modal-content[b-2ojb2ebzuw] {
    border-radius: 0.25rem;
}

.modal-header[b-2ojb2ebzuw] {
    padding: 0.75rem;
    border-bottom: 1px solid #dee2e6;
}

.modal-header .modal-title[b-2ojb2ebzuw] {
    font-size: 1rem;
}

.modal-body[b-2ojb2ebzuw] {
    padding: 1rem;
}

.modal-footer[b-2ojb2ebzuw] {
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Alert styling */
.alert[b-2ojb2ebzuw] {
    padding: 0.75rem;
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
    border-radius: 0.25rem;
}

/* Utility classes */
.mb-3[b-2ojb2ebzuw] {
    margin-bottom: 1rem;
}

.mb-1[b-2ojb2ebzuw] {
    margin-bottom: 0.25rem;
}

.mt-3[b-2ojb2ebzuw] {
    margin-top: 1rem;
}

.mt-5[b-2ojb2ebzuw] {
    margin-top: 3rem;
}

.pt-4[b-2ojb2ebzuw] {
    padding-top: 1.5rem;
}

.border-top[b-2ojb2ebzuw] {
    border-top: 1px solid #dee2e6;
}

.text-muted[b-2ojb2ebzuw] {
    color: #6c757d;
}

.text-danger[b-2ojb2ebzuw] {
    color: #dc3545;
}

.text-warning[b-2ojb2ebzuw] {
    color: #ffc107;
}

/* Mobile - small screens */
@media (max-width: 640px) {
    h1[b-2ojb2ebzuw] {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }

    h5[b-2ojb2ebzuw] {
        font-size: 1rem;
    }

    .card[b-2ojb2ebzuw] {
        margin-bottom: 1rem;
    }

    .card-body[b-2ojb2ebzuw] {
        padding: 0.75rem;
    }

    .form-label[b-2ojb2ebzuw] {
        font-size: 0.85rem;
        margin-bottom: 0.35rem;
    }

    .form-control[b-2ojb2ebzuw],
    .form-select[b-2ojb2ebzuw] {
        font-size: 1rem; /* Prevent iOS zoom */
        padding: 0.55rem 0.65rem;
    }

    /* Filter form stack */
    .col-md-2[b-2ojb2ebzuw],
    .col-md-3[b-2ojb2ebzuw],
    .col-md-6[b-2ojb2ebzuw] {
        width: 100%;
    }

    .g-3[b-2ojb2ebzuw] {
        gap: 0.75rem;
    }

    .row > div[b-2ojb2ebzuw] {
        width: 100%;
    }

    /* Button styling on mobile */
    .btn[b-2ojb2ebzuw] {
        padding: 0.45rem 0.75rem;
        font-size: 0.85rem;
    }

    .btn-sm[b-2ojb2ebzuw] {
        padding: 0.3rem 0.5rem;
        font-size: 0.7rem;
    }

    .me-2[b-2ojb2ebzuw] {
        margin-right: 0.3rem;
    }

    /* Table responsive */
    .table[b-2ojb2ebzuw] {
        font-size: 0.75rem;
        min-width: 500px;
    }

    .table th[b-2ojb2ebzuw],
    .table td[b-2ojb2ebzuw] {
        padding: 0.5rem;
    }

    .d-lg-table-cell[b-2ojb2ebzuw] {
        display: none !important;
    }

    .badge[b-2ojb2ebzuw] {
        padding: 0.3rem 0.6rem;
        font-size: 0.65rem;
    }

    /* Pagination - fewer buttons */
    .pagination[b-2ojb2ebzuw] {
        font-size: 0.8rem;
    }

    .pagination .page-link[b-2ojb2ebzuw] {
        padding: 0.35rem 0.5rem;
        font-size: 0.75rem;
    }

    /* Summary */
    .p-3[b-2ojb2ebzuw] {
        padding: 0.75rem;
        font-size: 0.8rem;
    }

    /* Modal */
    .modal-dialog[b-2ojb2ebzuw] {
        width: 95%;
    }

    .modal-dialog.modal-lg[b-2ojb2ebzuw] {
        max-width: 95%;
    }

    .modal-header[b-2ojb2ebzuw] {
        padding: 0.6rem;
    }

    .modal-header .modal-title[b-2ojb2ebzuw] {
        font-size: 0.9rem;
    }

    .modal-body[b-2ojb2ebzuw] {
        padding: 0.75rem;
    }

    .modal-body .form-label[b-2ojb2ebzuw] {
        font-size: 0.8rem;
    }

    .modal-body .form-control[b-2ojb2ebzuw],
    .modal-body .form-select[b-2ojb2ebzuw] {
        font-size: 1rem;
        padding: 0.5rem 0.6rem;
    }

    .modal-footer[b-2ojb2ebzuw] {
        padding: 0.6rem;
        gap: 0.35rem;
    }

    .modal-footer .btn[b-2ojb2ebzuw] {
        flex: 1;
        min-width: 70px;
    }

    .alert[b-2ojb2ebzuw] {
        padding: 0.6rem;
        font-size: 0.8rem;
    }

    .mb-3[b-2ojb2ebzuw] {
        margin-bottom: 0.75rem;
    }

    .mt-5[b-2ojb2ebzuw] {
        margin-top: 1.5rem;
    }

    .pt-4[b-2ojb2ebzuw] {
        padding-top: 1rem;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    h1[b-2ojb2ebzuw] {
        font-size: 1.1rem;
        margin-bottom: 0.75rem;
    }

    h5[b-2ojb2ebzuw] {
        font-size: 0.95rem;
    }

    .card-body[b-2ojb2ebzuw] {
        padding: 0.6rem;
    }

    .form-label[b-2ojb2ebzuw] {
        font-size: 0.75rem;
        margin-bottom: 0.3rem;
    }

    .form-control[b-2ojb2ebzuw],
    .form-select[b-2ojb2ebzuw] {
        font-size: 1rem;
        padding: 0.5rem 0.6rem;
    }

    .btn[b-2ojb2ebzuw] {
        padding: 0.4rem 0.6rem;
        font-size: 0.8rem;
    }

    .btn-sm[b-2ojb2ebzuw] {
        padding: 0.25rem 0.4rem;
        font-size: 0.65rem;
    }

    /* Table - very compact */
    .table[b-2ojb2ebzuw] {
        font-size: 0.7rem;
        min-width: 450px;
    }

    .table th[b-2ojb2ebzuw],
    .table td[b-2ojb2ebzuw] {
        padding: 0.35rem;
    }

    .badge[b-2ojb2ebzuw] {
        padding: 0.2rem 0.4rem;
        font-size: 0.6rem;
    }

    /* Pagination - hidden page numbers */
    .pagination[b-2ojb2ebzuw] {
        font-size: 0.7rem;
    }

    .pagination .page-link[b-2ojb2ebzuw] {
        padding: 0.3rem 0.4rem;
        font-size: 0.65rem;
    }

    /* Hide page numbers, keep only prev/next */
    .pagination .page-item:not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2))[b-2ojb2ebzuw] {
        display: none;
    }

    /* Summary */
    .p-3[b-2ojb2ebzuw] {
        padding: 0.6rem;
        font-size: 0.7rem;
    }

    /* Modal */
    .modal-dialog[b-2ojb2ebzuw] {
        width: 98%;
        margin: 0.5rem auto;
    }

    .modal-header[b-2ojb2ebzuw] {
        padding: 0.5rem;
    }

    .modal-header .modal-title[b-2ojb2ebzuw] {
        font-size: 0.85rem;
    }

    .modal-body[b-2ojb2ebzuw] {
        padding: 0.6rem;
    }

    .modal-footer[b-2ojb2ebzuw] {
        padding: 0.5rem;
        flex-direction: column;
    }

    .modal-footer .btn[b-2ojb2ebzuw] {
        width: 100%;
    }

    .alert[b-2ojb2ebzuw] {
        padding: 0.5rem;
        font-size: 0.75rem;
    }

    .mb-3[b-2ojb2ebzuw] {
        margin-bottom: 0.6rem;
    }
}

/* Tablet - medium screens */
@media (min-width: 641px) and (max-width: 1024px) {
    .col-md-2[b-2ojb2ebzuw] {
        width: 50%;
    }

    .col-md-3[b-2ojb2ebzuw] {
        width: 50%;
    }

    .col-md-6[b-2ojb2ebzuw] {
        width: 100%;
    }

    .d-lg-table-cell[b-2ojb2ebzuw] {
        display: none !important;
    }

    .table[b-2ojb2ebzuw] {
        font-size: 0.85rem;
    }
}

/* Desktop - large screens */
@media (min-width: 1025px) {
    h1[b-2ojb2ebzuw] {
        font-size: 2rem;
    }

    .col-md-2[b-2ojb2ebzuw] {
        width: 16.666%;
    }

    .col-md-3[b-2ojb2ebzuw] {
        width: 25%;
    }

    .col-md-6[b-2ojb2ebzuw] {
        width: 50%;
    }

    .d-lg-table-cell[b-2ojb2ebzuw] {
        display: table-cell !important;
    }

    .table[b-2ojb2ebzuw] {
        font-size: 0.9rem;
    }

    .modal-dialog[b-2ojb2ebzuw] {
        max-width: 500px;
    }

    .modal-dialog.modal-lg[b-2ojb2ebzuw] {
        max-width: 800px;
    }
}
/* /Components/Pages/Maids.razor.rz.scp.css */
/* Maids Page Responsive Styling */

/* Header */
h1[b-hbx6jhr4s1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
}

h1 .btn[b-hbx6jhr4s1] {
    white-space: nowrap;
}

/* Search and filter section */
.mb-3[b-hbx6jhr4s1] {
    margin-bottom: 1rem;
}

.row[b-hbx6jhr4s1] {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.col-md-8[b-hbx6jhr4s1] {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.input-group[b-hbx6jhr4s1] {
    margin-bottom: 0.75rem;
}

.form-control[b-hbx6jhr4s1],
.form-select[b-hbx6jhr4s1] {
    font-size: 0.95rem;
    padding: 0.5rem 0.75rem;
}

/* Input group styling */
.input-group[b-hbx6jhr4s1] {
    display: flex;
    flex-direction: row;
    gap: 0;
}

/* Table styling */
.table[b-hbx6jhr4s1] {
    font-size: 0.9rem;
    margin-bottom: 1rem;
    width: 100%;
    table-layout: fixed;
}

.table thead[b-hbx6jhr4s1] {
    background-color: #f8f9fa;
}

.table th[b-hbx6jhr4s1] {
    font-weight: 600;
    padding: 0.75rem 0.5rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    word-wrap: break-word;
}

.table td[b-hbx6jhr4s1] {
    word-wrap: break-word;
}

.table a[b-hbx6jhr4s1] {
    text-decoration: none;
    color: inherit;
}

.table a:hover[b-hbx6jhr4s1] {
    text-decoration: underline;
}

/* Button styling */
.btn-sm[b-hbx6jhr4s1] {
    padding: 0.35rem 0.6rem;
    font-size: 0.8rem;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}

.btn-sm svg[b-hbx6jhr4s1] {
    width: 14px;
    height: 14px;
}

/* Badge styling */
.badge[b-hbx6jhr4s1] {
    padding: 0.4rem 0.6rem;
    font-size: 0.75rem;
}

/* Pagination */
.pagination[b-hbx6jhr4s1] {
    gap: 0.25rem;
    flex-wrap: wrap;
}

.page-link[b-hbx6jhr4s1] {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
}

.page-link svg[b-hbx6jhr4s1] {
    width: 14px;
    height: 14px;
}

/* Map container */
.map-container[b-hbx6jhr4s1] {
    height: 400px;
    border-radius: 4px;
    margin-bottom: 15px;
}

/* Modal */
.modal-content[b-hbx6jhr4s1] {
    border-radius: 0.5rem;
}

.modal-header[b-hbx6jhr4s1] {
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.modal-body[b-hbx6jhr4s1] {
    padding: 1rem;
}

.modal-footer[b-hbx6jhr4s1] {
    padding: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* Mobile - small screens */
@media (max-width: 640px) {
    h1[b-hbx6jhr4s1] {
        font-size: 1.3rem;
        gap: 0.5rem;
    }

    h1 .btn[b-hbx6jhr4s1] {
        padding: 0.35rem 0.65rem;
        font-size: 0.8rem;
    }

    .row[b-hbx6jhr4s1] {
        margin-left: 0;
        margin-right: 0;
    }

    .col-md-8[b-hbx6jhr4s1] {
        padding-left: 0;
        padding-right: 0;
    }

    .input-group .form-control[b-hbx6jhr4s1] {
        flex: 1;
        min-width: 0;
    }

    .input-group .form-select[b-hbx6jhr4s1],
    .input-group .btn[b-hbx6jhr4s1] {
        flex-shrink: 0;
        white-space: nowrap;
        padding: 0.55rem 0.6rem;
        font-size: 0.9rem;
    }

    .form-control[b-hbx6jhr4s1],
    .form-select[b-hbx6jhr4s1] {
        font-size: 1rem; /* Prevent zoom on iOS */
        padding: 0.55rem 0.65rem;
    }

    /* Table adjustments */
    .table[b-hbx6jhr4s1] {
        font-size: 0.9rem;
        display: table;
        width: 100%;
        border-collapse: collapse;
    }

    .table thead[b-hbx6jhr4s1] {
        background-color: #f8f9fa;
    }

    .table th[b-hbx6jhr4s1] {
        padding: 0.5rem 0.35rem;
        font-size: 0.85rem;
    }

    .table td[b-hbx6jhr4s1] {
        padding: 0.5rem 0.35rem;
        font-size: 0.9rem;
    }

    /* Hide non-essential columns */
    .d-none.d-lg-table-cell[b-hbx6jhr4s1] {
        display: none !important;
    }

    .d-none.d-md-table-cell[b-hbx6jhr4s1] {
        display: none !important;
    }

    /* Button styling */
    .btn-sm[b-hbx6jhr4s1] {
        padding: 0.35rem 0.55rem;
        font-size: 0.8rem;
        margin-right: 0.2rem;
        margin-bottom: 0.2rem;
    }

    .btn-sm svg[b-hbx6jhr4s1] {
        width: 14px;
        height: 14px;
    }

    /* Pagination - more compact */
    .pagination[b-hbx6jhr4s1] {
        gap: 0.1rem;
        justify-content: center;
    }

    .page-item[b-hbx6jhr4s1] {
        margin: 0;
    }

    .page-link[b-hbx6jhr4s1] {
        padding: 0.4rem 0.6rem;
        font-size: 0.8rem;
        line-height: 1.2;
    }

    .page-link svg[b-hbx6jhr4s1] {
        width: 14px;
        height: 14px;
    }

    /* Text sizing */
    .text-muted[b-hbx6jhr4s1] {
        font-size: 0.8rem;
    }

    /* Badge styling */
    .badge[b-hbx6jhr4s1] {
        padding: 0.35rem 0.5rem;
        font-size: 0.75rem;
    }

    /* Map container - shorter on mobile */
    .map-container[b-hbx6jhr4s1] {
        height: 300px;
    }

    /* Modal adjustments */
    .modal-dialog-centered[b-hbx6jhr4s1] {
        width: 95%;
        margin: auto;
    }

    .modal-header[b-hbx6jhr4s1] {
        padding: 0.75rem;
    }

    .modal-body[b-hbx6jhr4s1] {
        padding: 0.75rem;
    }

    .modal-footer[b-hbx6jhr4s1] {
        padding: 0.75rem;
    }

    .modal-title[b-hbx6jhr4s1] {
        font-size: 0.95rem;
        word-break: break-word;
    }

    /* Button in modal */
    .m-0[b-hbx6jhr4s1] {
        margin: 0 !important;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    h1[b-hbx6jhr4s1] {
        font-size: 1.15rem;
        gap: 0.4rem;
    }

    h1 .btn[b-hbx6jhr4s1] {
        padding: 0.3rem 0.55rem;
        font-size: 0.75rem;
    }

    .table[b-hbx6jhr4s1] {
        font-size: 0.85rem;
    }

    .table th[b-hbx6jhr4s1] {
        padding: 0.4rem 0.25rem;
        font-size: 0.8rem;
    }

    .table td[b-hbx6jhr4s1] {
        padding: 0.4rem 0.25rem;
        font-size: 0.85rem;
    }

    .page-link[b-hbx6jhr4s1] {
        padding: 0.35rem 0.5rem;
        font-size: 0.75rem;
    }

    .badge[b-hbx6jhr4s1] {
        font-size: 0.7rem;
        padding: 0.3rem 0.4rem;
    }

    .map-container[b-hbx6jhr4s1] {
        height: 250px;
    }
}

/* Tablet - medium screens */
@media (min-width: 641px) and (max-width: 1024px) {
    h1[b-hbx6jhr4s1] {
        font-size: 1.5rem;
    }

    h1 .btn[b-hbx6jhr4s1] {
        padding: 0.35rem 0.7rem;
        font-size: 0.8rem;
    }

    .table[b-hbx6jhr4s1] {
        font-size: 0.85rem;
    }

    .table th[b-hbx6jhr4s1] {
        padding: 0.65rem 0.45rem;
    }

    .table td[b-hbx6jhr4s1] {
        padding: 0.55rem 0.45rem;
    }

    .btn-sm[b-hbx6jhr4s1] {
        padding: 0.32rem 0.55rem;
        font-size: 0.75rem;
    }
}

/* Desktop - large screens */
@media (min-width: 1025px) {
    h1[b-hbx6jhr4s1] {
        font-size: 2rem;
    }

    .table[b-hbx6jhr4s1] {
        font-size: 0.9rem;
    }

    .table th[b-hbx6jhr4s1] {
        padding: 0.75rem 0.75rem;
    }

    .table td[b-hbx6jhr4s1] {
        padding: 0.65rem 0.75rem;
    }

    .btn-sm[b-hbx6jhr4s1] {
        padding: 0.375rem 0.75rem;
        font-size: 0.875rem;
    }

    .map-container[b-hbx6jhr4s1] {
        height: 450px;
    }
}
/* /Components/Pages/MaidWorkHistoryCalendar.razor.rz.scp.css */
/* MaidWorkHistoryCalendar Page Responsive Styling */

/* Header */
h1[b-5irkccq7vb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
}

h3[b-5irkccq7vb] {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

/* Maid selector */
.maid-selector[b-5irkccq7vb] {
    margin-bottom: 1.5rem;
}

.maid-selector .form-label[b-5irkccq7vb] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
}

.maid-selector .form-control[b-5irkccq7vb] {
    font-size: 0.95rem;
    padding: 0.5rem 0.75rem;
}

.maid-selector .list-group[b-5irkccq7vb] {
    border-radius: 0.25rem;
    max-height: 250px;
    overflow-y: auto;
}

.maid-selector .list-group-item[b-5irkccq7vb] {
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
}

.maid-selector .alert[b-5irkccq7vb] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    font-size: 0.9rem;
}

/* Calendar controls */
.calendar-controls[b-5irkccq7vb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.5rem 0;
    gap: 1rem;
}

.calendar-controls button[b-5irkccq7vb] {
    padding: 0.5rem 1rem;
    font-size: 0.95rem;
}

/* Stats */
.stats[b-5irkccq7vb] {
    margin: 1.5rem 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.stat-card[b-5irkccq7vb] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 1rem;
    text-align: center;
}

.stat-card h5[b-5irkccq7vb] {
    margin: 0 0 0.5rem 0;
    color: #666;
    font-size: 0.85rem;
}

.stat-card .stat-value[b-5irkccq7vb] {
    font-size: 1.5rem;
    font-weight: bold;
    color: #28a745;
}

.stat-value.balance-positive[b-5irkccq7vb] {
    color: #28a745;
}

.stat-value.balance-negative[b-5irkccq7vb] {
    color: #dc3545;
}

/* Calendar styling */
.calendar-container[b-5irkccq7vb] {
    overflow-x: auto;
    margin-bottom: 2rem;
}

.calendar[b-5irkccq7vb] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.calendar thead[b-5irkccq7vb] {
    background-color: #f8f9fa;
}

.calendar th[b-5irkccq7vb], .calendar td[b-5irkccq7vb] {
    border: 1px solid #dee2e6;
    padding: 0.75rem;
    text-align: center;
    height: 5rem;
    vertical-align: top;
}

.calendar td[b-5irkccq7vb] {
    background-color: #fff;
    cursor: pointer;
    transition: background-color 0.2s;
}

.calendar td:hover[b-5irkccq7vb] {
    background-color: #f0f0f0;
}

.calendar .other-month[b-5irkccq7vb] {
    background-color: #f8f9fa;
    color: #999;
}

.calendar .work-day[b-5irkccq7vb] {
    background-color: #d4edda;
    font-weight: bold;
}

.calendar .leave-day[b-5irkccq7vb] {
    background-color: #f8d7da;
    font-weight: bold;
}

.day-number[b-5irkccq7vb] {
    display: block;
    font-weight: bold;
    margin-bottom: 0.3rem;
    font-size: 0.85rem;
}

.work-indicator[b-5irkccq7vb] {
    font-size: 0.7rem;
    color: #28a745;
    font-weight: bold;
}

.leave-indicator[b-5irkccq7vb] {
    font-size: 0.7rem;
    color: #dc3545;
    font-weight: bold;
}

/* Alert box */
.alert-box[b-5irkccq7vb] {
    padding: 0.75rem;
    margin-bottom: 1rem;
    border-radius: 0.25rem;
    font-size: 0.9rem;
}

/* Associations */
.associations[b-5irkccq7vb] {
    margin-top: 2rem;
}

.associations h5[b-5irkccq7vb] {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.associations .row[b-5irkccq7vb] {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.associations .col-md-6[b-5irkccq7vb] {
    width: 50%;
    padding-left: 0;
    padding-right: 0;
    padding: 0.5rem;
}

.card[b-5irkccq7vb] {
    border-radius: 0.25rem;
}

.card-body[b-5irkccq7vb] {
    padding: 0.75rem;
}

.card-title[b-5irkccq7vb] {
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
}

.card-body small[b-5irkccq7vb] {
    font-size: 0.8rem;
}

.card-body p[b-5irkccq7vb] {
    margin-bottom: 0.3rem;
}

/* Modal */
.modal[b-5irkccq7vb] {
    display: block !important;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-dialog[b-5irkccq7vb] {
    width: 90%;
    margin: 1.75rem auto;
    max-width: 500px;
}

.modal-content[b-5irkccq7vb] {
    border-radius: 0.25rem;
}

.modal-header[b-5irkccq7vb] {
    padding: 0.75rem;
    border-bottom: 1px solid #dee2e6;
}

.modal-header .modal-title[b-5irkccq7vb] {
    font-size: 1rem;
}

.modal-body[b-5irkccq7vb] {
    padding: 1rem;
}

.modal-body form .mb-3[b-5irkccq7vb] {
    margin-bottom: 1rem;
}

.modal-body .form-label[b-5irkccq7vb] {
    font-size: 0.9rem;
    margin-bottom: 0.4rem;
}

.modal-body .form-control[b-5irkccq7vb] {
    font-size: 0.9rem;
    padding: 0.5rem 0.75rem;
}

.modal-body .btn[b-5irkccq7vb] {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    border-radius: 0.25rem;
}

.modal-body .d-flex[b-5irkccq7vb] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.modal-body .btn[b-5irkccq7vb] {
    flex: 1;
    min-width: 80px;
}

/* Mobile - small screens */
@media (max-width: 640px) {
    h1[b-5irkccq7vb] {
        font-size: 1.3rem;
        gap: 0.4rem;
    }

    h3[b-5irkccq7vb] {
        font-size: 1.1rem;
    }

    .maid-selector .form-label[b-5irkccq7vb] {
        font-size: 0.85rem;
    }

    .maid-selector .form-control[b-5irkccq7vb] {
        font-size: 1rem; /* Prevent zoom on iOS */
        padding: 0.55rem 0.65rem;
    }

    .maid-selector .list-group-item[b-5irkccq7vb] {
        padding: 0.4rem 0.6rem;
        font-size: 0.75rem;
    }

    .maid-selector .alert[b-5irkccq7vb] {
        padding: 0.6rem;
        font-size: 0.8rem;
        margin-top: 0.5rem;
    }

    /* Calendar controls */
    .calendar-controls[b-5irkccq7vb] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        margin: 1rem 0;
    }

    .calendar-controls div[b-5irkccq7vb] {
        display: flex;
        gap: 0.4rem;
        justify-content: center;
        align-items: center;
    }

    .calendar-controls button[b-5irkccq7vb] {
        padding: 0.4rem 0.6rem;
        font-size: 0.8rem;
        flex: 1;
    }

    .calendar-controls span[b-5irkccq7vb] {
        font-size: 0.9rem;
        white-space: nowrap;
    }

    /* Stats - stack to single column */
    .stats[b-5irkccq7vb] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        margin: 1rem 0;
    }

    .stat-card[b-5irkccq7vb] {
        padding: 0.75rem;
    }

    .stat-card h5[b-5irkccq7vb] {
        font-size: 0.75rem;
        margin-bottom: 0.4rem;
    }

    .stat-card .stat-value[b-5irkccq7vb] {
        font-size: 1.2rem;
    }

    /* Calendar */
    .calendar-container[b-5irkccq7vb] {
        margin-bottom: 1.5rem;
        -webkit-overflow-scrolling: touch;
    }

    .calendar[b-5irkccq7vb] {
        font-size: 0.75rem;
        min-width: 400px;
    }

    .calendar th[b-5irkccq7vb], .calendar td[b-5irkccq7vb] {
        padding: 0.4rem;
        height: 4rem;
    }

    .calendar th[b-5irkccq7vb] {
        font-size: 0.7rem;
    }

    .day-number[b-5irkccq7vb] {
        font-size: 0.7rem;
        margin-bottom: 0.2rem;
    }

    .work-indicator[b-5irkccq7vb],
    .leave-indicator[b-5irkccq7vb] {
        font-size: 0.6rem;
    }

    /* Alert */
    .alert-box[b-5irkccq7vb] {
        padding: 0.6rem;
        font-size: 0.8rem;
    }

    /* Associations */
    .associations[b-5irkccq7vb] {
        margin-top: 1.5rem;
    }

    .associations h5[b-5irkccq7vb] {
        font-size: 0.95rem;
    }

    .associations .col-md-6[b-5irkccq7vb] {
        width: 100%;
        padding: 0.4rem;
    }

    .card-body[b-5irkccq7vb] {
        padding: 0.6rem;
    }

    .card-title[b-5irkccq7vb] {
        font-size: 0.85rem;
        margin-bottom: 0.4rem;
    }

    .card-body small[b-5irkccq7vb] {
        font-size: 0.7rem;
    }

    .card-body p[b-5irkccq7vb] {
        margin-bottom: 0.2rem;
    }

    /* Modal */
    .modal-dialog[b-5irkccq7vb] {
        width: 95%;
        margin: 1rem auto;
    }

    .modal-header[b-5irkccq7vb] {
        padding: 0.6rem;
    }

    .modal-header .modal-title[b-5irkccq7vb] {
        font-size: 0.9rem;
    }

    .modal-body[b-5irkccq7vb] {
        padding: 0.75rem;
    }

    .modal-body .form-label[b-5irkccq7vb] {
        font-size: 0.8rem;
    }

    .modal-body .form-control[b-5irkccq7vb] {
        font-size: 1rem;
        padding: 0.5rem 0.6rem;
    }

    .modal-body .btn[b-5irkccq7vb] {
        padding: 0.4rem 0.6rem;
        font-size: 0.8rem;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    h1[b-5irkccq7vb] {
        font-size: 1.1rem;
        gap: 0.3rem;
    }

    h3[b-5irkccq7vb] {
        font-size: 1rem;
    }

    /* Stats - tighter spacing */
    .stats[b-5irkccq7vb] {
        gap: 0.5rem;
        margin: 0.75rem 0;
    }

    .stat-card[b-5irkccq7vb] {
        padding: 0.6rem;
    }

    .stat-card h5[b-5irkccq7vb] {
        font-size: 0.65rem;
        margin-bottom: 0.3rem;
    }

    .stat-card .stat-value[b-5irkccq7vb] {
        font-size: 1rem;
    }

    /* Calendar */
    .calendar[b-5irkccq7vb] {
        font-size: 0.65rem;
        min-width: 350px;
    }

    .calendar th[b-5irkccq7vb], .calendar td[b-5irkccq7vb] {
        padding: 0.3rem;
        height: 3.5rem;
    }

    .calendar th[b-5irkccq7vb] {
        font-size: 0.6rem;
    }

    .day-number[b-5irkccq7vb] {
        font-size: 0.6rem;
        margin-bottom: 0.15rem;
    }

    .work-indicator[b-5irkccq7vb],
    .leave-indicator[b-5irkccq7vb] {
        font-size: 0.5rem;
    }

    /* Associations - single column only */
    .associations .col-md-6[b-5irkccq7vb] {
        width: 100%;
        padding: 0.3rem;
    }

    .card-body[b-5irkccq7vb] {
        padding: 0.5rem;
    }

    .card-title[b-5irkccq7vb] {
        font-size: 0.75rem;
        margin-bottom: 0.3rem;
    }

    .card-body small[b-5irkccq7vb] {
        font-size: 0.65rem;
    }

    /* Modal */
    .modal-dialog[b-5irkccq7vb] {
        width: 98%;
    }

    .modal-body .d-flex[b-5irkccq7vb] {
        flex-direction: column;
        gap: 0.3rem;
    }

    .modal-body .btn[b-5irkccq7vb] {
        width: 100%;
        padding: 0.4rem 0.5rem;
        font-size: 0.75rem;
    }
}

/* Tablet - medium screens */
@media (min-width: 641px) and (max-width: 1024px) {
    .stats[b-5irkccq7vb] {
        grid-template-columns: repeat(2, 1fr);
    }

    .calendar th[b-5irkccq7vb], .calendar td[b-5irkccq7vb] {
        height: 4.5rem;
        padding: 0.6rem;
    }

    .associations .col-md-6[b-5irkccq7vb] {
        width: 50%;
    }
}

/* Desktop - large screens */
@media (min-width: 1025px) {
    h1[b-5irkccq7vb] {
        font-size: 2rem;
    }

    .stats[b-5irkccq7vb] {
        grid-template-columns: repeat(3, 1fr);
    }

    .calendar th[b-5irkccq7vb], .calendar td[b-5irkccq7vb] {
        height: 5.5rem;
        padding: 0.75rem;
    }

    .associations .col-md-6[b-5irkccq7vb] {
        width: 50%;
    }
}