/* /Components/Layout/Admin/AdminLayout.razor.rz.scp.css */
.admin-shell[b-0piy7fzews] {
    width: 100%;
    min-height: 100vh;
    display: flex;
    background: #f5f8fa;
    color: #344955;
}


/* ============================================================
   SIDEBAR
   ============================================================ */

.admin-sidebar[b-0piy7fzews] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 100;
    width: 245px;
    display: flex;
    flex-direction: column;
    background: linear-gradient( 180deg, #08283c 0%, #071f31 52%, #061a29 100%);
    border-right: 1px solid rgba(10, 184, 184, 0.28);
    box-shadow: 8px 0 30px rgba(13, 40, 56, 0.08);
}

.admin-sidebar-header[b-0piy7fzews] {
    min-height: 112px;
    padding: 25px 24px 19px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.admin-sidebar-logo[b-0piy7fzews] {
    display: block;
    width: 155px;
    filter: brightness(0) invert(1);
    opacity: 0.96;
}

.admin-sidebar-label[b-0piy7fzews] {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 13px;
    padding: 4px 8px;
    border: 1px solid rgba(24, 191, 187, 0.30);
    border-radius: 4px;
    color: #20c5c0;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.14em;
}


/* ============================================================
   NAVEGAÇÃO
   ============================================================ */

.admin-nav[b-0piy7fzews] {
    flex: 1;
    padding: 21px 14px;
}

.admin-nav-section[b-0piy7fzews] {
    padding: 0 12px 8px;
    color: rgba(177, 202, 216, 0.40);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.admin-nav-section-space[b-0piy7fzews] {
    margin-top: 25px;
}

.admin-nav[b-0piy7fzews]  .admin-nav-item {
    position: relative;
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 3px;
    padding: 0 13px;
    border-radius: 6px;
    color: #8fa8b6;
    font-size: 11px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.18s ease, background-color 0.18s ease;
}

    .admin-nav[b-0piy7fzews]  .admin-nav-item i {
        width: 17px;
        color: #18aeb0;
        font-size: 14px;
        text-align: center;
    }

    .admin-nav[b-0piy7fzews]  .admin-nav-item:hover {
        color: #ffffff;
        text-decoration: none;
        background: rgba(255,255,255,0.045);
    }

    .admin-nav[b-0piy7fzews]  .admin-nav-item.active {
        color: #ffffff;
        text-decoration: none;
        background: linear-gradient( 90deg, rgba(16, 175, 174, 0.17), rgba(17, 111, 184, 0.09));
    }

        .admin-nav[b-0piy7fzews]  .admin-nav-item.active::before {
            content: '';
            position: absolute;
            left: 0;
            top: 9px;
            bottom: 9px;
            width: 2px;
            border-radius: 2px;
            background: #17c1bd;
        }

/* ============================================================
   SIDEBAR FOOTER
   ============================================================ */

.admin-sidebar-footer[b-0piy7fzews] {
    padding: 17px 20px 22px;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.admin-environment[b-0piy7fzews] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.admin-environment-dot[b-0piy7fzews] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #20c2ad;
    box-shadow: 0 0 8px rgba(32,194,173,0.55);
}

.admin-environment div[b-0piy7fzews] {
    display: flex;
    flex-direction: column;
}

.admin-environment strong[b-0piy7fzews] {
    color: #b8cad4;
    font-size: 8px;
    letter-spacing: 0.08em;
}

.admin-environment div span[b-0piy7fzews] {
    margin-top: 2px;
    color: #5f7a8a;
    font-size: 8px;
}


/* ============================================================
   ÁREA PRINCIPAL
   ============================================================ */

.admin-main[b-0piy7fzews] {
    width: calc(100% - 245px);
    min-height: 100vh;
    margin-left: 245px;
}


/* ============================================================
   TOPBAR
   ============================================================ */

.admin-topbar[b-0piy7fzews] {
    position: sticky;
    top: 0;
    z-index: 90;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 28px;
    border-bottom: 1px solid #e5ebef;
    background: rgba(255,255,255,0.94);
    backdrop-filter: blur(10px);
}

.admin-topbar-context[b-0piy7fzews] {
    display: flex;
    flex-direction: column;
}

.admin-context-label[b-0piy7fzews] {
    margin-bottom: 3px;
    color: #9aa8b1;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.admin-topbar-context strong[b-0piy7fzews] {
    color: #415563;
    font-size: 12px;
    font-weight: 700;
}

.admin-topbar-right[b-0piy7fzews] {
    display: flex;
    align-items: center;
    gap: 21px;
}

.admin-domain[b-0piy7fzews] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding-right: 20px;
    border-right: 1px solid #e5ebef;
    color: #8b9aa4;
    font-size: 9px;
}

    .admin-domain i[b-0piy7fzews] {
        color: #0da6a7;
        font-size: 13px;
    }


/* ============================================================
   USUÁRIO
   ============================================================ */

.admin-user[b-0piy7fzews] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.admin-user-info[b-0piy7fzews] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .admin-user-info span[b-0piy7fzews] {
        color: #a2adb4;
        font-size: 6px;
        font-weight: 700;
        letter-spacing: 0.12em;
    }

    .admin-user-info strong[b-0piy7fzews] {
        max-width: 180px;
        margin-top: 2px;
        overflow: hidden;
        color: #425663;
        font-size: 9px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.admin-user-avatar[b-0piy7fzews] {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient( 135deg, #0eaca7, #0a72bb);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
}

.admin-logout[b-0piy7fzews] {
    height: 34px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid #dde5ea;
    border-radius: 6px;
    background: #ffffff;
    color: #738691;
    font-size: 9px;
    font-weight: 600;
    cursor: pointer;
}

    .admin-logout:hover[b-0piy7fzews] {
        border-color: #b9c8d0;
        color: #435c69;
    }


/* ============================================================
   CONTEÚDO
   ============================================================ */

.admin-content[b-0piy7fzews] {
    min-height: calc(100vh - 72px);
    padding: 28px 30px 45px;
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 900px) {

    .admin-sidebar[b-0piy7fzews] {
        width: 78px;
    }

    .admin-sidebar-header[b-0piy7fzews] {
        padding: 26px 14px;
    }

    .admin-sidebar-logo[b-0piy7fzews] {
        width: 50px;
        object-fit: cover;
        object-position: left;
    }

    .admin-sidebar-label[b-0piy7fzews],
    .admin-nav-section[b-0piy7fzews],
    .admin-environment div[b-0piy7fzews] {
        display: none;
    }

    .admin-nav[b-0piy7fzews]  .admin-nav-item span {
        display: none;
    }

    .admin-nav[b-0piy7fzews]  .admin-nav-item {
        justify-content: center;
        padding: 0;
    }

        .admin-nav[b-0piy7fzews]  .admin-nav-item i {
            width: auto;
            font-size: 16px;
        }

    .admin-sidebar-footer[b-0piy7fzews] {
        display: flex;
        justify-content: center;
        padding: 20px 0;
    }

    .admin-main[b-0piy7fzews] {
        width: calc(100% - 78px);
        margin-left: 78px;
    }
}


@media (max-width: 650px) {

    .admin-domain[b-0piy7fzews],
    .admin-user-info[b-0piy7fzews],
    .admin-logout span[b-0piy7fzews] {
        display: none;
    }

    .admin-topbar[b-0piy7fzews] {
        padding: 0 17px;
    }

    .admin-content[b-0piy7fzews] {
        padding: 20px 17px 35px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ============================================================
   ARISO - MAIN LAYOUT
   ============================================================ */

.ariso-shell[b-syfy76juw9],
.ariso-shell *[b-syfy76juw9],
.ariso-shell *[b-syfy76juw9]::before,
.ariso-shell *[b-syfy76juw9]::after {
    box-sizing: border-box;
}

.ariso-shell[b-syfy76juw9] {
    display: flex;
    width: 100%;
    min-height: 100dvh;
    background: #f3f6f9;
    font-family: 'Jakarta', sans-serif;
}


/* ============================================================
   SIDEBAR
   ============================================================ */

.ariso-sidebar[b-syfy76juw9] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 230px;
    min-width: 230px;
    display: flex;
    flex-direction: column;
    background: linear-gradient( 180deg, #091d30 0%, #0a2238 55%, #091e32 100% );
    color: #ffffff;
    border-right: 1px solid rgba(255, 255, 255, 0.04);
    z-index: 100;
    transition: width 0.22s ease, min-width 0.22s ease, box-shadow 0.22s ease;
}


    /* ============================================================
   LINHA ARISO
   ============================================================ */

    .ariso-sidebar[b-syfy76juw9]::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 3px;
        background: linear-gradient( to bottom, #18b7a5 0%, #08adb4 35%, #0a84ce 67%, #1665df 100% );
    }


    /* ============================================================
   SIDEBAR RECOLHIDA
   ============================================================ */

    .ariso-sidebar.ariso-sidebar-collapsed[b-syfy76juw9] {
        width: 68px;
        min-width: 68px;
    }


        /* ============================================================
   HOVER DA SIDEBAR RECOLHIDA

   IMPORTANTE:
   o menu volta visualmente para 230px,
   mas o conteúdo continua usando somente 68px de margem.
   ============================================================ */

        .ariso-sidebar.ariso-sidebar-collapsed.ariso-sidebar-hover-expanded[b-syfy76juw9] {
            width: 230px;
            min-width: 230px;
            box-shadow: 12px 0 30px rgba(6, 25, 41, 0.20);
        }


/* ============================================================
   LOGO / BRAND
   ============================================================ */

.ariso-brand[b-syfy76juw9] {
    position: relative;
    height: 74px;
    min-height: 74px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.ariso-brand-logo[b-syfy76juw9] {
    display: block;
    width: 160px;
    max-height: 50px;
    object-fit: contain;
    object-position: left center;
    transition: opacity 0.18s ease, width 0.22s ease, transform 0.22s ease;
}


/* ============================================================
   BOTÃO RECOLHER / EXPANDIR
   ============================================================ */

.ariso-sidebar-toggle[b-syfy76juw9] {
    position: absolute;
    top: 50%;
    right: 9px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
    color: #7891a7;
    font-size: 11px;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

    .ariso-sidebar-toggle:hover[b-syfy76juw9] {
        background: rgba(12, 176, 180, 0.12);
        border-color: rgba(18, 181, 173, 0.30);
        color: #34c5c4;
    }


/* ============================================================
   BRAND RECOLHIDA
   ============================================================ */

.ariso-sidebar.ariso-sidebar-collapsed:not(.ariso-sidebar-hover-expanded)
.ariso-brand[b-syfy76juw9] {
    justify-content: center;
    padding: 0;
}

.ariso-sidebar.ariso-sidebar-collapsed:not(.ariso-sidebar-hover-expanded)
.ariso-brand-logo[b-syfy76juw9] {
    width: 0;
    opacity: 0;
    transform: translateX(-10px);
}

.ariso-sidebar.ariso-sidebar-collapsed:not(.ariso-sidebar-hover-expanded)
.ariso-sidebar-toggle[b-syfy76juw9] {
    position: static;
    transform: none;
}


/* ============================================================
   INÍCIO
   ============================================================ */

[b-syfy76juw9] .ariso-home-link {
    height: 42px;
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 15px 13px 4px;
    padding: 0 13px;
    border-radius: 8px;
    color: #aebdcd;
    text-decoration: none;
    font-size: 11.5px;
    font-weight: 600;
    transition: color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

    [b-syfy76juw9] .ariso-home-link i {
        width: 18px;
        min-width: 18px;
        color: #38bec2;
        font-size: 15px;
        text-align: center;
    }

    [b-syfy76juw9] .ariso-home-link:hover {
        background: rgba(255, 255, 255, 0.055);
        color: #ffffff;
    }

    [b-syfy76juw9] .ariso-home-link.active {
        background: linear-gradient( 90deg, rgba(10, 171, 176, 0.19), rgba(18, 113, 210, 0.11) );
        color: #ffffff;
        box-shadow: inset 3px 0 0 #12b5ad;
    }


/* ============================================================
   INÍCIO - RECOLHIDO
   ============================================================ */

.ariso-sidebar.ariso-sidebar-collapsed:not(.ariso-sidebar-hover-expanded)[b-syfy76juw9]
 .ariso-home-link {
    justify-content: center;
    gap: 0;
    margin-left: 9px;
    margin-right: 9px;
    padding-left: 0;
    padding-right: 0;
}

    .ariso-sidebar.ariso-sidebar-collapsed:not(.ariso-sidebar-hover-expanded)[b-syfy76juw9]
     .ariso-home-link i {
        width: auto;
        min-width: 0;
        font-size: 16px;
    }


/* ============================================================
   TEXTOS DA SIDEBAR
   ============================================================ */

[b-syfy76juw9] .ariso-sidebar-text {
    transition: opacity 0.14s ease, visibility 0.14s ease;
}

.ariso-sidebar.ariso-sidebar-collapsed:not(.ariso-sidebar-hover-expanded)[b-syfy76juw9]
 .ariso-sidebar-text {
    width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
}


/* ============================================================
   MENU
   ============================================================ */

.ariso-sidebar-menu[b-syfy76juw9] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 13px 13px 20px;
    scrollbar-width: thin;
    scrollbar-color: rgba(112, 145, 170, 0.35) transparent;
    transition: padding 0.22s ease;
}

    .ariso-sidebar-menu[b-syfy76juw9]::-webkit-scrollbar {
        width: 5px;
    }

    .ariso-sidebar-menu[b-syfy76juw9]::-webkit-scrollbar-track {
        background: transparent;
    }

    .ariso-sidebar-menu[b-syfy76juw9]::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: rgba(112, 145, 170, 0.30);
    }

        .ariso-sidebar-menu[b-syfy76juw9]::-webkit-scrollbar-thumb:hover {
            background: rgba(112, 145, 170, 0.48);
        }


/* ============================================================
   MENU RECOLHIDO
   ============================================================ */

.ariso-sidebar.ariso-sidebar-collapsed:not(.ariso-sidebar-hover-expanded)
.ariso-sidebar-menu[b-syfy76juw9] {
    padding-left: 8px;
    padding-right: 8px;
}


/* ============================================================
   ITENS INTERNOS RECOLHIDOS

   Como NavMenu e NavMenuItem são componentes filhos,
   usamos ::deep.
   ============================================================ */

.ariso-sidebar.ariso-sidebar-collapsed:not(.ariso-sidebar-hover-expanded)[b-syfy76juw9]
 .ariso-nav-module-title {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

.ariso-sidebar.ariso-sidebar-collapsed:not(.ariso-sidebar-hover-expanded)[b-syfy76juw9]
 .ariso-nav-module-title-left {
    justify-content: center;
    gap: 0;
}

    .ariso-sidebar.ariso-sidebar-collapsed:not(.ariso-sidebar-hover-expanded)[b-syfy76juw9]
     .ariso-nav-module-title-left i {
        width: 34px;
        font-size: 15px;
    }

.ariso-sidebar.ariso-sidebar-collapsed:not(.ariso-sidebar-hover-expanded)[b-syfy76juw9]
 .ariso-nav-module-content {
    display: none;
}


/* ============================================================
   RODAPÉ
   ============================================================ */

.ariso-sidebar-footer[b-syfy76juw9] {
    padding: 14px 20px 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    overflow: hidden;
    transition: padding 0.22s ease;
}

.ariso-version[b-syfy76juw9] {
    color: #71869a;
    font-size: 8.5px;
    font-weight: 500;
}

    .ariso-version span[b-syfy76juw9] {
        margin: 0 3px;
        color: #41566c;
    }

.ariso-copyright[b-syfy76juw9] {
    margin-top: 4px;
    color: #536a80;
    font-size: 8px;
}


/* ============================================================
   RODAPÉ RECOLHIDO
   ============================================================ */

.ariso-sidebar.ariso-sidebar-collapsed:not(.ariso-sidebar-hover-expanded)
.ariso-sidebar-footer[b-syfy76juw9] {
    min-height: 45px;
    padding-left: 8px;
    padding-right: 8px;
}


/* ============================================================
   ÁREA PRINCIPAL
   ============================================================ */

.ariso-main[b-syfy76juw9] {
    width: calc(100% - 230px);
    min-width: 0;
    min-height: 100dvh;
    margin-left: 230px;
    transition: width 0.22s ease, margin-left 0.22s ease;
}


/* ============================================================
   ÁREA PRINCIPAL COM MENU RECOLHIDO
   ============================================================ */

.ariso-shell.sidebar-collapsed .ariso-main[b-syfy76juw9] {
    width: calc(100% - 68px);
    margin-left: 68px;
}


/* ============================================================
   HEADER
   ============================================================ */

.ariso-header[b-syfy76juw9] {
    position: sticky;
    top: 0;
    height: 70px;
    min-height: 70px;
    display: grid;
    grid-template-columns: minmax(400px, 1fr) auto minmax(260px, 1fr);
    align-items: center;
    padding: 0 25px;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid #e8edf2;
    backdrop-filter: blur(8px);
    z-index: 50;
}


/* ============================================================
   ESTABELECIMENTO
   ============================================================ */

.ariso-header-estabelecimento[b-syfy76juw9] {
    min-width: 0;
    display: flex;
    align-items: center;
}

.ariso-header-icon[b-syfy76juw9] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 11px;
    border: 1px solid #e7edf2;
    border-radius: 8px;
    background: #f7fafc;
    color: #1199ad;
    font-size: 16px;
}

.ariso-header-info[b-syfy76juw9] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.ariso-header-label[b-syfy76juw9] {
    margin-bottom: 2px;
    color: #92a2b2;
    font-size: 7.5px;
    font-weight: 700;
    letter-spacing: 0.11em;
}

.ariso-header-estab-row[b-syfy76juw9] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

.ariso-header-estab-selected[b-syfy76juw9] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.ariso-header-estab-name[b-syfy76juw9] {
    max-width: 250px;
    overflow: hidden;
    color: #183149;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ariso-header-estab-location[b-syfy76juw9] {
    margin-top: 1px;
    color: #8697a6;
    font-size: 8px;
    font-weight: 500;
}

.ariso-header-value[b-syfy76juw9] {
    color: #6b8092;
    font-size: 10px;
    font-weight: 500;
}


/* ============================================================
   TROCAR ESTABELECIMENTO
   ============================================================ */

.ariso-header-change-estab[b-syfy76juw9] {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid rgba(47, 81, 108, 0.13);
    border-radius: 7px;
    background: #ffffff;
    color: #49667e;
    font-family: 'Jakarta', sans-serif;
    font-size: 9.5px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: color 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

    .ariso-header-change-estab i[b-syfy76juw9] {
        color: #0ca2aa;
        font-size: 12px;
    }

    .ariso-header-change-estab:hover[b-syfy76juw9] {
        border-color: rgba(10, 166, 171, 0.35);
        background: #fbffff;
        color: #078f98;
        box-shadow: 0 5px 14px rgba(40, 74, 101, 0.06);
    }


/* ============================================================
   RELÓGIO
   ============================================================ */

.ariso-header-clock[b-syfy76juw9] {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.ariso-header-date[b-syfy76juw9] {
    color: #6c8295;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.ariso-header-clock-separator[b-syfy76juw9] {
    width: 1px;
    height: 15px;
    background: rgba(70, 102, 128, 0.18);
}

.ariso-header-time[b-syfy76juw9] {
    color: #274a68;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
}


/* ============================================================
   USUÁRIO
   ============================================================ */

.ariso-header-user[b-syfy76juw9] {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 9px;
}

.ariso-user-info[b-syfy76juw9] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.ariso-user-label[b-syfy76juw9] {
    margin-bottom: 2px;
    color: #94a3b8;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.11em;
}

.ariso-user-name[b-syfy76juw9] {
    max-width: 160px;
    overflow: hidden;
    color: #172d43;
    font-size: 9.5px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
}

.ariso-user-avatar[b-syfy76juw9] {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0a243b;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
}

.ariso-logout-form[b-syfy76juw9] {
    margin: 0;
}

.ariso-logout-button[b-syfy76juw9] {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-left: 7px;
    padding: 0 13px;
    border: 1px solid rgba(45, 78, 105, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
    color: #49657c;
    font-family: 'Jakarta', sans-serif;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

    .ariso-logout-button i[b-syfy76juw9] {
        font-size: 13px;
    }

    .ariso-logout-button:hover[b-syfy76juw9] {
        background: #ffffff;
        border-color: rgba(9, 165, 171, 0.35);
        color: #07959e;
        box-shadow: 0 5px 14px rgba(40, 74, 101, 0.07);
    }


/* ============================================================
   CONTEÚDO
   ============================================================ */

.ariso-content[b-syfy76juw9] {
    min-height: calc(100dvh - 70px);
    padding: 24px 28px 40px;
    background: radial-gradient( circle at 45% 10%, #ffffff 0%, #f6f9fb 40%, #f1f5f8 100% );
}


/* ============================================================
   BOTÃO PRIMÁRIO ARISO
   ============================================================ */

[b-syfy76juw9] .ariso-btn-primary {
    background-color: #12b8b0;
    border-color: #12b8b0;
    color: #ffffff;
    font-weight: 500;
}

    [b-syfy76juw9] .ariso-btn-primary:hover,
    [b-syfy76juw9] .ariso-btn-primary:focus {
        background-color: #0fa49d;
        border-color: #0fa49d;
        color: #ffffff;
    }

    [b-syfy76juw9] .ariso-btn-primary:active {
        background-color: #0d918b !important;
        border-color: #0d918b !important;
        color: #ffffff !important;
    }

    [b-syfy76juw9] .ariso-btn-primary:disabled {
        background-color: #12b8b0;
        border-color: #12b8b0;
        color: #ffffff;
        opacity: 0.55;
    }


/* ============================================================
   LOADING
   ============================================================ */

.ariso-loading-screen[b-syfy76juw9] {
    width: 100%;
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0a2136;
}

.ariso-loading-content[b-syfy76juw9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    color: #91a5b8;
    font-family: 'Jakarta', sans-serif;
    font-size: 11px;
}

.ariso-loading-logo img[b-syfy76juw9] {
    width: 175px;
    height: auto;
}

.ariso-loading-spinner[b-syfy76juw9] {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255, 255, 255, 0.12);
    border-top-color: #0db4b3;
    border-radius: 50%;
    animation: ariso-layout-spin-b-syfy76juw9 0.8s linear infinite;
}

@keyframes ariso-layout-spin-b-syfy76juw9 {
    to {
        transform: rotate(360deg);
    }
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1200px) {

    .ariso-header[b-syfy76juw9] {
        grid-template-columns: minmax(330px, 1fr) auto minmax(200px, 1fr);
    }

    .ariso-header-estab-location[b-syfy76juw9] {
        display: none;
    }
}


@media (max-width: 950px) {

    /*
       Em telas menores, mantemos a sidebar usando
       o mesmo comportamento de 68px / 210px.
    */

    .ariso-sidebar[b-syfy76juw9] {
        width: 210px;
        min-width: 210px;
    }

        .ariso-sidebar.ariso-sidebar-collapsed[b-syfy76juw9] {
            width: 68px;
            min-width: 68px;
        }

            .ariso-sidebar.ariso-sidebar-collapsed.ariso-sidebar-hover-expanded[b-syfy76juw9] {
                width: 210px;
                min-width: 210px;
            }

    .ariso-main[b-syfy76juw9] {
        width: calc(100% - 210px);
        margin-left: 210px;
    }

    .ariso-shell.sidebar-collapsed .ariso-main[b-syfy76juw9] {
        width: calc(100% - 68px);
        margin-left: 68px;
    }

    .ariso-header[b-syfy76juw9] {
        grid-template-columns: 1fr auto;
        padding: 0 18px;
    }

    .ariso-header-clock[b-syfy76juw9] {
        display: none;
    }

    .ariso-brand-logo[b-syfy76juw9] {
        width: 145px;
    }
}


@media (max-width: 700px) {

    .ariso-user-info[b-syfy76juw9] {
        display: none;
    }

    .ariso-header-change-estab span[b-syfy76juw9] {
        display: none;
    }

    .ariso-content[b-syfy76juw9] {
        padding-left: 18px;
        padding-right: 18px;
    }
}


/* ============================================================
   BLAZOR ERROR UI
   ============================================================ */

#blazor-error-ui[b-syfy76juw9] {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    padding: 12px 20px;
    background: #fff3cd;
    border-top: 1px solid #ffe69c;
    color: #664d03;
    font-size: 13px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .08);
}

    #blazor-error-ui .reload[b-syfy76juw9] {
        margin-left: 10px;
        color: #0b334c;
        font-weight: 600;
        text-decoration: none;
    }

        #blazor-error-ui .reload:hover[b-syfy76juw9] {
            text-decoration: underline;
        }

    #blazor-error-ui .dismiss[b-syfy76juw9] {
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        font-size: 16px;
        font-weight: 600;
    }

/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ============================================================
   ARISO - NAV MENU
   ============================================================ */

.nav-menu.ariso-nav-menu[b-mvnzzijrt8] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px 10px 14px;
    /* TAMANHO PADRÃO DE TODO O MENU */
    font-size: 12px;
}


/* ============================================================
   MÓDULO
   ============================================================ */

.ariso-nav-module[b-mvnzzijrt8] {
    width: 100%;
    display: flex;
    flex-direction: column;
}


/* ============================================================
   CABEÇALHO DO MÓDULO
   ============================================================ */

.ariso-nav-module-title[b-mvnzzijrt8] {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: rgba(226, 238, 246, 0.92);
    font-family: inherit;
    /* HERDA O PADRÃO DE 13px */
    font-size: inherit;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.18s ease, color 0.18s ease;
}
    /* ============================================================
   HOVER DO MÓDULO
   ============================================================ */

    .ariso-nav-module-title:hover[b-mvnzzijrt8] {
        background: rgba(255, 255, 255, 0.055);
        color: #ffffff;
    }


/* ============================================================
   CONTEÚDO ESQUERDO
   ============================================================ */

.ariso-nav-module-title-left[b-mvnzzijrt8] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}


    .ariso-nav-module-title-left > i[b-mvnzzijrt8] {
        width: 18px;
        flex: 0 0 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #18b8b0;
        font-size: 15px;
    }


    .ariso-nav-module-title-left > span[b-mvnzzijrt8] {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }


/* ============================================================
   CHEVRON
   ============================================================ */

.ariso-module-chevron[b-mvnzzijrt8] {
    flex: 0 0 auto;
    color: rgba(164, 187, 201, 0.7);
    font-size: 11px;
    transition: transform 0.18s ease, color 0.18s ease;
}


.ariso-nav-module-title:hover .ariso-module-chevron[b-mvnzzijrt8] {
    color: rgba(255, 255, 255, 0.9);
}


/* ============================================================
   CONTEÚDO DO MÓDULO
   ============================================================ */

.ariso-nav-module-content[b-mvnzzijrt8] {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: max-height 0.25s ease, opacity 0.2s ease;
}


    .ariso-nav-module-content.expanded[b-mvnzzijrt8] {
        max-height: 2000px;
        opacity: 1;
    }


    .ariso-nav-module-content.collapsed[b-mvnzzijrt8] {
        max-height: 0;
        opacity: 0;
        pointer-events: none;
    }


/* ============================================================
   ESPAÇAMENTO ENTRE MÓDULOS
   ============================================================ */

.ariso-nav-module + .ariso-nav-module[b-mvnzzijrt8] {
    margin-top: 5px;
}


/* ============================================================
   ESTADO DE CARREGAMENTO
   ============================================================ */

.ariso-menu-loading[b-mvnzzijrt8] {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px 10px;
    color: rgba(199, 218, 229, 0.75);
    font-size: 12px;
}


/* ============================================================
   SPINNER
   ============================================================ */

.ariso-menu-spinner[b-mvnzzijrt8] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    border: 2px solid rgba(255, 255, 255, 0.16);
    border-top-color: #18b8b0;
    border-radius: 50%;
    animation: ariso-menu-spin-b-mvnzzijrt8 0.75s linear infinite;
}


@keyframes ariso-menu-spin-b-mvnzzijrt8 {
    to {
        transform: rotate(360deg);
    }
}


/* ============================================================
   MENU VAZIO
   ============================================================ */

.ariso-menu-empty[b-mvnzzijrt8] {
    margin: 8px 5px;
    padding: 14px 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.025);
    color: rgba(188, 207, 219, 0.7);
    font-size: 12px;
    line-height: 1.45;
}


/* ============================================================
   SIDEBAR RECOLHIDA
   ============================================================ */

:global(.ariso-sidebar-collapsed)
.ariso-nav-module-title[b-mvnzzijrt8] {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}


:global(.ariso-sidebar-collapsed)
.ariso-nav-module-title-left[b-mvnzzijrt8] {
    justify-content: center;
}


    :global(.ariso-sidebar-collapsed)
    .ariso-nav-module-title-left > span[b-mvnzzijrt8],
    :global(.ariso-sidebar-collapsed)
    .ariso-module-chevron[b-mvnzzijrt8] {
        display: none;
    }


/* ============================================================
   SIDEBAR RECOLHIDA + HOVER EXPANDIDO
   ============================================================ */

:global(.ariso-sidebar-collapsed.ariso-sidebar-hover-expanded)
.ariso-nav-module-title[b-mvnzzijrt8] {
    justify-content: space-between;
    padding-left: 11px;
    padding-right: 11px;
}


:global(.ariso-sidebar-collapsed.ariso-sidebar-hover-expanded)
.ariso-nav-module-title-left[b-mvnzzijrt8] {
    justify-content: flex-start;
}


    :global(.ariso-sidebar-collapsed.ariso-sidebar-hover-expanded)
    .ariso-nav-module-title-left > span[b-mvnzzijrt8] {
        display: inline;
    }


:global(.ariso-sidebar-collapsed.ariso-sidebar-hover-expanded)
.ariso-module-chevron[b-mvnzzijrt8] {
    display: inline-block;
}
/* /Components/Layout/NavMenuItem.razor.rz.scp.css */
/* ============================================================
   ARISO - NAV MENU ITEM
   ============================================================ */

.ariso-menu-item-host[b-g3rvkes6lb] {
    width: 100%;
}


    /* ============================================================
   ITEM DE MENU
   ============================================================ */

    .ariso-menu-item-host[b-g3rvkes6lb]  .ariso-menu-item {
        position: relative;
        width: 100%;
        min-height: 36px;
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 2px;
        padding: 7px 10px 7px 18px;
        border: none;
        border-radius: 7px;
        background: transparent;
        color: #a6b7c7;
        text-decoration: none !important;
        font-family: 'Jakarta', sans-serif;
        font-size: 10.5px;
        font-weight: 500;
        line-height: 1.2;
        transition: color 0.17s ease, background-color 0.17s ease, box-shadow 0.17s ease;
    }


    /* ============================================================
   ÍCONE
   ============================================================ */

    .ariso-menu-item-host[b-g3rvkes6lb]  .ariso-menu-icon {
        width: 18px;
        min-width: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #18a4af;
        font-size: 13px;
        text-align: center;
        transition: color 0.17s ease, transform 0.17s ease;
    }


    /* ============================================================
   TEXTO
   ============================================================ */

    .ariso-menu-item-host[b-g3rvkes6lb]  .ariso-menu-text {
        flex: 1;
        min-width: 0;
        overflow: hidden;
        color: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


    /* ============================================================
   HOVER
   ============================================================ */

    .ariso-menu-item-host[b-g3rvkes6lb]  .ariso-menu-item:hover {
        background: rgba(255, 255, 255, 0.055);
        color: #ffffff;
        text-decoration: none !important;
    }

        .ariso-menu-item-host[b-g3rvkes6lb]
         .ariso-menu-item:hover
        .ariso-menu-icon {
            color: #27c0c0;
            transform: translateX(1px);
        }


    /* ============================================================
   ATIVO
   ============================================================ */

    .ariso-menu-item-host[b-g3rvkes6lb]  .ariso-menu-item.active {
        background: linear-gradient( 90deg, rgba(8, 170, 176, 0.19), rgba(22, 109, 215, 0.10) );
        color: #ffffff;
        text-decoration: none !important;
        box-shadow: inset 3px 0 0 #12b5ad;
    }

        .ariso-menu-item-host[b-g3rvkes6lb]
         .ariso-menu-item.active
        .ariso-menu-icon {
            color: #2ac7c4;
        }


    /* ============================================================
   ITEM DESABILITADO
   ============================================================ */

    .ariso-menu-item-host[b-g3rvkes6lb]
     .ariso-menu-item-disabled {
        cursor: default;
        opacity: 0.55;
    }

        .ariso-menu-item-host[b-g3rvkes6lb]
         .ariso-menu-item-disabled:hover {
            background: transparent;
            color: #a6b7c7;
        }


/* ============================================================
   GRUPO INTERNO
   ============================================================ */

.ariso-menu-group[b-g3rvkes6lb] {
    width: 100%;
    margin-bottom: 2px;
}


/* ============================================================
   TÍTULO DO GRUPO
   ============================================================ */

.ariso-menu-group-title[b-g3rvkes6lb] {
    width: 100%;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 9px 7px 17px;
    border: none;
    border-radius: 7px;
    background: transparent;
    color: #879caf;
    font-family: 'Jakarta', sans-serif;
    font-size: 10px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: color 0.17s ease, background-color 0.17s ease;
}

    .ariso-menu-group-title:hover[b-g3rvkes6lb] {
        background: rgba(255, 255, 255, 0.04);
        color: #c0cfda;
    }


    /* ============================================================
   CAMINHO ATIVO
   ============================================================ */

    .ariso-menu-group-title.active-path[b-g3rvkes6lb] {
        color: #c3d3df;
    }

.ariso-menu-group.active-path > .ariso-menu-group-title[b-g3rvkes6lb] {
    background: rgba(12, 154, 166, 0.055);
}


/* ============================================================
   LADO ESQUERDO DO GRUPO
   ============================================================ */

.ariso-menu-group-title-left[b-g3rvkes6lb] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ariso-menu-group-title
.ariso-menu-icon[b-g3rvkes6lb] {
    width: 18px;
    min-width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1598a4;
    font-size: 13px;
}

.ariso-menu-group-title.active-path
.ariso-menu-icon[b-g3rvkes6lb] {
    color: #27b8bb;
}

.ariso-menu-group-title
.ariso-menu-text[b-g3rvkes6lb] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ============================================================
   CHEVRON DO GRUPO
   ============================================================ */

.ariso-menu-group-chevron[b-g3rvkes6lb] {
    flex: 0 0 auto;
    margin-left: 6px;
    color: #5f788d;
    font-size: 8px;
}


/* ============================================================
   FILHOS
   ============================================================ */

.ariso-menu-children[b-g3rvkes6lb] {
    margin: 2px 0 7px 21px;
    padding-left: 8px;
    border-left: 1px solid rgba(107, 139, 164, 0.16);
    animation: ariso-group-open-b-g3rvkes6lb 0.15s ease;
}

@keyframes ariso-group-open-b-g3rvkes6lb {

    from {
        opacity: 0;
        transform: translateY(-2px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ============================================================
   FILHOS DE SEGUNDO NÍVEL
   ============================================================ */

.ariso-menu-children[b-g3rvkes6lb]
 .ariso-menu-item {
    min-height: 33px;
    padding: 6px 8px 6px 11px;
    font-size: 10px;
}

.ariso-menu-children[b-g3rvkes6lb]
 .ariso-menu-icon {
    width: 16px;
    min-width: 16px;
    font-size: 11px;
}


/* ============================================================
   GRUPO DENTRO DE GRUPO
   ============================================================ */

.ariso-menu-children
.ariso-menu-group-title[b-g3rvkes6lb] {
    min-height: 33px;
    padding: 6px 8px 6px 11px;
    font-size: 10px;
}

    .ariso-menu-children
    .ariso-menu-group-title
    .ariso-menu-icon[b-g3rvkes6lb] {
        width: 16px;
        min-width: 16px;
        font-size: 11px;
    }


/* ============================================================
   FOCO
   ============================================================ */

.ariso-menu-item-host[b-g3rvkes6lb]
 .ariso-menu-item:focus-visible,
.ariso-menu-group-title:focus-visible[b-g3rvkes6lb] {
    outline: 2px solid rgba(15, 181, 181, 0.50);
    outline-offset: 2px;
}

/* ============================================================
   PADRÃO DE FONTE DO MENU
   Todos os níveis utilizam o mesmo tamanho
   ============================================================ */

.ariso-menu-group-title[b-g3rvkes6lb],
.ariso-menu-item[b-g3rvkes6lb],
.ariso-menu-group-title .ariso-menu-text[b-g3rvkes6lb],
.ariso-menu-item .ariso-menu-text[b-g3rvkes6lb] {
    font-size: 12px;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-pj3xeeoiqf],
.components-reconnect-repeated-attempt-visible[b-pj3xeeoiqf],
.components-reconnect-failed-visible[b-pj3xeeoiqf],
.components-pause-visible[b-pj3xeeoiqf],
.components-resume-failed-visible[b-pj3xeeoiqf],
.components-rejoining-animation[b-pj3xeeoiqf] {
    display: none;
}

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


#components-reconnect-modal[b-pj3xeeoiqf] {
    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-pj3xeeoiqf 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-pj3xeeoiqf {
    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/0 - Login e Home/EsqueciSenha.razor.rz.scp.css */
@font-face {
    font-family: 'Jakarta';
    src: url('/fonts/PlusJakartaSans-Regular.woff2') format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: 'Jakarta';
    src: url('/fonts/PlusJakartaSans-Medium.woff2') format('woff2');
    font-weight: 500;
}

@font-face {
    font-family: 'Jakarta';
    src: url('/fonts/PlusJakartaSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
}

@font-face {
    font-family: 'Jakarta';
    src: url('/fonts/PlusJakartaSans-Bold.woff2') format('woff2');
    font-weight: 700;
}


.reset-page[b-ixcn43cgq9],
.reset-page *[b-ixcn43cgq9],
.reset-page *[b-ixcn43cgq9]::before,
.reset-page *[b-ixcn43cgq9]::after {
    box-sizing: border-box;
}


/* ============================================================
   PÁGINA
   ============================================================ */

.reset-page[b-ixcn43cgq9] {
    width: 100%;
    height: 100dvh;
    display: flex;
    overflow: hidden;
    background: #edf0f4;
    font-family: 'Jakarta', sans-serif;
}


/* ============================================================
   VISUAL ESQUERDO
   ============================================================ */

.reset-visual[b-ixcn43cgq9] {
    position: relative;
    flex: 1;
    height: 100%;
    overflow: hidden;
    background-image: url('/images/login/ariso-recsenha.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 44% center;
    background-color: #0b3550;
}

/* ============================================================
   PAINEL DIREITO
   ============================================================ */

.reset-panel[b-ixcn43cgq9] {
    position: relative;
    width: clamp(500px, 40vw, 680px);
    min-width: 500px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
    background: linear-gradient( 145deg, #f7f9fb 0%, #edf1f5 100% );
}

    .reset-panel[b-ixcn43cgq9]::before {
        content: "";
        position: absolute;
        z-index: 5;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        background: linear-gradient( to bottom, #13b8a6 0%, #06aeb0 35%, #087fd0 70%, #1164df 100% );
    }


/* ============================================================
   CONTEÚDO
   ============================================================ */

.reset-content[b-ixcn43cgq9] {
    width: 100%;
    max-width: 510px;
    margin: auto;
    padding: 45px 45px 80px;
}


/* ============================================================
   LOGO
   ============================================================ */

.reset-logo[b-ixcn43cgq9] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: clamp(35px, 5vh, 55px);
}

    .reset-logo img[b-ixcn43cgq9] {
        display: block;
        width: 245px;
        max-width: 70%;
        height: auto;
        opacity: 0.78;
    }


/* ============================================================
   CABEÇALHO
   ============================================================ */

.reset-header[b-ixcn43cgq9] {
    margin-bottom: 28px;
}

    .reset-header h1[b-ixcn43cgq9],
    .reset-success h1[b-ixcn43cgq9] {
        margin: 0 0 13px;
        color: #172b45;
        font-size: 31px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -0.025em;
    }

    .reset-header p[b-ixcn43cgq9],
    .reset-success p[b-ixcn43cgq9] {
        margin: 0;
        color: #66788a;
        font-size: 14px;
        line-height: 1.7;
    }


/* ============================================================
   SEGURANÇA
   ============================================================ */

.reset-security[b-ixcn43cgq9] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 30px;
    padding: 16px 17px;
    border: 1px solid rgba(8, 127, 208, 0.15);
    border-radius: 9px;
    background: linear-gradient( 110deg, rgba(19, 184, 166, 0.07), rgba(17, 100, 223, 0.06) );
}

.reset-security-icon[b-ixcn43cgq9] {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient( 135deg, #13b8a6, #087fd0 );
    color: #ffffff;
    font-size: 16px;
}

.reset-security strong[b-ixcn43cgq9] {
    display: block;
    margin-bottom: 3px;
    color: #233c55;
    font-size: 13px;
    font-weight: 700;
}

.reset-security span[b-ixcn43cgq9] {
    display: block;
    color: #66788a;
    font-size: 12px;
    line-height: 1.55;
}


/* ============================================================
   FORMULÁRIO
   ============================================================ */

.reset-form[b-ixcn43cgq9] {
    width: 100%;
}

.reset-form-group[b-ixcn43cgq9] {
    margin-bottom: 24px;
}

    .reset-form-group label[b-ixcn43cgq9] {
        display: block;
        margin-bottom: 9px;
        color: #172b45;
        font-size: 14px;
        font-weight: 700;
    }

.reset-input-wrapper[b-ixcn43cgq9] {
    position: relative;
}

    .reset-input-wrapper .form-control[b-ixcn43cgq9] {
        width: 100%;
        height: 58px;
        padding: 0 18px 0 49px;
        border: 1px solid #aab4c0;
        border-radius: 9px;
        background: rgba(255, 255, 255, 0.78);
        color: #24394f;
        font-family: 'Jakarta', sans-serif;
        font-size: 14px;
        outline: none;
        box-shadow: none;
        transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    }

        .reset-input-wrapper .form-control[b-ixcn43cgq9]::placeholder {
            color: #9aa3ae;
        }

        .reset-input-wrapper .form-control:focus[b-ixcn43cgq9] {
            background: #ffffff;
            border-color: #04aca9;
            box-shadow: 0 0 0 3px rgba(4, 172, 169, 0.10);
        }

.reset-input-icon[b-ixcn43cgq9] {
    position: absolute;
    z-index: 2;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #8f9aa6;
    font-size: 19px;
    pointer-events: none;
}


/* ============================================================
   BOTÃO
   ============================================================ */

.btn-reset[b-ixcn43cgq9] {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    border: none;
    border-radius: 9px;
    background: linear-gradient( 100deg, #13aa9e 0%, #078bbf 52%, #1164df 100% );
    color: #ffffff;
    font-family: 'Jakarta', sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.06em;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(8, 108, 172, 0.18);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

    .btn-reset:hover:not(:disabled)[b-ixcn43cgq9] {
        transform: translateY(-1px);
        filter: brightness(0.96);
        box-shadow: 0 11px 26px rgba(8, 108, 172, 0.24);
    }

    .btn-reset:disabled[b-ixcn43cgq9] {
        opacity: 0.65;
        cursor: default;
    }


/* ============================================================
   ERRO
   ============================================================ */

.reset-error[b-ixcn43cgq9] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: -8px 0 18px;
    padding: 11px 14px;
    border: 1px solid #e2a5a5;
    border-radius: 7px;
    background: #fff3f3;
    color: #b33a3a;
    font-size: 13px;
}


/* ============================================================
   SUCESSO
   ============================================================ */

.reset-success[b-ixcn43cgq9] {
    text-align: center;
    padding: 15px 0 10px;
}

.reset-success-icon[b-ixcn43cgq9] {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    border-radius: 50%;
    background: linear-gradient( 135deg, rgba(19, 184, 166, 0.14), rgba(17, 100, 223, 0.12) );
    color: #078fae;
    font-size: 32px;
}

.reset-success-note[b-ixcn43cgq9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 25px;
    color: #657789;
    font-size: 12px;
}


/* ============================================================
   DIVISOR
   ============================================================ */

.reset-divider[b-ixcn43cgq9] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 29px 0 20px;
}

    .reset-divider span[b-ixcn43cgq9] {
        flex: 1;
        height: 1px;
        background: #d2d9e0;
    }

    .reset-divider small[b-ixcn43cgq9] {
        color: #8b97a3;
        font-size: 12px;
    }


/* ============================================================
   VOLTAR
   ============================================================ */

.reset-back[b-ixcn43cgq9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1268c5;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease, transform 0.2s ease;
}

    .reset-back:hover[b-ixcn43cgq9] {
        color: #04aca9;
        transform: translateX(-2px);
    }


/* ============================================================
   RODAPÉ
   ============================================================ */

.reset-footer[b-ixcn43cgq9] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    color: #7b8793;
    font-size: 11px;
    font-weight: 500;
}

.reset-footer-separator[b-ixcn43cgq9] {
    width: 1px;
    height: 13px;
    background: #adb5bd;
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1050px) {

    .reset-panel[b-ixcn43cgq9] {
        width: 500px;
    }

    .reset-content[b-ixcn43cgq9] {
        padding-left: 35px;
        padding-right: 35px;
    }
}


@media (max-width: 820px) {

    .reset-visual[b-ixcn43cgq9] {
        display: none;
    }

    .reset-panel[b-ixcn43cgq9] {
        width: 100%;
        min-width: 0;
        height: 100dvh;
    }

        .reset-panel[b-ixcn43cgq9]::before {
            left: 0;
            right: 0;
            top: 0;
            bottom: auto;
            width: auto;
            height: 5px;
            background: linear-gradient( 90deg, #13b8a6 0%, #06aeb0 35%, #087fd0 70%, #1164df 100% );
        }

    .reset-content[b-ixcn43cgq9] {
        max-width: 500px;
        padding-left: 30px;
        padding-right: 30px;
    }
}


@media (max-width: 480px) {

    .reset-content[b-ixcn43cgq9] {
        padding: 35px 22px 75px;
    }

    .reset-logo img[b-ixcn43cgq9] {
        width: 220px;
    }

    .reset-header h1[b-ixcn43cgq9],
    .reset-success h1[b-ixcn43cgq9] {
        font-size: 27px;
    }
}
/* /Components/Pages/0 - Login e Home/Home.razor.rz.scp.css */
/* CSS for Home component */
/* ============================================================
   HOME
   ============================================================ */

.ariso-home[b-kpprqflbz6],
.ariso-home *[b-kpprqflbz6],
.ariso-home *[b-kpprqflbz6]::before,
.ariso-home *[b-kpprqflbz6]::after {
    box-sizing: border-box;
}


.ariso-home[b-kpprqflbz6] {
    width: calc(100% + 56px);
    min-height: 100%;
    margin: -24px -28px -40px;
    padding: 28px 34px 18px;
    font-family: 'Jakarta', sans-serif;
    color: #122a42;
}


/* ============================================================
   BEM-VINDO
   ============================================================ */

.home-welcome[b-kpprqflbz6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 24px;
}


    .home-welcome h1[b-kpprqflbz6] {
        margin: 0;
        color: #10283f;
        font-size: 26px;
        font-weight: 500;
        letter-spacing: -0.025em;
    }


        .home-welcome h1 strong[b-kpprqflbz6] {
            font-weight: 800;
        }


.welcome-hand[b-kpprqflbz6] {
    margin-left: 5px;
    font-size: 20px;
}


.home-welcome p[b-kpprqflbz6] {
    margin: 8px 0 0;
    color: #60758a;
    font-size: 13px;
    font-weight: 500;
}


.home-accent[b-kpprqflbz6] {
    width: 29px;
    height: 3px;
    margin-top: 14px;
    border-radius: 10px;
    background: #11b5aa;
}


/* ============================================================
   DICA DO DIA
   ============================================================ */

.home-tip[b-kpprqflbz6] {
    width: min(470px, 40%);
    min-height: 65px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 11px 16px;
    border: 1px solid rgba(49, 78, 103, 0.07);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 6px 22px rgba(34, 67, 96, 0.05);
}


.home-tip-icon[b-kpprqflbz6] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff6de;
    color: #edae26;
    font-size: 20px;
}


.home-tip-content[b-kpprqflbz6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}


    .home-tip-content strong[b-kpprqflbz6] {
        color: #1c3349;
        font-size: 12px;
        font-weight: 700;
    }


    .home-tip-content span[b-kpprqflbz6] {
        color: #76899a;
        font-size: 10px;
        font-weight: 500;
    }


.home-tip-dots[b-kpprqflbz6] {
    display: flex;
    gap: 4px;
}


    .home-tip-dots span[b-kpprqflbz6] {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #ced6dd;
    }


        .home-tip-dots span.active[b-kpprqflbz6] {
            background: #0ba5ad;
        }


/* ============================================================
   KPIs
   ============================================================ */

.home-kpis[b-kpprqflbz6] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 15px;
    margin-bottom: 18px;
}


.kpi-card[b-kpprqflbz6] {
    position: relative;
    min-height: 105px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 17px 16px;
    overflow: hidden;
    border: 1px solid rgba(36, 67, 94, 0.08);
    border-radius: 11px;
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 252, 254, 0.97) 100% );
    box-shadow: 0 7px 24px rgba(36, 68, 96, 0.06);
}


    .kpi-card[b-kpprqflbz6]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 3px;
    }


.kpi-card-green[b-kpprqflbz6]::after {
    background: linear-gradient( 90deg, #13b7a7, #08afb8 );
}


.kpi-card-blue[b-kpprqflbz6]::after {
    background: linear-gradient( 90deg, #0b9bd0, #1768e4 );
}


.kpi-icon[b-kpprqflbz6] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
}


.kpi-icon-green[b-kpprqflbz6] {
    background: linear-gradient( 145deg, #13bea9, #04a7ad );
    color: #ffffff;
}


.kpi-icon-blue[b-kpprqflbz6] {
    background: linear-gradient( 145deg, #118ddd, #1766e4 );
    color: #ffffff;
}


.kpi-icon-outline[b-kpprqflbz6] {
    border: 1.5px solid #438cff;
    color: #247be4;
    background: #ffffff;
}


.kpi-content[b-kpprqflbz6] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}


.kpi-label[b-kpprqflbz6] {
    margin-bottom: 4px;
    color: #5b7186;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}


.kpi-value[b-kpprqflbz6] {
    color: #142d45;
    font-size: clamp(15px, 1.1vw, 19px);
    font-weight: 800;
    white-space: nowrap;
}


.kpi-positive[b-kpprqflbz6] {
    margin-top: 5px;
    color: #06a98e;
    font-size: 10px;
    font-weight: 700;
}


    .kpi-positive small[b-kpprqflbz6] {
        color: #8797a5;
        font-size: 9px;
        font-weight: 500;
    }


.kpi-detail[b-kpprqflbz6] {
    margin-top: 6px;
    color: #718597;
    font-size: 9px;
    font-weight: 500;
}


/* ============================================================
   DASHBOARD GRID
   ============================================================ */

.home-dashboard-grid[b-kpprqflbz6] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1.55fr) minmax(230px, 0.9fr) minmax(250px, 1fr);
    gap: 15px;
    margin-bottom: 18px;
}


.dashboard-card[b-kpprqflbz6] {
    min-width: 0;
    border: 1px solid rgba(37, 68, 94, 0.08);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.93);
    box-shadow: 0 6px 22px rgba(37, 69, 97, 0.055);
}


.dashboard-card-header[b-kpprqflbz6] {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 15px;
    border-bottom: 1px solid rgba(40, 72, 98, 0.07);
}


.dashboard-card-title[b-kpprqflbz6] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #183149;
    font-size: 11px;
}


    .dashboard-card-title i[b-kpprqflbz6] {
        color: #08a9ad;
        font-size: 15px;
    }


    .dashboard-card-title strong[b-kpprqflbz6] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 700;
    }


.dashboard-filter[b-kpprqflbz6],
.dashboard-link[b-kpprqflbz6] {
    min-height: 29px;
    padding: 0 9px;
    border: 1px solid rgba(47, 80, 108, 0.13);
    border-radius: 6px;
    background: #ffffff;
    color: #557087;
    font-family: 'Jakarta', sans-serif;
    font-size: 9px;
    font-weight: 600;
    cursor: pointer;
}


.dashboard-filter[b-kpprqflbz6] {
    display: flex;
    align-items: center;
    gap: 6px;
}


    .dashboard-filter:hover[b-kpprqflbz6],
    .dashboard-link:hover[b-kpprqflbz6] {
        border-color: rgba(8, 169, 173, 0.35);
        color: #07959d;
    }


/* ============================================================
   GRÁFICO LINHA
   ============================================================ */

.line-chart[b-kpprqflbz6] {
    position: relative;
    height: 250px;
    padding: 17px 15px 35px 42px;
}


.chart-grid-lines[b-kpprqflbz6] {
    position: absolute;
    left: 43px;
    right: 16px;
    top: 20px;
    bottom: 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


    .chart-grid-lines span[b-kpprqflbz6] {
        width: 100%;
        height: 1px;
        background: rgba(75, 101, 124, 0.08);
    }


.chart-y-label[b-kpprqflbz6] {
    position: absolute;
    left: 14px;
    color: #6d8296;
    font-size: 8px;
}


.y-15[b-kpprqflbz6] {
    top: 18px;
}


.y-12[b-kpprqflbz6] {
    top: 55px;
}


.y-9[b-kpprqflbz6] {
    top: 92px;
}


.y-6[b-kpprqflbz6] {
    top: 129px;
}


.y-3[b-kpprqflbz6] {
    top: 166px;
}


.y-0[b-kpprqflbz6] {
    bottom: 32px;
}


.line-chart-svg[b-kpprqflbz6] {
    position: absolute;
    left: 43px;
    right: 16px;
    top: 20px;
    width: calc(100% - 59px);
    height: calc(100% - 55px);
}


.chart-area[b-kpprqflbz6] {
    fill: url(#faturamentoGradient);
}


.chart-line[b-kpprqflbz6] {
    fill: none;
    stroke: #0aaea9;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}


.chart-points circle[b-kpprqflbz6] {
    fill: #ffffff;
    stroke: #0aaea9;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}


.chart-x-labels[b-kpprqflbz6] {
    position: absolute;
    left: 43px;
    right: 15px;
    bottom: 13px;
    display: flex;
    justify-content: space-between;
    color: #657c91;
    font-size: 8px;
}


/* ============================================================
   GRÁFICO BARRAS
   ============================================================ */

.chart-legend[b-kpprqflbz6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding-top: 10px;
    color: #677e92;
    font-size: 9px;
}


.legend-dot[b-kpprqflbz6] {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
}


.legend-receber[b-kpprqflbz6] {
    background: #0db2aa;
}


.legend-pagar[b-kpprqflbz6] {
    background: #1675dd;
}


.bar-chart[b-kpprqflbz6] {
    height: 215px;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    gap: 10px;
    padding: 15px 18px 14px;
}


.bar-group[b-kpprqflbz6] {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
}


.bar-column-area[b-kpprqflbz6] {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 3px;
    border-bottom: 1px solid rgba(66, 96, 121, 0.09);
}


.bar[b-kpprqflbz6] {
    width: min(15px, 32%);
    border-radius: 2px 2px 0 0;
    transition: height 0.3s ease;
}


.bar-receber[b-kpprqflbz6] {
    background: linear-gradient( 180deg, #10b7aa, #08aaa9 );
}


.bar-pagar[b-kpprqflbz6] {
    background: linear-gradient( 180deg, #1685e5, #126ed7 );
}


.bar-group > span[b-kpprqflbz6] {
    color: #657b90;
    font-size: 8px;
}


/* ============================================================
   LISTAS
   ============================================================ */

.dashboard-list-card[b-kpprqflbz6] {
    overflow: hidden;
}


.dashboard-list[b-kpprqflbz6] {
    padding: 4px 13px 8px;
}


.dashboard-list-item[b-kpprqflbz6] {
    min-height: 47px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid rgba(55, 84, 107, 0.07);
}


    .dashboard-list-item:last-child[b-kpprqflbz6] {
        border-bottom: none;
    }


.list-avatar[b-kpprqflbz6] {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient( 145deg, #14b8ae, #1599cf );
    color: #ffffff;
    font-size: 8px;
    font-weight: 700;
}


.list-main[b-kpprqflbz6] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}


    .list-main strong[b-kpprqflbz6] {
        overflow: hidden;
        color: #1c354c;
        font-size: 9px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


    .list-main span[b-kpprqflbz6] {
        margin-top: 2px;
        color: #8191a0;
        font-size: 8px;
    }


.list-value[b-kpprqflbz6] {
    color: #263f55;
    font-size: 9px;
    font-weight: 700;
    white-space: nowrap;
}


/* ============================================================
   ATIVIDADES
   ============================================================ */

.activity-list[b-kpprqflbz6] {
    padding: 4px 13px 8px;
}


.activity-item[b-kpprqflbz6] {
    min-height: 47px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid rgba(55, 84, 107, 0.07);
}


    .activity-item:last-child[b-kpprqflbz6] {
        border-bottom: none;
    }


.activity-icon[b-kpprqflbz6] {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient( 145deg, #10b7a9, #078eae );
    color: #ffffff;
    font-size: 11px;
}


.activity-main[b-kpprqflbz6] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}


    .activity-main strong[b-kpprqflbz6] {
        overflow: hidden;
        color: #20394f;
        font-size: 9px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


    .activity-main span[b-kpprqflbz6] {
        overflow: hidden;
        margin-top: 2px;
        color: #7d8f9f;
        font-size: 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


.activity-time[b-kpprqflbz6] {
    color: #7d91a4;
    font-size: 8px;
    white-space: nowrap;
}


/* ============================================================
   ACESSO RÁPIDO
   ============================================================ */

.quick-access[b-kpprqflbz6] {
    margin-bottom: 14px;
    padding: 13px 16px 10px;
    border: 1px solid rgba(38, 69, 95, 0.08);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.91);
    box-shadow: 0 6px 20px rgba(36, 68, 95, 0.05);
}


    .quick-access h2[b-kpprqflbz6] {
        margin: 0 0 10px;
        color: #1b344b;
        font-size: 11px;
        font-weight: 700;
    }


.quick-access-grid[b-kpprqflbz6] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}


.quick-item[b-kpprqflbz6] {
    position: relative;
    min-width: 0;
    height: 53px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
    border: none;
    border-right: 1px solid rgba(53, 85, 109, 0.10);
    background: transparent;
    color: #47647b;
    font-family: 'Jakarta', sans-serif;
    font-size: 9px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}


    .quick-item:last-child[b-kpprqflbz6] {
        border-right: none;
    }


    .quick-item:hover[b-kpprqflbz6] {
        color: #079ca4;
    }


.quick-icon[b-kpprqflbz6] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #19b6b3;
    border-radius: 50%;
    color: #08a7ae;
    font-size: 15px;
    transition: background-color 0.18s ease;
}


.quick-item:hover .quick-icon[b-kpprqflbz6] {
    background: rgba(12, 178, 176, 0.08);
}


.quick-arrow[b-kpprqflbz6] {
    margin-left: auto;
    color: #6c88a0;
    font-size: 10px;
}


/* ============================================================
   SEGURANÇA
   ============================================================ */

.home-security[b-kpprqflbz6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 3px 0;
    color: #7c91a3;
    font-size: 9px;
}


    .home-security i[b-kpprqflbz6] {
        color: #10a4b1;
        font-size: 13px;
    }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1550px) {

    .home-kpis[b-kpprqflbz6] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }


    .home-dashboard-grid[b-kpprqflbz6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 1050px) {

    .home-welcome[b-kpprqflbz6] {
        align-items: flex-start;
        flex-direction: column;
    }


    .home-tip[b-kpprqflbz6] {
        width: 100%;
    }


    .quick-access-grid[b-kpprqflbz6] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }


    .quick-item:nth-child(3)[b-kpprqflbz6] {
        border-right: none;
    }
}


@media (max-width: 760px) {

    .ariso-home[b-kpprqflbz6] {
        padding: 22px 18px;
    }


    .home-kpis[b-kpprqflbz6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .home-dashboard-grid[b-kpprqflbz6] {
        grid-template-columns: 1fr;
    }


    .quick-access-grid[b-kpprqflbz6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .quick-item[b-kpprqflbz6] {
        border-right: none;
        border-bottom: 1px solid rgba(53, 85, 109, 0.08);
    }
}


@media (max-width: 480px) {

    .home-kpis[b-kpprqflbz6] {
        grid-template-columns: 1fr;
    }


    .quick-access-grid[b-kpprqflbz6] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/0 - Login e Home/Login.razor.rz.scp.css */
/* CSS for Login component */
@font-face {
    font-family: 'Jakarta';
    src: url('/fonts/PlusJakartaSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Jakarta';
    src: url('/fonts/PlusJakartaSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Jakarta';
    src: url('/fonts/PlusJakartaSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Jakarta';
    src: url('/fonts/PlusJakartaSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

.login-page[b-znd71hkypr],
.login-page *[b-znd71hkypr],
.login-page *[b-znd71hkypr]::before,
.login-page *[b-znd71hkypr]::after {
    box-sizing: border-box;
}

/* ============================================================
   PÁGINA
   ============================================================ */

.login-page[b-znd71hkypr] {
    width: 100%;
    height: 100dvh;
    display: flex;
    overflow: hidden;
    background: #edf0f4;
    font-family: 'Jakarta', sans-serif;
}


/* ============================================================
   IMAGEM ESQUERDA
   ============================================================ */

.login-visual[b-znd71hkypr] {
    flex: 1;
    height: 100%;
    background-image: url('/images/login/ariso-login-bg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}


/* ============================================================
   PAINEL DIREITO
   ============================================================ */

.login-panel[b-znd71hkypr] {
    position: relative;
    width: clamp(430px, 35vw, 610px);
    min-width: 430px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: linear-gradient( 145deg, #f1f3f6 0%, #e9edf2 100% );
}

    .login-panel[b-znd71hkypr]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        background: linear-gradient( to bottom, #13b8a6 0%, #06aeb0 35%, #087fd0 70%, #1164df 100% );
        z-index: 5;
    }

/* ============================================================
   CONTEÚDO
   ============================================================ */

.login-content[b-znd71hkypr] {
    width: 100%;
    max-width: 450px;
    margin: auto;
    padding: clamp(30px, 5vh, 55px) 45px clamp(70px, 10vh, 110px);
}


/* ============================================================
   LOGO
   ============================================================ */

.login-logo[b-znd71hkypr] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: clamp(45px, 8vh, 85px);
}

    .login-logo img[b-znd71hkypr] {
        display: block;
        width: min(330px, 80%);
        height: auto;
        opacity: 0.75;
    }


/* ============================================================
   FORMULÁRIO
   ============================================================ */

.login-form[b-znd71hkypr] {
    width: 100%;
}

.form-group[b-znd71hkypr] {
    margin-bottom: 27px;
}

    .form-group label[b-znd71hkypr] {
        display: block;
        margin-bottom: 9px;
        color: #172b45;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 0.01em;
    }


/* ============================================================
   INPUT
   ============================================================ */

.input-wrapper[b-znd71hkypr] {
    position: relative;
}

    .input-wrapper .form-control[b-znd71hkypr] {
        width: 100%;
        height: 58px;
        padding: 0 50px 0 49px;
        border: 1px solid #aab4c0;
        border-radius: 9px;
        background: rgba(255, 255, 255, 0.72);
        color: #24394f;
        font-family: 'Jakarta', sans-serif;
        font-size: 15px;
        outline: none;
        box-shadow: none;
        transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    }

        .input-wrapper .form-control[b-znd71hkypr]::placeholder {
            color: #9aa3ae;
        }

        .input-wrapper .form-control:focus[b-znd71hkypr] {
            background: #ffffff;
            border-color: #04aca9;
            box-shadow: 0 0 0 3px rgba(4, 172, 169, 0.10);
        }


/* ============================================================
   ÍCONES
   ============================================================ */

.input-icon[b-znd71hkypr] {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #8f9aa6;
    font-size: 20px;
    pointer-events: none;
    z-index: 2;
}

.password-toggle[b-znd71hkypr] {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    background: transparent;
    color: #87939f;
    font-size: 19px;
    cursor: pointer;
    transition: color 0.2s ease;
}

    .password-toggle:hover[b-znd71hkypr] {
        color: #04aca9;
    }


/* ============================================================
   LEMBRAR / ESQUECI SENHA
   ============================================================ */

.login-options[b-znd71hkypr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -3px;
    margin-bottom: 38px;
    font-size: 13px;
}

.remember-option[b-znd71hkypr] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #445568;
    font-weight: 500;
    cursor: pointer;
}

    .remember-option input[b-znd71hkypr] {
        width: 17px;
        height: 17px;
        accent-color: #04aca9;
        cursor: pointer;
    }

.forgot-password[b-znd71hkypr] {
    color: #1268c5;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .forgot-password:hover[b-znd71hkypr] {
        color: #04aca9;
    }


/* ============================================================
   ERRO
   ============================================================ */

.login-error[b-znd71hkypr] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: -18px;
    margin-bottom: 20px;
    padding: 11px 14px;
    border: 1px solid #e2a5a5;
    border-radius: 7px;
    background: #fff3f3;
    color: #b33a3a;
    font-size: 13px;
}


/* ============================================================
   BOTÃO ENTRAR
   ============================================================ */

.btn-login[b-znd71hkypr] {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none;
    border-radius: 9px;
    background: linear-gradient( 100deg, #354b60 0%, #576b7e 100% );
    color: #ffffff;
    font-family: 'Jakarta', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.08em;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(26, 48, 69, 0.10);
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

    .btn-login:hover:not(:disabled)[b-znd71hkypr] {
        transform: translateY(-1px);
        background: linear-gradient( 100deg, #263d53 0%, #455d72 100% );
        box-shadow: 0 10px 24px rgba(26, 48, 69, 0.16);
    }

    .btn-login:active:not(:disabled)[b-znd71hkypr] {
        transform: translateY(0);
    }

    .btn-login:disabled[b-znd71hkypr] {
        opacity: 0.65;
        cursor: default;
    }


/* ============================================================
   RODAPÉ
   ============================================================ */

.login-footer[b-znd71hkypr] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    color: #7b8793;
    font-size: 11px;
    font-weight: 500;
}

.footer-separator[b-znd71hkypr] {
    width: 1px;
    height: 13px;
    background: #adb5bd;
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1050px) {

    .login-panel[b-znd71hkypr] {
        width: 430px;
    }

    .login-content[b-znd71hkypr] {
        padding-left: 35px;
        padding-right: 35px;
    }
}


@media (max-width: 820px) {

    .login-visual[b-znd71hkypr] {
        display: none;
    }

    .login-panel[b-znd71hkypr] {
        width: 100%;
        min-width: 0;
        height: 100dvh;
        border-left: none;
    }

        .login-panel[b-znd71hkypr]::before {
            left: 0;
            right: 0;
            top: 0;
            bottom: auto;
            width: auto;
            height: 5px;
            background: linear-gradient( 90deg, #13b8a6 0%, #06aeb0 35%, #087fd0 70%, #1164df 100% );
        }

    .login-content[b-znd71hkypr] {
        max-width: 460px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .login-logo[b-znd71hkypr] {
        margin-bottom: 50px;
    }
}

@media (max-width: 480px) {

    .login-content[b-znd71hkypr] {
        padding-left: 22px;
        padding-right: 22px;
    }

    .login-logo img[b-znd71hkypr] {
        width: 250px;
    }

    .login-options[b-znd71hkypr] {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }
}
/* /Components/Pages/Admin/AdminAdministradores.razor.rz.scp.css */
.admin-administradores-page[b-3qplrooq8g] {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.admin-administradores-heading[b-3qplrooq8g] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.admin-administradores-eyebrow[b-3qplrooq8g] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.admin-administradores-heading h1[b-3qplrooq8g] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.admin-administradores-heading p[b-3qplrooq8g] {
    margin: 10px 0 0;
    color: #8b9aa4;
    font-size: 13px;
}

.btn-new-admin[b-3qplrooq8g] {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 16px;
    border-radius: 6px;
    background: linear-gradient( 100deg, #13aa9e 0%, #078bbf 52%, #1164df 100%);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(8, 139, 177, 0.16);
}

    .btn-new-admin:hover[b-3qplrooq8g] {
        color: #ffffff;
        box-shadow: 0 9px 21px rgba(8, 139, 177, 0.23);
    }


/* ============================================================
   RESUMO
   ============================================================ */

.admin-administradores-summary[b-3qplrooq8g] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 14px;
    border: 1px solid #e1e8ec;
    border-radius: 8px;
    background: #ffffff;
}

    .admin-administradores-summary > div[b-3qplrooq8g] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 16px;
        border-right: 1px solid #edf1f3;
    }

        .admin-administradores-summary > div:last-child[b-3qplrooq8g] {
            border-right: 0;
        }

    .admin-administradores-summary span[b-3qplrooq8g] {
        color: #99a7ae;
        font-size: 10px;
    }

    .admin-administradores-summary strong[b-3qplrooq8g] {
        color: #425b68;
        font-size: 15px;
    }


/* ============================================================
   TOOLBAR
   ============================================================ */

.admin-administradores-toolbar[b-3qplrooq8g] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
}

.administradores-search[b-3qplrooq8g] {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
}

    .administradores-search:focus-within[b-3qplrooq8g] {
        border-color: #0aa2a5;
        box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
    }

    .administradores-search i[b-3qplrooq8g] {
        color: #8da0a9;
        font-size: 13px;
    }

    .administradores-search input[b-3qplrooq8g] {
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: #405864;
        font-size: 12px;
    }

        .administradores-search input[b-3qplrooq8g]::placeholder {
            color: #a6b2b8;
        }

.status-filter[b-3qplrooq8g] {
    height: 40px;
    display: flex;
    align-items: stretch;
    padding: 3px;
    border: 1px solid #e0e7eb;
    border-radius: 6px;
    background: #f5f7f8;
}

.filter-button[b-3qplrooq8g] {
    min-width: 72px;
    padding: 0 11px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #83939c;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
}

    .filter-button.active[b-3qplrooq8g] {
        background: #ffffff;
        color: #158b92;
        box-shadow: 0 1px 4px rgba(43, 69, 82, 0.10);
    }


/* ============================================================
   LISTA
   ============================================================ */

.administradores-list[b-3qplrooq8g] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.administrador-row[b-3qplrooq8g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 17px;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(35, 65, 80, 0.025);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

    .administrador-row:hover[b-3qplrooq8g] {
        border-color: #cadcdf;
        box-shadow: 0 6px 18px rgba(35, 65, 80, 0.05);
    }

.administrador-row-inactive[b-3qplrooq8g] {
    background: #f8f9fa;
    opacity: 0.82;
}

.administrador-row-main[b-3qplrooq8g] {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
}


/* ============================================================
   AVATAR
   ============================================================ */

.administrador-avatar[b-3qplrooq8g] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient( 135deg, #12aaa0, #087eb8);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    box-shadow: 0 4px 10px rgba(7, 139, 160, 0.12);
}

.administrador-avatar-inactive[b-3qplrooq8g] {
    background: #a8b4ba;
    box-shadow: none;
}


/* ============================================================
   INFORMAÇÕES
   ============================================================ */

.administrador-info[b-3qplrooq8g] {
    min-width: 0;
    flex: 1;
}

.administrador-title-line[b-3qplrooq8g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

    .administrador-title-line > div:first-child[b-3qplrooq8g] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

.administrador-label[b-3qplrooq8g] {
    margin-bottom: 3px;
    color: #0a999d;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.10em;
}

.administrador-name[b-3qplrooq8g] {
    overflow: hidden;
    color: #3d5663;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.administrador-login[b-3qplrooq8g] {
    margin-top: 3px;
    color: #8b9ba3;
    font-size: 10px;
    font-weight: 500;
}

.administrador-badges[b-3qplrooq8g] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
}

.access-badge[b-3qplrooq8g],
.status-badge[b-3qplrooq8g] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.access-badge[b-3qplrooq8g] {
    background: #eef6fb;
    color: #27799d;
}

.status-dot[b-3qplrooq8g] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.status-active[b-3qplrooq8g] {
    background: #edf9f4;
    color: #30916c;
}

    .status-active .status-dot[b-3qplrooq8g] {
        background: #2eb57b;
    }

.status-inactive[b-3qplrooq8g] {
    background: #f2f4f5;
    color: #83929a;
}

    .status-inactive .status-dot[b-3qplrooq8g] {
        background: #96a2a8;
    }


/* ============================================================
   META
   ============================================================ */

.administrador-meta[b-3qplrooq8g] {
    display: grid;
    grid-template-columns: minmax(190px, 1.5fr) 70px 155px 165px;
    gap: 20px;
    margin-top: 12px;
}

    .administrador-meta > div[b-3qplrooq8g] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .administrador-meta span[b-3qplrooq8g] {
        margin-bottom: 3px;
        color: #9caab1;
        font-size: 9px;
        font-weight: 700;
    }

    .administrador-meta strong[b-3qplrooq8g] {
        overflow: hidden;
        color: #627985;
        font-size: 10px;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .administrador-meta .ultimo-acesso[b-3qplrooq8g] {
        color: #4d6975;
    }

    .administrador-meta .nunca-acessou[b-3qplrooq8g] {
        color: #a0acb2;
        font-size: 9px;
    }


/* ============================================================
   AÇÕES
   ============================================================ */

.administrador-actions[b-3qplrooq8g] {
    flex: 0 0 auto;
}

.btn-edit-administrador[b-3qplrooq8g] {
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 11px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
    color: #667d88;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

    .btn-edit-administrador:hover[b-3qplrooq8g] {
        border-color: #bfcfd5;
        color: #3f5b67;
    }


/* ============================================================
   LOADING / VAZIO / ERRO
   ============================================================ */

.admin-administradores-loading[b-3qplrooq8g],
.admin-administradores-empty[b-3qplrooq8g] {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
}

.admin-administradores-loading[b-3qplrooq8g] {
    color: #8d9ca5;
}

    .admin-administradores-loading .spinner-border[b-3qplrooq8g] {
        width: 25px;
        height: 25px;
        margin-bottom: 11px;
        color: #0aa1a4;
    }

    .admin-administradores-loading span[b-3qplrooq8g] {
        font-size: 11px;
    }

.empty-icon[b-3qplrooq8g] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 10px;
    background: #f0f7f8;
    color: #139ba0;
    font-size: 21px;
}

.admin-administradores-empty strong[b-3qplrooq8g] {
    color: #526975;
    font-size: 13px;
}

.admin-administradores-empty > span[b-3qplrooq8g] {
    margin-top: 5px;
    color: #96a5ad;
    font-size: 10px;
}

.admin-administradores-error[b-3qplrooq8g] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 13px 15px;
    border: 1px solid #efcece;
    border-radius: 7px;
    background: #fff7f7;
    color: #b45959;
}

    .admin-administradores-error > i[b-3qplrooq8g] {
        font-size: 16px;
    }

    .admin-administradores-error > div[b-3qplrooq8g] {
        display: flex;
        flex-direction: column;
    }

    .admin-administradores-error strong[b-3qplrooq8g] {
        font-size: 11px;
    }

    .admin-administradores-error span[b-3qplrooq8g] {
        margin-top: 2px;
        font-size: 10px;
    }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1050px) {

    .admin-administradores-toolbar[b-3qplrooq8g] {
        grid-template-columns: 1fr;
    }

    .status-filter[b-3qplrooq8g] {
        width: max-content;
    }

    .admin-administradores-summary[b-3qplrooq8g] {
        grid-template-columns: repeat(2, 1fr);
    }

        .admin-administradores-summary > div:nth-child(2)[b-3qplrooq8g] {
            border-right: 0;
        }

        .admin-administradores-summary > div:nth-child(-n + 2)[b-3qplrooq8g] {
            border-bottom: 1px solid #edf1f3;
        }

    .administrador-meta[b-3qplrooq8g] {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 760px) {

    .admin-administradores-heading[b-3qplrooq8g] {
        align-items: stretch;
        flex-direction: column;
    }

    .btn-new-admin[b-3qplrooq8g] {
        align-self: flex-start;
    }

    .administrador-row[b-3qplrooq8g] {
        align-items: stretch;
        flex-direction: column;
    }

    .administrador-actions[b-3qplrooq8g] {
        display: flex;
        justify-content: flex-end;
        padding-top: 12px;
        border-top: 1px solid #edf1f3;
    }

    .administrador-title-line[b-3qplrooq8g] {
        flex-direction: column;
    }

    .administrador-badges[b-3qplrooq8g] {
        justify-content: flex-start;
    }
}


@media (max-width: 560px) {

    .admin-administradores-summary[b-3qplrooq8g] {
        grid-template-columns: 1fr;
    }

        .admin-administradores-summary > div[b-3qplrooq8g] {
            border-right: 0;
            border-bottom: 1px solid #edf1f3;
        }

            .admin-administradores-summary > div:last-child[b-3qplrooq8g] {
                border-bottom: 0;
            }

    .administrador-meta[b-3qplrooq8g] {
        grid-template-columns: 1fr;
    }

    .status-filter[b-3qplrooq8g] {
        width: 100%;
        overflow-x: auto;
    }

    .btn-edit-administrador[b-3qplrooq8g] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/AdminAdministradorNovo.razor.rz.scp.css */
.administrador-form-page[b-lhgjx8dc69] {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.administrador-form-heading[b-lhgjx8dc69] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 22px;
}

.administrador-back[b-lhgjx8dc69] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 18px;
    color: #7c909b;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

    .administrador-back:hover[b-lhgjx8dc69] {
        color: #07999d;
    }

.administrador-eyebrow[b-lhgjx8dc69] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.administrador-form-heading h1[b-lhgjx8dc69] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.administrador-form-heading p[b-lhgjx8dc69] {
    margin: 12px 0 0;
    color: #8b9aa4;
    font-size: 13px;
}

.administrador-heading-id[b-lhgjx8dc69] {
    min-width: 100px;
    padding: 11px 15px;
    border: 1px solid #e1e8ec;
    border-radius: 7px;
    background: #ffffff;
}

    .administrador-heading-id span[b-lhgjx8dc69] {
        display: block;
        margin-bottom: 3px;
        color: #a0adb5;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.10em;
    }

    .administrador-heading-id strong[b-lhgjx8dc69] {
        color: #425b68;
        font-size: 15px;
    }


/* ============================================================
   GRID
   ============================================================ */

.administrador-form-grid[b-lhgjx8dc69] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 285px;
    align-items: start;
    gap: 18px;
}

.administrador-form-main[b-lhgjx8dc69] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.administrador-form-sidebar[b-lhgjx8dc69] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}


/* ============================================================
   SEÇÕES
   ============================================================ */

.form-section[b-lhgjx8dc69],
.sidebar-card[b-lhgjx8dc69] {
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(36, 67, 84, 0.025);
}

.form-section-heading[b-lhgjx8dc69] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid #edf1f3;
}

.form-section-icon[b-lhgjx8dc69] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient( 135deg, rgba(14, 172, 167, 0.12), rgba(10, 114, 187, 0.07));
    color: #079da1;
    font-size: 15px;
}

.form-section-heading > div:last-child > span[b-lhgjx8dc69],
.sidebar-card-heading > span[b-lhgjx8dc69] {
    display: block;
    margin-bottom: 3px;
    color: #9caab2;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.form-section-heading h2[b-lhgjx8dc69],
.sidebar-card-heading h2[b-lhgjx8dc69] {
    margin: 0;
    color: #405864;
    font-size: 14px;
    font-weight: 700;
}

.form-section-heading p[b-lhgjx8dc69] {
    margin: 3px 0 0;
    color: #9aa7af;
    font-size: 10px;
}

.form-section-body[b-lhgjx8dc69] {
    padding: 21px 20px;
}


/* ============================================================
   CAMPOS
   ============================================================ */

.fields-two-columns[b-lhgjx8dc69] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 17px;
}

.field-group[b-lhgjx8dc69] {
    display: flex;
    flex-direction: column;
}

    .field-group label[b-lhgjx8dc69] {
        margin-bottom: 7px;
        color: #526975;
        font-size: 11px;
        font-weight: 700;
    }

        .field-group label > span[b-lhgjx8dc69] {
            color: #0ba4a6;
        }

    .field-group .form-control[b-lhgjx8dc69] {
        height: 40px;
        padding: 0 12px;
        border: 1px solid #dce5e9;
        border-radius: 6px;
        background: #ffffff;
        color: #405864;
        font-size: 12px;
        box-shadow: none;
        outline: none;
    }

        .field-group .form-control:focus[b-lhgjx8dc69] {
            border-color: #0aa2a5;
            box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
        }

        .field-group .form-control[b-lhgjx8dc69]::placeholder {
            color: #adb8be;
        }

    .field-group small[b-lhgjx8dc69] {
        margin-top: 6px;
        color: #a0adb4;
        font-size: 9px;
    }


/* ============================================================
   INPUT COM ÍCONE
   ============================================================ */

.input-with-icon[b-lhgjx8dc69] {
    position: relative;
}

    .input-with-icon > i[b-lhgjx8dc69] {
        position: absolute;
        top: 50%;
        left: 12px;
        z-index: 2;
        color: #95a5ad;
        font-size: 12px;
        transform: translateY(-50%);
    }

    .input-with-icon .form-control[b-lhgjx8dc69] {
        width: 100%;
        padding-left: 34px;
    }


/* ============================================================
   SENHA
   ============================================================ */

.password-field[b-lhgjx8dc69] {
    position: relative;
}

    .password-field .form-control[b-lhgjx8dc69] {
        width: 100%;
        padding-right: 42px;
    }

.password-toggle[b-lhgjx8dc69] {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 32px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #8da0a9;
    cursor: pointer;
    transform: translateY(-50%);
}

    .password-toggle:hover[b-lhgjx8dc69] {
        background: #f1f5f6;
        color: #58717d;
    }

.senha-info[b-lhgjx8dc69] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 17px;
    padding: 12px 13px;
    border: 1px solid #d8e6eb;
    border-radius: 7px;
    background: #f7fafb;
}

    .senha-info > i[b-lhgjx8dc69] {
        margin-top: 1px;
        color: #079da1;
        font-size: 14px;
    }

    .senha-info > div[b-lhgjx8dc69] {
        display: flex;
        flex-direction: column;
    }

    .senha-info strong[b-lhgjx8dc69] {
        color: #56717d;
        font-size: 10px;
    }

    .senha-info span[b-lhgjx8dc69] {
        margin-top: 3px;
        color: #8e9da5;
        font-size: 9px;
    }

.password-rules[b-lhgjx8dc69] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    color: #85969f;
    font-size: 9px;
}

    .password-rules i[b-lhgjx8dc69] {
        color: #0b9da0;
    }


/* ============================================================
   DATAS
   ============================================================ */

.administrador-created[b-lhgjx8dc69] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid #edf1f3;
}

    .administrador-created > div[b-lhgjx8dc69] {
        display: flex;
        align-items: center;
        gap: 6px;
        color: #91a0a8;
        font-size: 9px;
    }

    .administrador-created i[b-lhgjx8dc69] {
        color: #0aa1a4;
    }

    .administrador-created strong[b-lhgjx8dc69] {
        color: #627985;
        font-size: 10px;
    }


/* ============================================================
   SIDEBAR
   ============================================================ */

.sidebar-card[b-lhgjx8dc69] {
    padding: 18px;
}

.sidebar-card-heading[b-lhgjx8dc69] {
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f3;
}

.status-summary[b-lhgjx8dc69] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
}

.status-summary-icon[b-lhgjx8dc69] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    font-size: 14px;
}

    .status-summary-icon.active[b-lhgjx8dc69] {
        background: #eaf8f2;
        color: #2e9d70;
    }

    .status-summary-icon.inactive[b-lhgjx8dc69] {
        background: #f0f2f3;
        color: #8b989f;
    }

.status-summary > div:last-child[b-lhgjx8dc69] {
    display: flex;
    flex-direction: column;
}

.status-summary strong[b-lhgjx8dc69] {
    color: #526a76;
    font-size: 11px;
}

.status-summary span[b-lhgjx8dc69] {
    margin-top: 2px;
    color: #99a7ae;
    font-size: 9px;
    line-height: 1.45;
}


/* ============================================================
   STATUS SWITCH
   ============================================================ */

.status-control[b-lhgjx8dc69] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 17px;
    padding-top: 15px;
    border-top: 1px solid #edf1f3;
}

    .status-control > div[b-lhgjx8dc69] {
        display: flex;
        flex-direction: column;
    }

    .status-control span[b-lhgjx8dc69] {
        color: #98a6ad;
        font-size: 9px;
    }

    .status-control strong[b-lhgjx8dc69] {
        margin-top: 2px;
        color: #526b76;
        font-size: 10px;
    }

.rule-switch-wrapper[b-lhgjx8dc69] {
    position: relative;
    display: inline-flex;
    cursor: pointer;
}

    .rule-switch-wrapper input[b-lhgjx8dc69] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.rule-switch[b-lhgjx8dc69] {
    position: relative;
    width: 39px;
    height: 21px;
    flex: 0 0 39px;
    border-radius: 22px;
    background: #ccd6db;
    transition: background 0.18s ease;
}

    .rule-switch[b-lhgjx8dc69]::after {
        content: '';
        position: absolute;
        top: 3px;
        left: 3px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 1px 3px rgba(31, 57, 70, 0.20);
        transition: transform 0.18s ease;
    }

.rule-switch-wrapper input:checked + .rule-switch[b-lhgjx8dc69] {
    background: linear-gradient( 90deg, #13aaa0, #078fbe);
}

    .rule-switch-wrapper input:checked + .rule-switch[b-lhgjx8dc69]::after {
        transform: translateX(18px);
    }


/* ============================================================
   PREVIEW ADMIN
   ============================================================ */

.admin-profile-preview[b-lhgjx8dc69] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 16px;
}

.admin-preview-avatar[b-lhgjx8dc69] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient( 135deg, #12aaa0, #087eb8);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
}

.admin-profile-preview > div:last-child[b-lhgjx8dc69] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.admin-profile-preview strong[b-lhgjx8dc69] {
    overflow: hidden;
    color: #4c6571;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-profile-preview span[b-lhgjx8dc69] {
    margin-top: 2px;
    color: #91a1a9;
    font-size: 9px;
}

.profile-list[b-lhgjx8dc69] {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    padding-top: 7px;
    border-top: 1px solid #edf1f3;
}

    .profile-list > div[b-lhgjx8dc69] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 9px 0;
        border-bottom: 1px solid #edf1f3;
    }

        .profile-list > div:last-child[b-lhgjx8dc69] {
            border-bottom: 0;
        }

    .profile-list span[b-lhgjx8dc69] {
        color: #94a2a9;
        font-size: 9px;
    }

    .profile-list strong[b-lhgjx8dc69] {
        color: #536c77;
        font-size: 9px;
    }


/* ============================================================
   AVISO SEGURANÇA
   ============================================================ */

.security-warning[b-lhgjx8dc69] {
    display: flex;
    gap: 9px;
    padding: 13px;
    border: 1px solid #d8e6eb;
    border-radius: 7px;
    background: #f7fafb;
}

    .security-warning > i[b-lhgjx8dc69] {
        margin-top: 1px;
        color: #0a999d;
        font-size: 14px;
    }

    .security-warning > div[b-lhgjx8dc69] {
        display: flex;
        flex-direction: column;
    }

    .security-warning strong[b-lhgjx8dc69] {
        color: #607985;
        font-size: 10px;
    }

    .security-warning span[b-lhgjx8dc69] {
        margin-top: 3px;
        color: #8d9da5;
        font-size: 9px;
        line-height: 1.5;
    }


/* ============================================================
   AÇÕES
   ============================================================ */

.administrador-form-actions[b-lhgjx8dc69] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
    padding: 15px 0 5px;
    border-top: 1px solid #e1e8ec;
}

.btn-cancel[b-lhgjx8dc69],
.btn-save[b-lhgjx8dc69] {
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 16px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

.btn-cancel[b-lhgjx8dc69] {
    border: 1px solid #dce5e9;
    background: #ffffff;
    color: #748792;
}

.btn-save[b-lhgjx8dc69] {
    min-width: 165px;
    border: 0;
    background: linear-gradient( 100deg, #13aa9e 0%, #078bbf 52%, #1164df 100%);
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(8, 139, 177, 0.16);
}

    .btn-save:disabled[b-lhgjx8dc69] {
        opacity: 0.65;
        cursor: default;
    }

    .btn-save .spinner-border[b-lhgjx8dc69] {
        width: 12px;
        height: 12px;
    }


/* ============================================================
   ERRO / LOADING
   ============================================================ */

.administrador-form-error[b-lhgjx8dc69] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 13px 15px;
    border: 1px solid #efcece;
    border-radius: 7px;
    background: #fff7f7;
    color: #b45959;
}

    .administrador-form-error > div[b-lhgjx8dc69] {
        display: flex;
        flex-direction: column;
    }

    .administrador-form-error strong[b-lhgjx8dc69] {
        font-size: 11px;
    }

    .administrador-form-error span[b-lhgjx8dc69] {
        margin-top: 2px;
        font-size: 10px;
    }

.administrador-form-loading[b-lhgjx8dc69] {
    min-height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    color: #8d9ca5;
}

    .administrador-form-loading .spinner-border[b-lhgjx8dc69] {
        width: 25px;
        height: 25px;
        margin-bottom: 11px;
        color: #0aa1a4;
    }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1050px) {

    .administrador-form-grid[b-lhgjx8dc69] {
        grid-template-columns: 1fr;
    }

    .administrador-form-sidebar[b-lhgjx8dc69] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .security-warning[b-lhgjx8dc69] {
        grid-column: 1 / -1;
    }
}


@media (max-width: 760px) {

    .administrador-form-heading[b-lhgjx8dc69] {
        align-items: flex-start;
        flex-direction: column;
    }

    .fields-two-columns[b-lhgjx8dc69],
    .administrador-created[b-lhgjx8dc69] {
        grid-template-columns: 1fr;
    }

    .administrador-form-sidebar[b-lhgjx8dc69] {
        display: flex;
    }
}


@media (max-width: 560px) {

    .administrador-form-actions[b-lhgjx8dc69] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .btn-cancel[b-lhgjx8dc69],
    .btn-save[b-lhgjx8dc69] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/AdminDashboard.razor.rz.scp.css */
.admin-dashboard[b-7b1mdlzk95] {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.dashboard-heading[b-7b1mdlzk95] {
    margin-bottom: 26px;
}

.dashboard-eyebrow[b-7b1mdlzk95] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.dashboard-heading h1[b-7b1mdlzk95] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.dashboard-heading p[b-7b1mdlzk95] {
    margin: 7px 0 0;
    color: #8b9aa4;
    font-size: 11px;
}


/* ============================================================
   CARDS
   ============================================================ */

.dashboard-cards[b-7b1mdlzk95] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 25px;
}

.dashboard-card[b-7b1mdlzk95] {
    position: relative;
    min-height: 128px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 21px;
    overflow: hidden;
    border: 1px solid #e2e9ed;
    border-radius: 9px;
    background: #ffffff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(36, 67, 84, 0.025);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

    .dashboard-card:hover[b-7b1mdlzk95] {
        transform: translateY(-2px);
        border-color: #bcd9dc;
        box-shadow: 0 9px 24px rgba(36, 67, 84, 0.07);
    }

.dashboard-card-icon[b-7b1mdlzk95] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: linear-gradient( 135deg, rgba(14, 172, 167, 0.11), rgba(10, 114, 187, 0.08));
    color: #0a9fa2;
    font-size: 19px;
}

.dashboard-card-content[b-7b1mdlzk95] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .dashboard-card-content > span[b-7b1mdlzk95] {
        color: #92a0a9;
        font-size: 7px;
        font-weight: 700;
        letter-spacing: 0.12em;
    }

    .dashboard-card-content strong[b-7b1mdlzk95] {
        margin: 3px 0;
        color: #344c59;
        font-size: 23px;
        font-weight: 700;
    }

    .dashboard-card-content small[b-7b1mdlzk95] {
        color: #98a5ad;
        font-size: 9px;
    }

.dashboard-arrow[b-7b1mdlzk95] {
    position: absolute;
    right: 17px;
    top: 18px;
    color: #c1ccd2;
    font-size: 12px;
}


/* ============================================================
   PLATAFORMA
   ============================================================ */

.dashboard-platform[b-7b1mdlzk95] {
    padding: 23px 25px 27px;
    border: 1px solid #e2e9ed;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(36, 67, 84, 0.025);
}

.dashboard-section-header[b-7b1mdlzk95] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-bottom: 17px;
    border-bottom: 1px solid #edf1f3;
}

    .dashboard-section-header > div:first-child > span[b-7b1mdlzk95] {
        display: block;
        margin-bottom: 4px;
        color: #99a6ae;
        font-size: 7px;
        font-weight: 700;
        letter-spacing: 0.12em;
    }

    .dashboard-section-header h2[b-7b1mdlzk95] {
        margin: 0;
        color: #3b515e;
        font-size: 15px;
        font-weight: 700;
    }

.platform-status[b-7b1mdlzk95] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #62a68d;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.10em;
}

    .platform-status span[b-7b1mdlzk95] {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #2fbd83;
        box-shadow: 0 0 7px rgba(47,189,131,0.35);
    }


/* ============================================================
   FLUXO
   ============================================================ */

.platform-flow[b-7b1mdlzk95] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
}

.flow-item[b-7b1mdlzk95] {
    flex: 1;
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid #e7ecef;
    border-radius: 7px;
    background: #fafcfd;
}

    .flow-item > i[b-7b1mdlzk95] {
        color: #0ba3a5;
        font-size: 18px;
    }

    .flow-item div[b-7b1mdlzk95] {
        display: flex;
        flex-direction: column;
    }

    .flow-item strong[b-7b1mdlzk95] {
        color: #465c68;
        font-size: 10px;
    }

    .flow-item span[b-7b1mdlzk95] {
        margin-top: 3px;
        color: #9ba7ae;
        font-size: 8px;
    }

.flow-arrow[b-7b1mdlzk95] {
    flex: 0 0 auto;
    color: #c3cdd2;
    font-size: 11px;
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1150px) {

    .dashboard-cards[b-7b1mdlzk95] {
        grid-template-columns: repeat(2, 1fr);
    }

    .platform-flow[b-7b1mdlzk95] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .flow-arrow[b-7b1mdlzk95] {
        display: none;
    }
}


@media (max-width: 650px) {

    .dashboard-cards[b-7b1mdlzk95],
    .platform-flow[b-7b1mdlzk95] {
        grid-template-columns: 1fr;
    }

    .dashboard-section-header[b-7b1mdlzk95] {
        align-items: flex-start;
        gap: 15px;
        flex-direction: column;
    }
}
/* /Components/Pages/Admin/AdminEstabelecimentoModulos.razor.rz.scp.css */
.estab-modulos-page[b-y8jirouupu] {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.modulos-heading[b-y8jirouupu] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 22px;
}

.modulos-back[b-y8jirouupu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 18px;
    color: #7c909b;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

    .modulos-back:hover[b-y8jirouupu] {
        color: #07999d;
    }

.modulos-eyebrow[b-y8jirouupu] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.modulos-heading h1[b-y8jirouupu] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.modulos-heading p[b-y8jirouupu] {
    margin: 12px 0 0;
    color: #8b9aa4;
    font-size: 13px;
}

.heading-estab-id[b-y8jirouupu] {
    min-width: 110px;
    padding: 11px 15px;
    border: 1px solid #e1e8ec;
    border-radius: 7px;
    background: #ffffff;
}

    .heading-estab-id span[b-y8jirouupu] {
        display: block;
        margin-bottom: 3px;
        color: #a0adb5;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.10em;
    }

    .heading-estab-id strong[b-y8jirouupu] {
        color: #425b68;
        font-size: 15px;
    }


/* ============================================================
   RESUMO DO ESTABELECIMENTO
   ============================================================ */

.estab-summary-card[b-y8jirouupu] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 14px;
    padding: 16px 18px;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(36, 67, 84, 0.025);
}

.summary-icon[b-y8jirouupu] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient( 135deg, rgba(14, 172, 167, 0.12), rgba(10, 114, 187, 0.07));
    color: #079da1;
    font-size: 18px;
}

.summary-main[b-y8jirouupu] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.summary-tenant[b-y8jirouupu] {
    margin-bottom: 3px;
    overflow: hidden;
    color: #0a999d;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.summary-name[b-y8jirouupu] {
    overflow: hidden;
    color: #3d5663;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.summary-razao[b-y8jirouupu] {
    margin-top: 3px;
    overflow: hidden;
    color: #91a0a8;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.summary-meta[b-y8jirouupu] {
    display: grid;
    grid-template-columns: 175px 150px;
    gap: 18px;
}

    .summary-meta > div[b-y8jirouupu] {
        display: flex;
        flex-direction: column;
    }

    .summary-meta span[b-y8jirouupu] {
        margin-bottom: 3px;
        color: #9caab1;
        font-size: 9px;
        font-weight: 700;
    }

    .summary-meta strong[b-y8jirouupu] {
        color: #627985;
        font-size: 10px;
        font-weight: 600;
    }

.estab-status[b-y8jirouupu] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border-radius: 20px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.status-dot[b-y8jirouupu] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.estab-status-active[b-y8jirouupu] {
    background: #edf9f4;
    color: #30916c;
}

    .estab-status-active .status-dot[b-y8jirouupu] {
        background: #2eb57b;
    }

.estab-status-inactive[b-y8jirouupu] {
    background: #f2f4f5;
    color: #83929a;
}

    .estab-status-inactive .status-dot[b-y8jirouupu] {
        background: #96a2a8;
    }


/* ============================================================
   RESUMO DOS MÓDULOS
   ============================================================ */

.modulos-summary[b-y8jirouupu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 20px;
    border: 1px solid #e1e8ec;
    border-radius: 8px;
    background: #ffffff;
}

    .modulos-summary > div[b-y8jirouupu] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 13px 16px;
        border-right: 1px solid #edf1f3;
    }

        .modulos-summary > div:last-child[b-y8jirouupu] {
            border-right: 0;
        }

    .modulos-summary span[b-y8jirouupu] {
        color: #99a7ae;
        font-size: 10px;
    }

    .modulos-summary strong[b-y8jirouupu] {
        color: #425b68;
        font-size: 15px;
    }


/* ============================================================
   TÍTULO DA SEÇÃO
   ============================================================ */

.modulos-section-heading[b-y8jirouupu] {
    margin-bottom: 14px;
}

    .modulos-section-heading span[b-y8jirouupu] {
        display: block;
        margin-bottom: 3px;
        color: #0a9da0;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.12em;
    }

    .modulos-section-heading h2[b-y8jirouupu] {
        margin: 0;
        color: #405864;
        font-size: 14px;
        font-weight: 700;
    }

    .modulos-section-heading p[b-y8jirouupu] {
        margin: 4px 0 0;
        color: #94a3ab;
        font-size: 10px;
    }


/* ============================================================
   GRID DOS MÓDULOS
   ============================================================ */

.modulos-grid[b-y8jirouupu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.modulo-card[b-y8jirouupu] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 17px;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(35, 65, 80, 0.025);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

    .modulo-card:hover[b-y8jirouupu] {
        border-color: #cadcdf;
        box-shadow: 0 6px 18px rgba(35, 65, 80, 0.05);
        transform: translateY(-1px);
    }

.modulo-card-enabled[b-y8jirouupu] {
    border-color: rgba(9, 159, 162, 0.22);
    background: linear-gradient( 145deg, #ffffff 0%, rgba(10, 164, 163, 0.025) 100%);
}

.modulo-card-platform-disabled[b-y8jirouupu] {
    background: #f8f9fa;
    opacity: 0.78;
}


/* ============================================================
   TOPO DO CARD
   ============================================================ */

.modulo-card-top[b-y8jirouupu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.modulo-icon[b-y8jirouupu] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f1f5f6;
    color: #7c939d;
    font-size: 17px;
}

.modulo-icon-enabled[b-y8jirouupu] {
    background: linear-gradient( 135deg, rgba(14, 172, 167, 0.14), rgba(10, 114, 187, 0.08));
    color: #079da1;
}

.modulo-icon-disabled[b-y8jirouupu] {
    background: #edf0f1;
    color: #a5b0b5;
}

.modulo-badges[b-y8jirouupu] {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 5px;
}

.badge-obrigatorio[b-y8jirouupu],
.badge-opcional[b-y8jirouupu],
.badge-plataforma-inativo[b-y8jirouupu] {
    display: inline-flex;
    align-items: center;
    padding: 4px 7px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.badge-obrigatorio[b-y8jirouupu] {
    background: #edf8f8;
    color: #168b90;
}

.badge-opcional[b-y8jirouupu] {
    background: #f2f4f5;
    color: #809099;
}

.badge-plataforma-inativo[b-y8jirouupu] {
    background: #fff4e8;
    color: #b07b35;
}


/* ============================================================
   CORPO DO CARD
   ============================================================ */

.modulo-card-body[b-y8jirouupu] {
    flex: 1;
    margin-top: 15px;
}

.modulo-codigo[b-y8jirouupu] {
    display: block;
    margin-bottom: 4px;
    color: #0b9a9e;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.10em;
}

.modulo-card-body h3[b-y8jirouupu] {
    margin: 0;
    color: #3f5864;
    font-size: 14px;
    font-weight: 700;
}

.modulo-card-body p[b-y8jirouupu] {
    min-height: 48px;
    margin: 7px 0 0;
    color: #91a0a8;
    font-size: 10px;
    line-height: 1.55;
}


/* ============================================================
   RODAPÉ DO CARD
   ============================================================ */

.modulo-card-footer[b-y8jirouupu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #edf1f3;
}

.modulo-status-text[b-y8jirouupu] {
    display: flex;
    flex-direction: column;
}

    .modulo-status-text span[b-y8jirouupu] {
        color: #99a7ae;
        font-size: 9px;
    }

    .modulo-status-text strong[b-y8jirouupu] {
        margin-top: 3px;
        color: #526a76;
        font-size: 10px;
        font-weight: 700;
    }


/* ============================================================
   SWITCH
   ============================================================ */

.modulo-switch-wrapper[b-y8jirouupu] {
    position: relative;
    display: inline-flex;
    cursor: pointer;
}

    .modulo-switch-wrapper input[b-y8jirouupu] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.modulo-switch[b-y8jirouupu] {
    position: relative;
    width: 39px;
    height: 21px;
    flex: 0 0 39px;
    border-radius: 22px;
    background: #ccd6db;
    transition: background 0.18s ease, opacity 0.18s ease;
}

    .modulo-switch[b-y8jirouupu]::after {
        content: '';
        position: absolute;
        top: 3px;
        left: 3px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 1px 3px rgba(31, 57, 70, 0.20);
        transition: transform 0.18s ease;
    }

.modulo-switch-wrapper input:checked + .modulo-switch[b-y8jirouupu] {
    background: linear-gradient( 90deg, #13aaa0, #078fbe);
}

    .modulo-switch-wrapper input:checked + .modulo-switch[b-y8jirouupu]::after {
        transform: translateX(18px);
    }

.modulo-switch-wrapper.disabled[b-y8jirouupu] {
    cursor: default;
}

    .modulo-switch-wrapper.disabled .modulo-switch[b-y8jirouupu] {
        opacity: 0.62;
    }

.modulo-switch-wrapper.loading .modulo-switch[b-y8jirouupu] {
    opacity: 0.45;
}


/* ============================================================
   NOTAS
   ============================================================ */

.modulo-note[b-y8jirouupu] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-top: 12px;
    padding: 9px 10px;
    border-radius: 6px;
    font-size: 9px;
    line-height: 1.45;
}

    .modulo-note i[b-y8jirouupu] {
        margin-top: 1px;
    }

.modulo-note-required[b-y8jirouupu] {
    background: #f0f9f9;
    color: #56878b;
}

.modulo-note-disabled[b-y8jirouupu] {
    background: #f4f5f6;
    color: #85949b;
}


/* ============================================================
   ERRO / LOADING / VAZIO
   ============================================================ */

.modulos-error[b-y8jirouupu] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 13px 15px;
    border: 1px solid #efcece;
    border-radius: 7px;
    background: #fff7f7;
    color: #b45959;
}

    .modulos-error > i[b-y8jirouupu] {
        font-size: 16px;
    }

    .modulos-error > div[b-y8jirouupu] {
        display: flex;
        flex-direction: column;
    }

    .modulos-error strong[b-y8jirouupu] {
        font-size: 11px;
    }

    .modulos-error span[b-y8jirouupu] {
        margin-top: 2px;
        font-size: 10px;
    }

.modulos-loading[b-y8jirouupu],
.modulos-empty[b-y8jirouupu] {
    min-height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
}

.modulos-loading[b-y8jirouupu] {
    color: #8d9ca5;
}

    .modulos-loading .spinner-border[b-y8jirouupu] {
        width: 25px;
        height: 25px;
        margin-bottom: 11px;
        color: #0aa1a4;
    }

    .modulos-loading span[b-y8jirouupu] {
        font-size: 11px;
    }

.empty-icon[b-y8jirouupu] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 10px;
    background: #f0f7f8;
    color: #139ba0;
    font-size: 21px;
}

.modulos-empty strong[b-y8jirouupu] {
    color: #526975;
    font-size: 13px;
}

.modulos-empty > span[b-y8jirouupu] {
    margin-top: 5px;
    color: #96a5ad;
    font-size: 10px;
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1100px) {

    .modulos-grid[b-y8jirouupu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .summary-meta[b-y8jirouupu] {
        grid-template-columns: 1fr;
        gap: 8px;
    }
}


@media (max-width: 800px) {

    .modulos-heading[b-y8jirouupu] {
        align-items: flex-start;
        flex-direction: column;
    }

    .estab-summary-card[b-y8jirouupu] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .summary-main[b-y8jirouupu] {
        min-width: 220px;
    }

    .summary-meta[b-y8jirouupu] {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        padding-top: 12px;
        border-top: 1px solid #edf1f3;
    }

    .modulos-summary[b-y8jirouupu] {
        grid-template-columns: repeat(2, 1fr);
    }

        .modulos-summary > div:nth-child(2)[b-y8jirouupu] {
            border-right: 0;
        }

        .modulos-summary > div:nth-child(-n + 2)[b-y8jirouupu] {
            border-bottom: 1px solid #edf1f3;
        }
}


@media (max-width: 650px) {

    .modulos-grid[b-y8jirouupu] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 500px) {

    .summary-meta[b-y8jirouupu] {
        grid-template-columns: 1fr;
    }

    .modulos-summary[b-y8jirouupu] {
        grid-template-columns: 1fr;
    }

        .modulos-summary > div[b-y8jirouupu] {
            border-right: 0;
            border-bottom: 1px solid #edf1f3;
        }

            .modulos-summary > div:last-child[b-y8jirouupu] {
                border-bottom: 0;
            }
}
/* /Components/Pages/Admin/AdminEstabelecimentoNovo.razor.rz.scp.css */
.estab-form-page[b-wyw1485uds] {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.estab-form-heading[b-wyw1485uds] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 22px;
}

.estab-back[b-wyw1485uds] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 18px;
    color: #7c909b;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

    .estab-back:hover[b-wyw1485uds] {
        color: #07999d;
    }

.estab-eyebrow[b-wyw1485uds] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.estab-form-heading h1[b-wyw1485uds] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.estab-form-heading p[b-wyw1485uds] {
    margin: 12px 0 0;
    color: #8b9aa4;
    font-size: 13px;
}

.estab-heading-id[b-wyw1485uds] {
    min-width: 110px;
    padding: 11px 15px;
    border: 1px solid #e1e8ec;
    border-radius: 7px;
    background: #ffffff;
}

    .estab-heading-id span[b-wyw1485uds] {
        display: block;
        margin-bottom: 3px;
        color: #a0adb5;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.10em;
    }

    .estab-heading-id strong[b-wyw1485uds] {
        color: #425b68;
        font-size: 15px;
    }


/* ============================================================
   GRID
   ============================================================ */

.estab-form-grid[b-wyw1485uds] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 285px;
    align-items: start;
    gap: 18px;
}

.estab-form-main[b-wyw1485uds] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.estab-form-sidebar[b-wyw1485uds] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}


/* ============================================================
   SEÇÕES
   ============================================================ */

.form-section[b-wyw1485uds],
.sidebar-card[b-wyw1485uds] {
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(36, 67, 84, 0.025);
}

.form-section-heading[b-wyw1485uds] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid #edf1f3;
}

.form-section-icon[b-wyw1485uds] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient( 135deg, rgba(14, 172, 167, 0.12), rgba(10, 114, 187, 0.07));
    color: #079da1;
    font-size: 15px;
}

.form-section-heading > div:last-child > span[b-wyw1485uds],
.sidebar-card-heading > span[b-wyw1485uds] {
    display: block;
    margin-bottom: 3px;
    color: #9caab2;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.form-section-heading h2[b-wyw1485uds],
.sidebar-card-heading h2[b-wyw1485uds] {
    margin: 0;
    color: #405864;
    font-size: 14px;
    font-weight: 700;
}

.form-section-heading p[b-wyw1485uds] {
    margin: 3px 0 0;
    color: #9aa7af;
    font-size: 10px;
}

.form-section-body[b-wyw1485uds] {
    padding: 21px 20px;
}


/* ============================================================
   CAMPOS
   ============================================================ */

.field-group[b-wyw1485uds] {
    display: flex;
    flex-direction: column;
}

.field-full[b-wyw1485uds] {
    width: 100%;
}

.field-group + .field-group[b-wyw1485uds] {
    margin-top: 17px;
}

.fields-two-columns[b-wyw1485uds],
.fields-three-columns[b-wyw1485uds],
.address-first-row[b-wyw1485uds],
.city-row[b-wyw1485uds] {
    display: grid;
    gap: 15px;
}

.fields-two-columns[b-wyw1485uds] {
    grid-template-columns: repeat(2, 1fr);
}

.fields-three-columns[b-wyw1485uds] {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 17px;
}

.address-first-row[b-wyw1485uds] {
    grid-template-columns: 155px minmax(0, 1fr) 130px;
}

.city-row[b-wyw1485uds] {
    grid-template-columns: minmax(0, 1fr) 100px;
    margin-top: 17px;
}

.fields-two-columns[b-wyw1485uds] {
    margin-top: 17px;
}

    .fields-two-columns .field-group + .field-group[b-wyw1485uds],
    .fields-three-columns .field-group + .field-group[b-wyw1485uds],
    .address-first-row .field-group + .field-group[b-wyw1485uds],
    .city-row .field-group + .field-group[b-wyw1485uds] {
        margin-top: 0;
    }

.field-group label[b-wyw1485uds] {
    margin-bottom: 7px;
    color: #526975;
    font-size: 11px;
    font-weight: 700;
}

    .field-group label > span[b-wyw1485uds] {
        color: #0ba4a6;
    }

.field-group .form-control[b-wyw1485uds],
.field-group .form-select[b-wyw1485uds] {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background-color: #ffffff;
    color: #405864;
    font-size: 12px;
    box-shadow: none;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.field-group .form-select[b-wyw1485uds] {
    padding-right: 34px;
}

    .field-group .form-control:focus[b-wyw1485uds],
    .field-group .form-select:focus[b-wyw1485uds] {
        border-color: #0aa2a5;
        box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
    }

.field-group .form-control[b-wyw1485uds]::placeholder {
    color: #adb8be;
}

.field-group small[b-wyw1485uds] {
    margin-top: 6px;
    color: #a0adb4;
    font-size: 9px;
}

.uf-input[b-wyw1485uds] {
    text-transform: uppercase;
}


/* ============================================================
   DATA CADASTRO
   ============================================================ */

.estab-created[b-wyw1485uds] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 17px;
    padding-top: 14px;
    border-top: 1px solid #edf1f3;
    color: #91a0a8;
    font-size: 10px;
}

    .estab-created i[b-wyw1485uds] {
        color: #0aa1a4;
    }

    .estab-created strong[b-wyw1485uds] {
        color: #627985;
        font-weight: 600;
    }


/* ============================================================
   SIDEBAR
   ============================================================ */

.sidebar-card[b-wyw1485uds] {
    padding: 18px;
}

.sidebar-card-heading[b-wyw1485uds] {
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f3;
}


/* ============================================================
   STATUS
   ============================================================ */

.status-option[b-wyw1485uds] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    cursor: pointer;
}

    .status-option input[b-wyw1485uds] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.status-switch[b-wyw1485uds] {
    position: relative;
    width: 35px;
    height: 19px;
    flex: 0 0 35px;
    border-radius: 20px;
    background: #ccd6db;
    transition: background 0.18s ease;
}

    .status-switch[b-wyw1485uds]::after {
        content: '';
        position: absolute;
        top: 3px;
        left: 3px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 1px 3px rgba(31, 57, 70, 0.20);
        transition: transform 0.18s ease;
    }

.status-option input:checked + .status-switch[b-wyw1485uds] {
    background: linear-gradient( 90deg, #13aaa0, #078fbe);
}

    .status-option input:checked + .status-switch[b-wyw1485uds]::after {
        transform: translateX(16px);
    }

.status-text[b-wyw1485uds] {
    display: flex;
    flex-direction: column;
}

    .status-text strong[b-wyw1485uds] {
        color: #526a76;
        font-size: 11px;
        font-weight: 700;
    }

    .status-text span[b-wyw1485uds] {
        margin-top: 2px;
        color: #99a7ae;
        font-size: 9px;
        line-height: 1.45;
    }

.status-preview[b-wyw1485uds] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 16px;
    padding: 8px;
    border-radius: 6px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.status-dot[b-wyw1485uds] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.status-preview-active[b-wyw1485uds] {
    background: #edf9f4;
    color: #30916c;
}

    .status-preview-active .status-dot[b-wyw1485uds] {
        background: #2eb57b;
    }

.status-preview-inactive[b-wyw1485uds] {
    background: #f2f4f5;
    color: #83929a;
}

    .status-preview-inactive .status-dot[b-wyw1485uds] {
        background: #96a2a8;
    }


/* ============================================================
   ESTRUTURA
   ============================================================ */

.structure-flow[b-wyw1485uds] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-top: 15px;
}

.structure-item[b-wyw1485uds] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border: 1px solid #e6ecef;
    border-radius: 6px;
    color: #7f919a;
}

    .structure-item > div[b-wyw1485uds] {
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        background: #f2f6f7;
        color: #7b949e;
    }

    .structure-item span[b-wyw1485uds] {
        font-size: 10px;
        font-weight: 600;
    }

    .structure-item.active[b-wyw1485uds] {
        border-color: rgba(9, 159, 162, 0.18);
        background: #f4fbfb;
        color: #39737d;
    }

        .structure-item.active > div[b-wyw1485uds] {
            background: #e5f6f6;
            color: #079da1;
        }

.structure-flow > i[b-wyw1485uds] {
    align-self: center;
    margin: 5px 0;
    color: #c4ced3;
    font-size: 8px;
}


/* ============================================================
   MÓDULOS
   ============================================================ */

.modules-card[b-wyw1485uds] {
    padding: 17px;
    border: 1px solid rgba(9, 159, 162, 0.18);
    border-radius: 9px;
    background: linear-gradient( 135deg, rgba(14, 172, 167, 0.065), rgba(10, 114, 187, 0.035));
}

.modules-card-icon[b-wyw1485uds] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 11px;
    border-radius: 7px;
    background: #ffffff;
    color: #079da1;
    font-size: 15px;
}

.modules-card > div:nth-child(2)[b-wyw1485uds] {
    display: flex;
    flex-direction: column;
}

.modules-card strong[b-wyw1485uds] {
    color: #486671;
    font-size: 11px;
}

.modules-card span[b-wyw1485uds] {
    margin-top: 4px;
    color: #879aa3;
    font-size: 9px;
    line-height: 1.5;
}

.modules-card a[b-wyw1485uds] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 13px;
    padding-top: 11px;
    border-top: 1px solid rgba(9, 159, 162, 0.12);
    color: #148d93;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

    .modules-card a:hover[b-wyw1485uds] {
        color: #087c82;
    }


/* ============================================================
   AVISO
   ============================================================ */

.estab-warning[b-wyw1485uds] {
    display: flex;
    gap: 9px;
    padding: 13px;
    border: 1px solid #eedfbd;
    border-radius: 7px;
    background: #fffaf0;
    color: #aa7c32;
}

    .estab-warning > i[b-wyw1485uds] {
        margin-top: 1px;
        font-size: 13px;
    }

    .estab-warning > div[b-wyw1485uds] {
        display: flex;
        flex-direction: column;
    }

    .estab-warning strong[b-wyw1485uds] {
        font-size: 10px;
    }

    .estab-warning span[b-wyw1485uds] {
        margin-top: 3px;
        font-size: 9px;
        line-height: 1.5;
    }


/* ============================================================
   AÇÕES
   ============================================================ */

.estab-form-actions[b-wyw1485uds] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
    padding: 15px 0 5px;
    border-top: 1px solid #e1e8ec;
}

.btn-cancel[b-wyw1485uds],
.btn-save[b-wyw1485uds] {
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 16px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

.btn-cancel[b-wyw1485uds] {
    border: 1px solid #dce5e9;
    background: #ffffff;
    color: #748792;
}

    .btn-cancel:hover[b-wyw1485uds] {
        border-color: #bdccd2;
        color: #526a76;
    }

.btn-save[b-wyw1485uds] {
    min-width: 170px;
    border: 0;
    background: linear-gradient( 100deg, #13aa9e 0%, #078bbf 52%, #1164df 100%);
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(8, 139, 177, 0.16);
}

    .btn-save:hover:not(:disabled)[b-wyw1485uds] {
        box-shadow: 0 9px 21px rgba(8, 139, 177, 0.23);
    }

    .btn-save:disabled[b-wyw1485uds] {
        opacity: 0.65;
        cursor: default;
    }

    .btn-save .spinner-border[b-wyw1485uds] {
        width: 12px;
        height: 12px;
    }


/* ============================================================
   ERRO / LOADING
   ============================================================ */

.estab-form-error[b-wyw1485uds] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 13px 15px;
    border: 1px solid #efcece;
    border-radius: 7px;
    background: #fff7f7;
    color: #b45959;
}

    .estab-form-error > i[b-wyw1485uds] {
        font-size: 16px;
    }

    .estab-form-error > div[b-wyw1485uds] {
        display: flex;
        flex-direction: column;
    }

    .estab-form-error strong[b-wyw1485uds] {
        font-size: 11px;
    }

    .estab-form-error span[b-wyw1485uds] {
        margin-top: 2px;
        font-size: 10px;
    }

.estab-form-loading[b-wyw1485uds] {
    min-height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    color: #8d9ca5;
}

    .estab-form-loading .spinner-border[b-wyw1485uds] {
        width: 25px;
        height: 25px;
        margin-bottom: 11px;
        color: #0aa1a4;
    }

    .estab-form-loading span[b-wyw1485uds] {
        font-size: 11px;
    }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1050px) {

    .estab-form-grid[b-wyw1485uds] {
        grid-template-columns: 1fr;
    }

    .estab-form-sidebar[b-wyw1485uds] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .modules-card[b-wyw1485uds],
    .estab-warning[b-wyw1485uds] {
        grid-column: 1 / -1;
    }
}


@media (max-width: 760px) {

    .estab-form-heading[b-wyw1485uds] {
        align-items: flex-start;
        flex-direction: column;
    }

    .fields-three-columns[b-wyw1485uds],
    .address-first-row[b-wyw1485uds],
    .city-row[b-wyw1485uds] {
        grid-template-columns: 1fr;
    }

    .estab-form-sidebar[b-wyw1485uds] {
        display: flex;
    }
}


@media (max-width: 620px) {

    .fields-two-columns[b-wyw1485uds] {
        grid-template-columns: 1fr;
    }

    .estab-form-actions[b-wyw1485uds] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .btn-cancel[b-wyw1485uds],
    .btn-save[b-wyw1485uds] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/AdminEstabelecimentos.razor.rz.scp.css */
.admin-estab-page[b-4tirpvas5e] {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.admin-estab-heading[b-4tirpvas5e] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.admin-estab-eyebrow[b-4tirpvas5e] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.admin-estab-heading h1[b-4tirpvas5e] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.admin-estab-heading p[b-4tirpvas5e] {
    margin: 10px 0 0;
    color: #8b9aa4;
    font-size: 13px;
}

.btn-new-estab[b-4tirpvas5e] {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 16px;
    border-radius: 6px;
    background: linear-gradient( 100deg, #13aa9e 0%, #078bbf 52%, #1164df 100%);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(8, 139, 177, 0.16);
}

    .btn-new-estab:hover[b-4tirpvas5e] {
        color: #ffffff;
        box-shadow: 0 9px 21px rgba(8, 139, 177, 0.23);
    }


/* ============================================================
   TOOLBAR
   ============================================================ */

.admin-estab-toolbar[b-4tirpvas5e] {
    display: grid;
    grid-template-columns: 260px minmax(280px, 1fr) auto;
    align-items: end;
    gap: 12px;
    margin-bottom: 14px;
    padding: 16px;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
}

.tenant-filter[b-4tirpvas5e] {
    display: flex;
    flex-direction: column;
}

    .tenant-filter label[b-4tirpvas5e] {
        margin-bottom: 6px;
        color: #526975;
        font-size: 11px;
        font-weight: 700;
    }

    .tenant-filter .form-select[b-4tirpvas5e] {
        height: 40px;
        border: 1px solid #dce5e9;
        border-radius: 6px;
        color: #405864;
        font-size: 12px;
        box-shadow: none;
    }

        .tenant-filter .form-select:focus[b-4tirpvas5e] {
            border-color: #0aa2a5;
            box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
        }

.search-box[b-4tirpvas5e] {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
}

    .search-box:focus-within[b-4tirpvas5e] {
        border-color: #0aa2a5;
        box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
    }

    .search-box i[b-4tirpvas5e] {
        color: #8da0a9;
        font-size: 13px;
    }

    .search-box input[b-4tirpvas5e] {
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: #405864;
        font-size: 12px;
    }

        .search-box input[b-4tirpvas5e]::placeholder {
            color: #a6b2b8;
        }

.status-filter[b-4tirpvas5e] {
    height: 40px;
    display: flex;
    align-items: stretch;
    padding: 3px;
    border: 1px solid #e0e7eb;
    border-radius: 6px;
    background: #f5f7f8;
}

.filter-button[b-4tirpvas5e] {
    min-width: 72px;
    padding: 0 11px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #83939c;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
}

    .filter-button.active[b-4tirpvas5e] {
        background: #ffffff;
        color: #158b92;
        box-shadow: 0 1px 4px rgba(43, 69, 82, 0.10);
    }


/* ============================================================
   RESUMO
   ============================================================ */

.admin-estab-summary[b-4tirpvas5e] {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    border: 1px solid #e1e8ec;
    border-radius: 8px;
    background: #ffffff;
}

    .admin-estab-summary > div[b-4tirpvas5e] {
        min-width: 120px;
        padding: 11px 17px;
        border-right: 1px solid #edf1f3;
    }

        .admin-estab-summary > div:last-child[b-4tirpvas5e] {
            border-right: 0;
        }

    .admin-estab-summary span[b-4tirpvas5e] {
        margin-right: 7px;
        color: #99a7ae;
        font-size: 9px;
    }

    .admin-estab-summary strong[b-4tirpvas5e] {
        color: #4a626e;
        font-size: 13px;
    }


/* ============================================================
   LISTA
   ============================================================ */

.admin-estab-list[b-4tirpvas5e] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.estab-card[b-4tirpvas5e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 18px;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(35, 65, 80, 0.025);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

    .estab-card:hover[b-4tirpvas5e] {
        border-color: #cadcdf;
        box-shadow: 0 6px 18px rgba(35, 65, 80, 0.055);
    }

.estab-main[b-4tirpvas5e] {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
}

.estab-icon[b-4tirpvas5e] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient( 135deg, rgba(14, 172, 167, 0.12), rgba(10, 114, 187, 0.07));
    color: #079da1;
    font-size: 17px;
}

.estab-info[b-4tirpvas5e] {
    min-width: 0;
    flex: 1;
}

.estab-name-line[b-4tirpvas5e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

    .estab-name-line > div[b-4tirpvas5e] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

.estab-name[b-4tirpvas5e] {
    overflow: hidden;
    color: #3d5663;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.estab-razao[b-4tirpvas5e] {
    margin-top: 3px;
    overflow: hidden;
    color: #91a0a8;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.estab-meta[b-4tirpvas5e] {
    display: grid;
    grid-template-columns: minmax(180px, 1.5fr) 160px 150px 50px;
    gap: 18px;
    margin-top: 12px;
}

    .estab-meta > div[b-4tirpvas5e] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .estab-meta span[b-4tirpvas5e] {
        margin-bottom: 3px;
        color: #9caab1;
        font-size: 9px;
        font-weight: 700;
    }

    .estab-meta strong[b-4tirpvas5e] {
        overflow: hidden;
        color: #627985;
        font-size: 10px;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


/* ============================================================
   STATUS
   ============================================================ */

.status-badge[b-4tirpvas5e] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 20px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.status-dot[b-4tirpvas5e] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.status-active[b-4tirpvas5e] {
    background: #edf9f4;
    color: #30916c;
}

    .status-active .status-dot[b-4tirpvas5e] {
        background: #2eb57b;
    }

.status-inactive[b-4tirpvas5e] {
    background: #f2f4f5;
    color: #83929a;
}

    .status-inactive .status-dot[b-4tirpvas5e] {
        background: #96a2a8;
    }


/* ============================================================
   AÇÕES
   ============================================================ */

.estab-actions[b-4tirpvas5e] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
}

.btn-estab-edit[b-4tirpvas5e],
.btn-estab-modules[b-4tirpvas5e] {
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 11px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

.btn-estab-edit[b-4tirpvas5e] {
    border: 1px solid #dce5e9;
    background: #ffffff;
    color: #667d88;
}

    .btn-estab-edit:hover[b-4tirpvas5e] {
        border-color: #bfcfd5;
        color: #3f5b67;
    }

.btn-estab-modules[b-4tirpvas5e] {
    border: 1px solid rgba(9, 157, 161, 0.16);
    background: #f1fafa;
    color: #138c92;
}

    .btn-estab-modules:hover[b-4tirpvas5e] {
        border-color: rgba(9, 157, 161, 0.30);
        background: #e9f7f7;
        color: #087c82;
    }


/* ============================================================
   LOADING / VAZIO / ERRO
   ============================================================ */

.admin-estab-loading[b-4tirpvas5e],
.admin-estab-empty[b-4tirpvas5e] {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
}

.admin-estab-loading[b-4tirpvas5e] {
    color: #8d9ca5;
}

    .admin-estab-loading .spinner-border[b-4tirpvas5e] {
        width: 25px;
        height: 25px;
        margin-bottom: 11px;
        color: #0aa1a4;
    }

    .admin-estab-loading span[b-4tirpvas5e] {
        font-size: 11px;
    }

.empty-icon[b-4tirpvas5e] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 10px;
    background: #f0f7f8;
    color: #139ba0;
    font-size: 21px;
}

.admin-estab-empty strong[b-4tirpvas5e] {
    color: #526975;
    font-size: 13px;
}

.admin-estab-empty > span[b-4tirpvas5e] {
    margin-top: 5px;
    color: #96a5ad;
    font-size: 10px;
}

.admin-estab-error[b-4tirpvas5e] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 13px 15px;
    border: 1px solid #efcece;
    border-radius: 7px;
    background: #fff7f7;
    color: #b45959;
}

    .admin-estab-error > i[b-4tirpvas5e] {
        font-size: 16px;
    }

    .admin-estab-error > div[b-4tirpvas5e] {
        display: flex;
        flex-direction: column;
    }

    .admin-estab-error strong[b-4tirpvas5e] {
        font-size: 11px;
    }

    .admin-estab-error span[b-4tirpvas5e] {
        margin-top: 2px;
        font-size: 10px;
    }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1050px) {

    .admin-estab-toolbar[b-4tirpvas5e] {
        grid-template-columns: 1fr 1fr;
    }

    .status-filter[b-4tirpvas5e] {
        grid-column: 1 / -1;
        width: max-content;
    }

    .estab-meta[b-4tirpvas5e] {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 760px) {

    .admin-estab-heading[b-4tirpvas5e] {
        align-items: stretch;
        flex-direction: column;
    }

    .btn-new-estab[b-4tirpvas5e] {
        align-self: flex-start;
    }

    .admin-estab-toolbar[b-4tirpvas5e] {
        grid-template-columns: 1fr;
    }

    .status-filter[b-4tirpvas5e] {
        grid-column: auto;
    }

    .estab-card[b-4tirpvas5e] {
        align-items: stretch;
        flex-direction: column;
    }

    .estab-actions[b-4tirpvas5e] {
        justify-content: flex-end;
        padding-top: 12px;
        border-top: 1px solid #edf1f3;
    }

    .estab-meta[b-4tirpvas5e] {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 520px) {

    .admin-estab-summary[b-4tirpvas5e] {
        align-items: stretch;
        flex-direction: column;
    }

        .admin-estab-summary > div[b-4tirpvas5e] {
            border-right: 0;
            border-bottom: 1px solid #edf1f3;
        }

            .admin-estab-summary > div:last-child[b-4tirpvas5e] {
                border-bottom: 0;
            }

    .estab-name-line[b-4tirpvas5e] {
        flex-direction: column;
    }

    .estab-meta[b-4tirpvas5e] {
        grid-template-columns: 1fr;
    }

    .estab-actions[b-4tirpvas5e] {
        flex-direction: column;
    }

    .btn-estab-edit[b-4tirpvas5e],
    .btn-estab-modules[b-4tirpvas5e] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/AdminGruposUsuarios.razor.rz.scp.css */
.grupos-page[b-grejzj38k3] {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.grupos-heading[b-grejzj38k3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.grupos-eyebrow[b-grejzj38k3] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.grupos-heading h1[b-grejzj38k3] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.grupos-heading p[b-grejzj38k3] {
    margin: 10px 0 0;
    color: #8b9aa4;
    font-size: 13px;
}


/* ============================================================
   BOTÃO NOVO
   ============================================================ */

.btn-new-group[b-grejzj38k3] {
    height: 38px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 15px;
    border: 0;
    border-radius: 6px;
    background: linear-gradient(135deg, #12aaa0, #087eb8);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(7, 139, 160, 0.12);
    transition: 0.15s ease;
}

    .btn-new-group:hover[b-grejzj38k3] {
        color: #ffffff;
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(7, 139, 160, 0.18);
    }


/* ============================================================
   TENANT
   ============================================================ */

.tenant-selector-card[b-grejzj38k3] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) minmax(300px, 420px);
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
    padding: 15px 17px;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(35, 65, 80, 0.025);
}

.tenant-selector-icon[b-grejzj38k3] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient( 135deg, rgba(17, 170, 160, 0.13), rgba(8, 126, 184, 0.08) );
    color: #079da1;
    font-size: 17px;
}

.tenant-selector-info[b-grejzj38k3] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .tenant-selector-info span[b-grejzj38k3] {
        color: #0a999d;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.1em;
    }

    .tenant-selector-info strong[b-grejzj38k3] {
        margin-top: 3px;
        color: #526975;
        font-size: 11px;
        font-weight: 700;
    }

.tenant-selector-card .form-select[b-grejzj38k3] {
    width: 100%;
    height: 40px;
    padding: 0 34px 0 12px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background-color: #ffffff;
    color: #405864;
    font-size: 11px;
    box-shadow: none;
}

    .tenant-selector-card .form-select:focus[b-grejzj38k3] {
        border-color: #0aa2a5;
        box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
    }


/* ============================================================
   RESUMO
   ============================================================ */

.grupos-summary[b-grejzj38k3] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 14px;
    border: 1px solid #e1e8ec;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

    .grupos-summary > div[b-grejzj38k3] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 48px;
        padding: 12px 16px;
        border-right: 1px solid #edf1f3;
    }

        .grupos-summary > div:last-child[b-grejzj38k3] {
            border-right: 0;
        }

    .grupos-summary span[b-grejzj38k3] {
        color: #99a7ae;
        font-size: 10px;
    }

    .grupos-summary strong[b-grejzj38k3] {
        color: #425b68;
        font-size: 15px;
        font-weight: 700;
    }


/* ============================================================
   BUSCA / FILTROS
   ============================================================ */

.grupos-toolbar[b-grejzj38k3] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
}

.grupos-search[b-grejzj38k3] {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
}

    .grupos-search:focus-within[b-grejzj38k3] {
        border-color: #0aa2a5;
        box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
    }

    .grupos-search i[b-grejzj38k3] {
        color: #8da0a9;
        font-size: 13px;
    }

    .grupos-search input[b-grejzj38k3] {
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: #405864;
        font-size: 12px;
    }

        .grupos-search input[b-grejzj38k3]::placeholder {
            color: #a6b2b8;
        }

.status-filter[b-grejzj38k3] {
    height: 40px;
    display: flex;
    align-items: stretch;
    padding: 3px;
    border: 1px solid #e0e7eb;
    border-radius: 6px;
    background: #f5f7f8;
}

.filter-button[b-grejzj38k3] {
    min-width: 72px;
    padding: 0 11px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #83939c;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.15s ease;
}

    .filter-button:hover[b-grejzj38k3] {
        color: #4f6975;
    }

    .filter-button.active[b-grejzj38k3] {
        background: #ffffff;
        color: #158b92;
        box-shadow: 0 1px 4px rgba(43, 69, 82, 0.10);
    }


/* ============================================================
   LISTAGEM
   ============================================================ */

.grupos-list[b-grejzj38k3] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.grupo-row[b-grejzj38k3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 17px;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(35, 65, 80, 0.025);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

    .grupo-row:hover[b-grejzj38k3] {
        border-color: #cadcdf;
        box-shadow: 0 6px 18px rgba(35, 65, 80, 0.05);
        transform: translateY(-1px);
    }

.grupo-inactive[b-grejzj38k3] {
    background: #f8f9fa;
    opacity: 0.78;
}

.grupo-main[b-grejzj38k3] {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
}


/* ============================================================
   ÍCONE
   ============================================================ */

.grupo-icon[b-grejzj38k3] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: linear-gradient(135deg, #12aaa0, #087eb8);
    color: #ffffff;
    font-size: 17px;
    box-shadow: 0 4px 10px rgba(7, 139, 160, 0.12);
}

.grupo-inactive .grupo-icon[b-grejzj38k3] {
    background: #a8b4ba;
    box-shadow: none;
}


/* ============================================================
   INFORMAÇÕES
   ============================================================ */

.grupo-info[b-grejzj38k3] {
    min-width: 0;
    flex: 1;
}

.grupo-title[b-grejzj38k3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}

    .grupo-title > div[b-grejzj38k3] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

        .grupo-title > div > span[b-grejzj38k3] {
            margin-bottom: 3px;
            color: #0a999d;
            font-size: 8px;
            font-weight: 700;
            letter-spacing: 0.1em;
        }

    .grupo-title strong[b-grejzj38k3] {
        color: #3d5663;
        font-size: 14px;
        font-weight: 700;
    }

    .grupo-title small[b-grejzj38k3] {
        margin-top: 3px;
        color: #8b9ba3;
        font-size: 9px;
    }


/* ============================================================
   STATUS
   ============================================================ */

.status-badge[b-grejzj38k3] {
    flex: 0 0 auto;
    height: max-content;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

    .status-badge > span[b-grejzj38k3] {
        width: 5px;
        height: 5px;
        border-radius: 50%;
    }

    .status-badge.active[b-grejzj38k3] {
        background: #edf9f4;
        color: #30916c;
    }

        .status-badge.active > span[b-grejzj38k3] {
            background: #2eb57b;
        }

    .status-badge.inactive[b-grejzj38k3] {
        background: #f2f4f5;
        color: #83929a;
    }

        .status-badge.inactive > span[b-grejzj38k3] {
            background: #96a2a8;
        }


/* ============================================================
   METADADOS
   ============================================================ */

.grupo-meta[b-grejzj38k3] {
    display: grid;
    grid-template-columns: 120px 130px minmax(180px, 1fr);
    gap: 18px;
    margin-top: 12px;
}

    .grupo-meta > div[b-grejzj38k3] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .grupo-meta span[b-grejzj38k3] {
        margin-bottom: 3px;
        color: #9caab1;
        font-size: 9px;
        font-weight: 700;
    }

    .grupo-meta strong[b-grejzj38k3] {
        overflow: hidden;
        color: #627985;
        font-size: 10px;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


/* ============================================================
   AÇÕES / PERMISSÕES
   ============================================================ */

.grupo-actions[b-grejzj38k3] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.permission-indicator[b-grejzj38k3] {
    min-width: 55px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 10px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
    color: #66808b;
    font-size: 10px;
    font-weight: 700;
}

    .permission-indicator i[b-grejzj38k3] {
        color: #139ba0;
    }


/* ============================================================
   VAZIO
   ============================================================ */

.grupos-loading[b-grejzj38k3],
.grupos-empty[b-grejzj38k3] {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
}

.grupos-loading[b-grejzj38k3] {
    color: #8d9ca5;
}

    .grupos-loading .spinner-border[b-grejzj38k3] {
        width: 25px;
        height: 25px;
        margin-bottom: 11px;
        color: #0aa1a4;
    }

    .grupos-loading span[b-grejzj38k3] {
        font-size: 11px;
    }

.grupos-empty > div[b-grejzj38k3] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 10px;
    background: #f0f7f8;
    color: #139ba0;
    font-size: 20px;
}

.grupos-empty strong[b-grejzj38k3] {
    color: #526975;
    font-size: 13px;
}

.grupos-empty > span[b-grejzj38k3] {
    max-width: 460px;
    margin-top: 5px;
    color: #96a5ad;
    font-size: 10px;
    line-height: 1.5;
    text-align: center;
}

.empty-create-button[b-grejzj38k3] {
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 15px;
    padding: 0 12px;
    border-radius: 6px;
    background: linear-gradient(135deg, #12aaa0, #087eb8);
    color: #ffffff;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
}

    .empty-create-button:hover[b-grejzj38k3] {
        color: #ffffff;
    }


/* ============================================================
   ERRO
   ============================================================ */

.grupos-error[b-grejzj38k3] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 13px 15px;
    border: 1px solid #efcece;
    border-radius: 7px;
    background: #fff7f7;
    color: #b45959;
}

    .grupos-error > i[b-grejzj38k3] {
        font-size: 16px;
    }

    .grupos-error > div[b-grejzj38k3] {
        display: flex;
        flex-direction: column;
    }

    .grupos-error strong[b-grejzj38k3] {
        font-size: 11px;
    }

    .grupos-error span[b-grejzj38k3] {
        margin-top: 2px;
        font-size: 10px;
    }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1000px) {

    .tenant-selector-card[b-grejzj38k3] {
        grid-template-columns: 42px minmax(0, 1fr);
    }

        .tenant-selector-card .form-select[b-grejzj38k3] {
            grid-column: 1 / -1;
        }

    .grupos-summary[b-grejzj38k3] {
        grid-template-columns: repeat(2, 1fr);
    }

        .grupos-summary > div:nth-child(2)[b-grejzj38k3] {
            border-right: 0;
        }

        .grupos-summary > div:nth-child(-n + 2)[b-grejzj38k3] {
            border-bottom: 1px solid #edf1f3;
        }

    .grupos-toolbar[b-grejzj38k3] {
        grid-template-columns: 1fr;
    }

    .status-filter[b-grejzj38k3] {
        width: max-content;
    }
}


@media (max-width: 700px) {

    .grupos-heading[b-grejzj38k3] {
        flex-direction: column;
    }

    .btn-new-group[b-grejzj38k3] {
        align-self: flex-start;
    }

    .grupo-row[b-grejzj38k3] {
        align-items: stretch;
        flex-direction: column;
    }

    .grupo-title[b-grejzj38k3] {
        flex-direction: column;
    }

    .grupo-meta[b-grejzj38k3] {
        grid-template-columns: repeat(2, 1fr);
    }

    .grupo-actions[b-grejzj38k3] {
        justify-content: flex-end;
    }
}


@media (max-width: 560px) {

    .grupos-summary[b-grejzj38k3] {
        grid-template-columns: 1fr;
    }

        .grupos-summary > div[b-grejzj38k3] {
            border-right: 0;
            border-bottom: 1px solid #edf1f3;
        }

            .grupos-summary > div:last-child[b-grejzj38k3] {
                border-bottom: 0;
            }

    .grupo-meta[b-grejzj38k3] {
        grid-template-columns: 1fr;
    }

    .status-filter[b-grejzj38k3] {
        width: 100%;
        overflow-x: auto;
    }
}
/* /Components/Pages/Admin/AdminGrupoUsuarioNovo.razor.rz.scp.css */
.grupo-novo-page[b-oilfdua48j] {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.page-heading[b-oilfdua48j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.page-eyebrow[b-oilfdua48j] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.page-heading h1[b-oilfdua48j] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.page-heading p[b-oilfdua48j] {
    margin: 10px 0 0;
    color: #8b9aa4;
    font-size: 13px;
}

.btn-voltar[b-oilfdua48j] {
    height: 38px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
    color: #667d88;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.15s ease;
}

    .btn-voltar:hover[b-oilfdua48j] {
        border-color: #bfd0d6;
        background: #f9fbfb;
        color: #3f5b67;
    }


/* ============================================================
   LAYOUT
   ============================================================ */

.form-layout[b-oilfdua48j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    align-items: start;
    gap: 18px;
}

.form-main[b-oilfdua48j] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.form-sidebar[b-oilfdua48j] {
    position: sticky;
    top: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}


/* ============================================================
   CARDS
   ============================================================ */

.form-card[b-oilfdua48j],
.side-card[b-oilfdua48j] {
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(35, 65, 80, 0.025);
}

.form-card[b-oilfdua48j] {
    padding: 18px;
}

.side-card[b-oilfdua48j] {
    padding: 16px;
}


/* ============================================================
   CABEÇALHO DOS CARDS
   ============================================================ */

.card-heading[b-oilfdua48j] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f3;
}

.card-icon[b-oilfdua48j] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient( 135deg, rgba(17, 170, 160, 0.13), rgba(8, 126, 184, 0.08) );
    color: #079da1;
    font-size: 16px;
}

.card-heading > div:last-child[b-oilfdua48j] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.card-heading span[b-oilfdua48j] {
    color: #0a999d;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.11em;
}

.card-heading strong[b-oilfdua48j] {
    margin-top: 3px;
    color: #455e6a;
    font-size: 13px;
    font-weight: 700;
}


/* ============================================================
   CAMPOS
   ============================================================ */

.field-group[b-oilfdua48j] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .field-group label[b-oilfdua48j] {
        margin-bottom: 6px;
        color: #617782;
        font-size: 10px;
        font-weight: 700;
    }

        .field-group label > span[b-oilfdua48j] {
            color: #d06c6c;
        }

    .field-group .form-control[b-oilfdua48j],
    .field-group .form-select[b-oilfdua48j] {
        width: 100%;
        min-height: 40px;
        border: 1px solid #dce5e9;
        border-radius: 6px;
        background-color: #ffffff;
        color: #405864;
        font-size: 11px;
        box-shadow: none;
    }

    .field-group .form-control[b-oilfdua48j] {
        padding: 0 12px;
    }

    .field-group .form-select[b-oilfdua48j] {
        padding-left: 12px;
        padding-right: 34px;
    }

        .field-group .form-control:focus[b-oilfdua48j],
        .field-group .form-select:focus[b-oilfdua48j] {
            border-color: #0aa2a5;
            box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
        }

    .field-group small[b-oilfdua48j] {
        margin-top: 5px;
        color: #9aa8af;
        font-size: 9px;
    }


/* ============================================================
   PERMISSÕES - CABEÇALHO
   ============================================================ */

.permission-heading[b-oilfdua48j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f3;
}

.permission-card-heading[b-oilfdua48j] {
    margin: 0;
    padding: 0;
    border: 0;
}

.permission-actions[b-oilfdua48j] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.btn-permission-action[b-oilfdua48j] {
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 10px;
    border: 1px solid #dce5e9;
    border-radius: 5px;
    background: #ffffff;
    color: #6b7f89;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.15s ease;
}

    .btn-permission-action:hover[b-oilfdua48j] {
        border-color: #bdd0d6;
        background: #f9fbfb;
        color: #3d626d;
    }


/* ============================================================
   MÓDULOS
   ============================================================ */

.permission-modules[b-oilfdua48j] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.permission-module[b-oilfdua48j] {
    border: 1px solid #e2e9ec;
    border-radius: 8px;
    background: #fbfcfd;
    overflow: hidden;
}

.module-heading[b-oilfdua48j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    padding: 11px 13px;
    border-bottom: 1px solid #e8eef1;
    background: #ffffff;
}

    .module-heading > div:first-child[b-oilfdua48j] {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }

.module-icon[b-oilfdua48j] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #edf7f8;
    color: #0a999d;
    font-size: 14px;
}

.module-info[b-oilfdua48j] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .module-info strong[b-oilfdua48j] {
        color: #455e6a;
        font-size: 11px;
        font-weight: 700;
    }

    .module-info span[b-oilfdua48j] {
        margin-top: 3px;
        color: #98a6ad;
        font-size: 9px;
    }

.btn-module-toggle[b-oilfdua48j] {
    flex: 0 0 auto;
    height: 30px;
    padding: 0 9px;
    border: 1px solid #dce5e9;
    border-radius: 5px;
    background: #ffffff;
    color: #68808b;
    font-size: 8px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.15s ease;
}

    .btn-module-toggle:hover[b-oilfdua48j] {
        border-color: #c3d5da;
        color: #3d626d;
    }


/* ============================================================
   ÁREAS
   ============================================================ */

.permission-areas[b-oilfdua48j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
}

.permission-area[b-oilfdua48j] {
    min-width: 0;
    border: 1px solid #e4eaed;
    border-radius: 7px;
    background: #ffffff;
}

.area-title[b-oilfdua48j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 10px;
    border-bottom: 1px solid #edf1f3;
    background: #fafcfc;
}

    .area-title strong[b-oilfdua48j] {
        color: #607580;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.05em;
    }

    .area-title span[b-oilfdua48j] {
        color: #9ca9af;
        font-size: 8px;
    }


/* ============================================================
   PERMISSÕES
   ============================================================ */

.permission-list[b-oilfdua48j] {
    display: flex;
    flex-direction: column;
}

.permission-item[b-oilfdua48j] {
    position: relative;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 8px 10px;
    border-bottom: 1px solid #f0f3f4;
    cursor: pointer;
    transition: 0.15s ease;
}

    .permission-item:last-child[b-oilfdua48j] {
        border-bottom: 0;
    }

    .permission-item:hover[b-oilfdua48j] {
        background: #fbfdfd;
    }

    .permission-item > input[b-oilfdua48j] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.permission-check[b-oilfdua48j] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cdd9de;
    border-radius: 4px;
    background: #ffffff;
    color: transparent;
    font-size: 10px;
    transition: 0.15s ease;
}

.permission-item > input:checked + .permission-check[b-oilfdua48j] {
    border-color: #0aa2a5;
    background: linear-gradient(135deg, #12aaa0, #087eb8);
    color: #ffffff;
}

.permission-info[b-oilfdua48j] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .permission-info strong[b-oilfdua48j] {
        color: #566d78;
        font-size: 9px;
        font-weight: 600;
    }

    .permission-info span[b-oilfdua48j] {
        margin-top: 2px;
        color: #a0adb3;
        font-size: 8px;
    }


/* ============================================================
   ESTADO VAZIO
   ============================================================ */

.empty-selection[b-oilfdua48j] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 14px;
    border: 1px dashed #d8e2e6;
    border-radius: 7px;
    background: #fafcfc;
}

    .empty-selection > i[b-oilfdua48j] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: #edf5f6;
        color: #6d929a;
        font-size: 16px;
    }

    .empty-selection > div[b-oilfdua48j] {
        display: flex;
        flex-direction: column;
    }

    .empty-selection strong[b-oilfdua48j] {
        color: #607682;
        font-size: 10px;
    }

    .empty-selection span[b-oilfdua48j] {
        margin-top: 3px;
        color: #9aa8af;
        font-size: 9px;
    }


/* ============================================================
   SIDEBAR
   ============================================================ */

.side-eyebrow[b-oilfdua48j] {
    display: block;
    margin-bottom: 12px;
    color: #0a999d;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.11em;
}

.status-switch[b-oilfdua48j] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    cursor: pointer;
}

    .status-switch > div[b-oilfdua48j] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .status-switch strong[b-oilfdua48j] {
        color: #506773;
        font-size: 10px;
    }

    .status-switch span[b-oilfdua48j] {
        margin-top: 3px;
        color: #98a6ad;
        font-size: 9px;
    }

    .status-switch > input[b-oilfdua48j] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.switch-ui[b-oilfdua48j] {
    position: relative;
    width: 38px;
    height: 21px;
    flex: 0 0 38px;
    margin: 0 !important;
    border-radius: 20px;
    background: #cbd5da;
    transition: 0.15s ease;
}

    .switch-ui[b-oilfdua48j]::after {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 1px 3px rgba(40, 60, 70, 0.18);
        transition: 0.15s ease;
    }

.status-switch > input:checked + .switch-ui[b-oilfdua48j] {
    background: linear-gradient(135deg, #12aaa0, #087eb8);
}

    .status-switch > input:checked + .switch-ui[b-oilfdua48j]::after {
        left: 20px;
    }


/* ============================================================
   RESUMO
   ============================================================ */

.summary-item[b-oilfdua48j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    border-bottom: 1px solid #edf1f3;
}

    .summary-item:last-child[b-oilfdua48j] {
        border-bottom: 0;
    }

    .summary-item span[b-oilfdua48j] {
        color: #8d9ca4;
        font-size: 9px;
    }

    .summary-item strong[b-oilfdua48j] {
        color: #455f6b;
        font-size: 12px;
    }


/* ============================================================
   BOTÕES
   ============================================================ */

.btn-save[b-oilfdua48j] {
    width: 100%;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0;
    border-radius: 6px;
    background: linear-gradient(135deg, #12aaa0, #087eb8);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(7, 139, 160, 0.13);
    transition: 0.15s ease;
}

    .btn-save:hover:not(:disabled)[b-oilfdua48j] {
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(7, 139, 160, 0.19);
    }

    .btn-save:disabled[b-oilfdua48j] {
        opacity: 0.65;
        cursor: not-allowed;
    }

.btn-cancel[b-oilfdua48j] {
    width: 100%;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
    color: #71848d;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}


/* ============================================================
   ALERTA
   ============================================================ */

.alert-error[b-oilfdua48j] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 13px 15px;
    border: 1px solid #efcece;
    border-radius: 7px;
    background: #fff7f7;
    color: #b45959;
}

    .alert-error > i[b-oilfdua48j] {
        font-size: 16px;
    }

    .alert-error > div[b-oilfdua48j] {
        display: flex;
        flex-direction: column;
    }

    .alert-error strong[b-oilfdua48j] {
        font-size: 11px;
    }

    .alert-error span[b-oilfdua48j] {
        margin-top: 2px;
        font-size: 10px;
    }


/* ============================================================
   LOADING
   ============================================================ */

.loading-card[b-oilfdua48j] {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    color: #8d9ca5;
}

    .loading-card .spinner-border[b-oilfdua48j] {
        width: 26px;
        height: 26px;
        margin-bottom: 11px;
        color: #0aa1a4;
    }

    .loading-card span[b-oilfdua48j] {
        font-size: 11px;
    }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1050px) {

    .form-layout[b-oilfdua48j] {
        grid-template-columns: 1fr;
    }

    .form-sidebar[b-oilfdua48j] {
        position: static;
    }
}


@media (max-width: 850px) {

    .permission-areas[b-oilfdua48j] {
        grid-template-columns: 1fr;
    }

    .permission-heading[b-oilfdua48j] {
        align-items: flex-start;
        flex-direction: column;
    }
}


@media (max-width: 700px) {

    .page-heading[b-oilfdua48j] {
        flex-direction: column;
    }

    .module-heading[b-oilfdua48j] {
        align-items: flex-start;
        flex-direction: column;
    }

    .permission-actions[b-oilfdua48j] {
        width: 100%;
    }

    .btn-permission-action[b-oilfdua48j] {
        flex: 1;
    }
}
/* /Components/Pages/Admin/AdminLogin.razor.rz.scp.css */
@font-face {
    font-family: 'Jakarta';
    src: url('/fonts/PlusJakartaSans-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Jakarta';
    src: url('/fonts/PlusJakartaSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Jakarta';
    src: url('/fonts/PlusJakartaSans-Bold.ttf') format('truetype');
    font-weight: 700;
}


/* ============================================================
   PÁGINA
   ============================================================ */

.admin-login-page[b-d5uyvq8ou9] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    font-family: 'Jakarta', sans-serif;
    background: linear-gradient( 135deg, #f5f8fa 0%, #edf3f6 48%, #e7eff3 100%);
}


/* ============================================================
   FUNDO
   ============================================================ */

.admin-login-background[b-d5uyvq8ou9] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.admin-login-grid[b-d5uyvq8ou9] {
    position: absolute;
    inset: 0;
    opacity: 0.035;
    background-image: linear-gradient(#164e63 1px, transparent 1px), linear-gradient(90deg, #164e63 1px, transparent 1px);
    background-size: 45px 45px;
}

.admin-login-glow[b-d5uyvq8ou9] {
    position: absolute;
    border-radius: 50%;
    filter: blur(20px);
}

.admin-login-glow-one[b-d5uyvq8ou9] {
    width: 520px;
    height: 520px;
    top: -250px;
    left: -160px;
    background: rgba(12, 173, 165, 0.12);
}

.admin-login-glow-two[b-d5uyvq8ou9] {
    width: 650px;
    height: 650px;
    right: -300px;
    bottom: -320px;
    background: rgba(17, 100, 223, 0.10);
}


/* ============================================================
   CONTEÚDO
   ============================================================ */

.admin-login-container[b-d5uyvq8ou9] {
    position: relative;
    z-index: 1;
    width: min(1180px, calc(100% - 80px));
    min-height: calc(100vh - 90px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 480px;
    align-items: center;
    gap: 90px;
    padding: 70px 0 100px;
}


/* ============================================================
   MARCA
   ============================================================ */

.admin-login-brand[b-d5uyvq8ou9] {
    display: flex;
    align-items: center;
}

.admin-brand-content[b-d5uyvq8ou9] {
    max-width: 580px;
}

.admin-brand-logo[b-d5uyvq8ou9] {
    width: 245px;
    max-width: 75%;
    display: block;
    margin-bottom: 35px;
    opacity: 0.88;
}

.admin-brand-badge[b-d5uyvq8ou9] {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    margin-bottom: 24px;
    border: 1px solid rgba(9, 151, 160, 0.22);
    border-radius: 6px;
    background: rgba(255,255,255,0.55);
    color: #078c96;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.10em;
}

.admin-brand-content h1[b-d5uyvq8ou9] {
    margin: 0;
    color: #263a49;
    font-size: clamp(42px, 4vw, 61px);
    line-height: 1.08;
    font-weight: 400;
    letter-spacing: -0.04em;
}

    .admin-brand-content h1 strong[b-d5uyvq8ou9] {
        font-weight: 700;
    }

.admin-brand-content > p[b-d5uyvq8ou9] {
    max-width: 520px;
    margin: 24px 0 35px;
    color: #72818d;
    font-size: 15px;
    line-height: 1.75;
}

.admin-brand-items[b-d5uyvq8ou9] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.admin-brand-item[b-d5uyvq8ou9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid rgba(69, 91, 106, 0.11);
    border-radius: 7px;
    background: rgba(255,255,255,0.45);
    color: #607481;
    font-size: 11px;
    font-weight: 600;
}

    .admin-brand-item i[b-d5uyvq8ou9] {
        color: #079ca0;
        font-size: 14px;
    }


/* ============================================================
   CARD LOGIN
   ============================================================ */

.admin-login-panel[b-d5uyvq8ou9] {
    display: flex;
    justify-content: flex-end;
}

.admin-login-card[b-d5uyvq8ou9] {
    width: 100%;
    padding: 43px 42px 35px;
    border: 1px solid rgba(75, 97, 111, 0.13);
    border-radius: 14px;
    background: rgba(255,255,255,0.82);
    box-shadow: 0 25px 70px rgba(38, 62, 78, 0.10);
    backdrop-filter: blur(15px);
}

.admin-login-header[b-d5uyvq8ou9] {
    display: flex;
    gap: 17px;
    margin-bottom: 31px;
}

.admin-icon[b-d5uyvq8ou9] {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: linear-gradient( 135deg, #10aaa2, #0b76bd);
    color: #ffffff;
    font-size: 19px;
    box-shadow: 0 7px 18px rgba(8, 143, 160, 0.20);
}

.admin-eyebrow[b-d5uyvq8ou9] {
    display: block;
    margin: 1px 0 5px;
    color: #078f99;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.admin-login-header h2[b-d5uyvq8ou9] {
    margin: 0 0 7px;
    color: #314553;
    font-size: 22px;
    font-weight: 700;
}

.admin-login-header p[b-d5uyvq8ou9] {
    margin: 0;
    color: #8a98a2;
    font-size: 12px;
    line-height: 1.55;
}


/* ============================================================
   ERRO
   ============================================================ */

.admin-login-error[b-d5uyvq8ou9] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 22px;
    padding: 11px 13px;
    border: 1px solid #efc7c7;
    border-radius: 7px;
    background: #fff5f5;
    color: #b94a4a;
    font-size: 11px;
    font-weight: 600;
}


/* ============================================================
   FORMULÁRIO
   ============================================================ */

.admin-field[b-d5uyvq8ou9] {
    margin-bottom: 19px;
}

    .admin-field label[b-d5uyvq8ou9] {
        display: block;
        margin-bottom: 7px;
        color: #60717d;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.09em;
    }

.admin-input-wrapper[b-d5uyvq8ou9] {
    position: relative;
}

    .admin-input-wrapper > i[b-d5uyvq8ou9] {
        position: absolute;
        top: 50%;
        left: 15px;
        transform: translateY(-50%);
        color: #9ba8b1;
        font-size: 15px;
        pointer-events: none;
    }

    .admin-input-wrapper .form-control[b-d5uyvq8ou9] {
        height: 49px;
        padding: 0 47px 0 43px;
        border: 1px solid #d9e0e5;
        border-radius: 7px;
        background: rgba(255,255,255,0.85);
        color: #334955;
        font-size: 12px;
        box-shadow: none;
    }

        .admin-input-wrapper .form-control[b-d5uyvq8ou9]::placeholder {
            color: #adb7be;
        }

        .admin-input-wrapper .form-control:focus[b-d5uyvq8ou9] {
            border-color: #0aa3a4;
            box-shadow: 0 0 0 3px rgba(10, 163, 164, 0.08);
        }

.admin-password-toggle[b-d5uyvq8ou9] {
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #95a2ab;
    cursor: pointer;
}

.admin-options[b-d5uyvq8ou9] {
    display: flex;
    align-items: center;
    margin: 4px 0 23px;
}

.admin-remember[b-d5uyvq8ou9] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #788892;
    font-size: 11px;
    cursor: pointer;
}

    .admin-remember input[b-d5uyvq8ou9] {
        width: 14px;
        height: 14px;
        accent-color: #079fa1;
    }


/* ============================================================
   BOTÃO
   ============================================================ */

.btn-admin-login[b-d5uyvq8ou9] {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 0;
    border-radius: 7px;
    background: linear-gradient( 100deg, #13aa9e 0%, #078bbf 52%, #1164df 100%);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    box-shadow: 0 9px 22px rgba(8, 139, 177, 0.18);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .btn-admin-login:hover[b-d5uyvq8ou9] {
        transform: translateY(-1px);
        box-shadow: 0 12px 27px rgba(8, 139, 177, 0.25);
    }


/* ============================================================
   SEGURANÇA / VOLTAR
   ============================================================ */

.admin-security[b-d5uyvq8ou9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 22px;
    color: #98a4ac;
    font-size: 9px;
}

    .admin-security i[b-d5uyvq8ou9] {
        color: #08a2a2;
    }

.admin-back[b-d5uyvq8ou9] {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 24px auto 0;
    color: #71838e;
    font-size: 10px;
    font-weight: 600;
    text-decoration: none;
}

    .admin-back:hover[b-d5uyvq8ou9] {
        color: #078f99;
    }


/* ============================================================
   RODAPÉ
   ============================================================ */

.admin-login-footer[b-d5uyvq8ou9] {
    position: absolute;
    z-index: 2;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 9px;
    color: #9aa6ae;
    font-size: 9px;
    white-space: nowrap;
}

.admin-footer-dot[b-d5uyvq8ou9] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #0ba1a4;
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1050px) {

    .admin-login-container[b-d5uyvq8ou9] {
        width: min(900px, calc(100% - 50px));
        grid-template-columns: 1fr 430px;
        gap: 50px;
    }

    .admin-brand-content h1[b-d5uyvq8ou9] {
        font-size: 43px;
    }
}


@media (max-width: 820px) {

    .admin-login-page[b-d5uyvq8ou9] {
        overflow-y: auto;
    }

    .admin-login-container[b-d5uyvq8ou9] {
        width: min(480px, calc(100% - 36px));
        min-height: calc(100vh - 60px);
        display: block;
        padding: 45px 0 90px;
    }

    .admin-login-brand[b-d5uyvq8ou9] {
        display: none;
    }

    .admin-login-panel[b-d5uyvq8ou9] {
        width: 100%;
    }
}


@media (max-width: 480px) {

    .admin-login-container[b-d5uyvq8ou9] {
        width: calc(100% - 24px);
    }

    .admin-login-card[b-d5uyvq8ou9] {
        padding: 35px 24px 30px;
    }

    .admin-login-header[b-d5uyvq8ou9] {
        gap: 13px;
    }

    .admin-icon[b-d5uyvq8ou9] {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .admin-login-header h2[b-d5uyvq8ou9] {
        font-size: 19px;
    }
}
/* /Components/Pages/Admin/AdminModuloNovo.razor.rz.scp.css */
.modulo-form-page[b-7t2n3yp6jm] {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.modulo-form-heading[b-7t2n3yp6jm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 22px;
}

.modulo-back[b-7t2n3yp6jm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 18px;
    color: #7c909b;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

    .modulo-back:hover[b-7t2n3yp6jm] {
        color: #07999d;
    }

.modulo-eyebrow[b-7t2n3yp6jm] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.modulo-form-heading h1[b-7t2n3yp6jm] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.modulo-form-heading p[b-7t2n3yp6jm] {
    margin: 12px 0 0;
    color: #8b9aa4;
    font-size: 13px;
}

.modulo-heading-id[b-7t2n3yp6jm] {
    min-width: 100px;
    padding: 11px 15px;
    border: 1px solid #e1e8ec;
    border-radius: 7px;
    background: #ffffff;
}

    .modulo-heading-id span[b-7t2n3yp6jm] {
        display: block;
        margin-bottom: 3px;
        color: #a0adb5;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.10em;
    }

    .modulo-heading-id strong[b-7t2n3yp6jm] {
        color: #425b68;
        font-size: 15px;
    }


/* ============================================================
   GRID
   ============================================================ */

.modulo-form-grid[b-7t2n3yp6jm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 285px;
    align-items: start;
    gap: 18px;
}

.modulo-form-main[b-7t2n3yp6jm] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.modulo-form-sidebar[b-7t2n3yp6jm] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}


/* ============================================================
   SEÇÕES
   ============================================================ */

.form-section[b-7t2n3yp6jm],
.sidebar-card[b-7t2n3yp6jm] {
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(36, 67, 84, 0.025);
}

.form-section-heading[b-7t2n3yp6jm] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid #edf1f3;
}

.form-section-icon[b-7t2n3yp6jm] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient( 135deg, rgba(14, 172, 167, 0.12), rgba(10, 114, 187, 0.07));
    color: #079da1;
    font-size: 15px;
}

.form-section-heading > div:last-child > span[b-7t2n3yp6jm],
.sidebar-card-heading > span[b-7t2n3yp6jm] {
    display: block;
    margin-bottom: 3px;
    color: #9caab2;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.form-section-heading h2[b-7t2n3yp6jm],
.sidebar-card-heading h2[b-7t2n3yp6jm] {
    margin: 0;
    color: #405864;
    font-size: 14px;
    font-weight: 700;
}

.form-section-heading p[b-7t2n3yp6jm] {
    margin: 3px 0 0;
    color: #9aa7af;
    font-size: 10px;
}

.form-section-body[b-7t2n3yp6jm] {
    padding: 21px 20px;
}


/* ============================================================
   CAMPOS
   ============================================================ */

.fields-two-columns[b-7t2n3yp6jm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.field-group[b-7t2n3yp6jm] {
    display: flex;
    flex-direction: column;
}

.field-full[b-7t2n3yp6jm] {
    width: 100%;
}

.field-group + .field-group[b-7t2n3yp6jm] {
    margin-top: 17px;
}

.fields-two-columns .field-group + .field-group[b-7t2n3yp6jm] {
    margin-top: 0;
}

.field-group label[b-7t2n3yp6jm] {
    margin-bottom: 7px;
    color: #526975;
    font-size: 11px;
    font-weight: 700;
}

    .field-group label > span[b-7t2n3yp6jm] {
        color: #0ba4a6;
    }

.field-group .form-control[b-7t2n3yp6jm],
.field-group .form-select[b-7t2n3yp6jm] {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background-color: #ffffff;
    color: #405864;
    font-size: 12px;
    box-shadow: none;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

    .field-group .form-control:focus[b-7t2n3yp6jm],
    .field-group .form-select:focus[b-7t2n3yp6jm] {
        border-color: #0aa2a5;
        box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
    }

    .field-group .form-control[b-7t2n3yp6jm]::placeholder {
        color: #adb8be;
    }

.field-group small[b-7t2n3yp6jm] {
    margin-top: 6px;
    color: #a0adb4;
    font-size: 9px;
}


/* ============================================================
   DATA CADASTRO
   ============================================================ */

.modulo-created[b-7t2n3yp6jm] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 17px;
    padding-top: 14px;
    border-top: 1px solid #edf1f3;
    color: #91a0a8;
    font-size: 10px;
}

    .modulo-created i[b-7t2n3yp6jm] {
        color: #0aa1a4;
    }

    .modulo-created strong[b-7t2n3yp6jm] {
        color: #627985;
        font-weight: 600;
    }


/* ============================================================
   REGRAS
   ============================================================ */

.module-rule-grid[b-7t2n3yp6jm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.module-rule-card[b-7t2n3yp6jm] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 14px;
    border: 1px solid #e4eaed;
    border-radius: 8px;
    background: #fbfcfc;
}

.module-rule-icon[b-7t2n3yp6jm] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #eaf7f7;
    color: #0a999d;
    font-size: 15px;
}

.module-rule-content[b-7t2n3yp6jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .module-rule-content strong[b-7t2n3yp6jm] {
        color: #4d6571;
        font-size: 11px;
    }

    .module-rule-content span[b-7t2n3yp6jm] {
        margin-top: 3px;
        color: #94a2a9;
        font-size: 9px;
        line-height: 1.45;
    }


/* ============================================================
   SWITCH
   ============================================================ */

.rule-switch-wrapper[b-7t2n3yp6jm] {
    position: relative;
    display: inline-flex;
    cursor: pointer;
}

    .rule-switch-wrapper input[b-7t2n3yp6jm] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.rule-switch[b-7t2n3yp6jm] {
    position: relative;
    width: 39px;
    height: 21px;
    flex: 0 0 39px;
    border-radius: 22px;
    background: #ccd6db;
    transition: background 0.18s ease, opacity 0.18s ease;
}

    .rule-switch[b-7t2n3yp6jm]::after {
        content: '';
        position: absolute;
        top: 3px;
        left: 3px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 1px 3px rgba(31, 57, 70, 0.20);
        transition: transform 0.18s ease;
    }

.rule-switch-wrapper input:checked + .rule-switch[b-7t2n3yp6jm] {
    background: linear-gradient( 90deg, #13aaa0, #078fbe);
}

    .rule-switch-wrapper input:checked + .rule-switch[b-7t2n3yp6jm]::after {
        transform: translateX(18px);
    }

.rule-switch-wrapper.disabled[b-7t2n3yp6jm] {
    cursor: default;
}

    .rule-switch-wrapper.disabled .rule-switch[b-7t2n3yp6jm] {
        opacity: 0.60;
    }


/* ============================================================
   PROTEÇÃO DO NÚCLEO
   ============================================================ */

.nucleo-info[b-7t2n3yp6jm] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 14px;
    padding: 13px;
    border: 1px solid rgba(9, 159, 162, 0.16);
    border-radius: 7px;
    background: #f2fafa;
    color: #56878b;
}

    .nucleo-info > i[b-7t2n3yp6jm] {
        margin-top: 1px;
        color: #079da1;
        font-size: 15px;
    }

    .nucleo-info > div[b-7t2n3yp6jm] {
        display: flex;
        flex-direction: column;
    }

    .nucleo-info strong[b-7t2n3yp6jm] {
        font-size: 10px;
    }

    .nucleo-info span[b-7t2n3yp6jm] {
        margin-top: 3px;
        font-size: 9px;
        line-height: 1.5;
    }


/* ============================================================
   SIDEBAR
   ============================================================ */

.sidebar-card[b-7t2n3yp6jm] {
    padding: 18px;
}

.sidebar-card-heading[b-7t2n3yp6jm] {
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f3;
}


/* ============================================================
   STATUS RESUMIDO
   ============================================================ */

.status-summary[b-7t2n3yp6jm] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
}

.status-summary-icon[b-7t2n3yp6jm] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    font-size: 14px;
}

    .status-summary-icon.active[b-7t2n3yp6jm] {
        background: #eaf8f2;
        color: #2e9d70;
    }

    .status-summary-icon.inactive[b-7t2n3yp6jm] {
        background: #f0f2f3;
        color: #8b989f;
    }

.status-summary > div:last-child[b-7t2n3yp6jm] {
    display: flex;
    flex-direction: column;
}

.status-summary strong[b-7t2n3yp6jm] {
    color: #526a76;
    font-size: 11px;
}

.status-summary span[b-7t2n3yp6jm] {
    margin-top: 2px;
    color: #99a7ae;
    font-size: 9px;
    line-height: 1.45;
}

.status-preview[b-7t2n3yp6jm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 16px;
    padding: 8px;
    border-radius: 6px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.status-dot[b-7t2n3yp6jm] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.status-preview-active[b-7t2n3yp6jm] {
    background: #edf9f4;
    color: #30916c;
}

    .status-preview-active .status-dot[b-7t2n3yp6jm] {
        background: #2eb57b;
    }

.status-preview-inactive[b-7t2n3yp6jm] {
    background: #f2f4f5;
    color: #83929a;
}

    .status-preview-inactive .status-dot[b-7t2n3yp6jm] {
        background: #96a2a8;
    }


/* ============================================================
   CLASSIFICAÇÃO
   ============================================================ */

.classification-list[b-7t2n3yp6jm] {
    display: flex;
    flex-direction: column;
    margin-top: 14px;
}

    .classification-list > div[b-7t2n3yp6jm] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 0;
        border-bottom: 1px solid #edf1f3;
    }

        .classification-list > div:last-child[b-7t2n3yp6jm] {
            border-bottom: 0;
        }

    .classification-list span[b-7t2n3yp6jm] {
        color: #94a2a9;
        font-size: 9px;
    }

    .classification-list strong[b-7t2n3yp6jm] {
        overflow: hidden;
        color: #536c77;
        font-size: 10px;
        font-weight: 700;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


/* ============================================================
   AVISO GLOBAL
   ============================================================ */

.platform-warning[b-7t2n3yp6jm] {
    display: flex;
    gap: 9px;
    padding: 13px;
    border: 1px solid #d8e6eb;
    border-radius: 7px;
    background: #f7fafb;
    color: #66808c;
}

    .platform-warning > i[b-7t2n3yp6jm] {
        margin-top: 1px;
        color: #0a999d;
        font-size: 14px;
    }

    .platform-warning > div[b-7t2n3yp6jm] {
        display: flex;
        flex-direction: column;
    }

    .platform-warning strong[b-7t2n3yp6jm] {
        font-size: 10px;
    }

    .platform-warning span[b-7t2n3yp6jm] {
        margin-top: 3px;
        font-size: 9px;
        line-height: 1.5;
    }


/* ============================================================
   AÇÕES
   ============================================================ */

.modulo-form-actions[b-7t2n3yp6jm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
    padding: 15px 0 5px;
    border-top: 1px solid #e1e8ec;
}

.btn-cancel[b-7t2n3yp6jm],
.btn-save[b-7t2n3yp6jm] {
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 16px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

.btn-cancel[b-7t2n3yp6jm] {
    border: 1px solid #dce5e9;
    background: #ffffff;
    color: #748792;
}

    .btn-cancel:hover[b-7t2n3yp6jm] {
        border-color: #bdccd2;
        color: #526a76;
    }

.btn-save[b-7t2n3yp6jm] {
    min-width: 150px;
    border: 0;
    background: linear-gradient( 100deg, #13aa9e 0%, #078bbf 52%, #1164df 100%);
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(8, 139, 177, 0.16);
}

    .btn-save:hover:not(:disabled)[b-7t2n3yp6jm] {
        box-shadow: 0 9px 21px rgba(8, 139, 177, 0.23);
    }

    .btn-save:disabled[b-7t2n3yp6jm] {
        opacity: 0.65;
        cursor: default;
    }

    .btn-save .spinner-border[b-7t2n3yp6jm] {
        width: 12px;
        height: 12px;
    }


/* ============================================================
   ERRO / LOADING
   ============================================================ */

.modulo-form-error[b-7t2n3yp6jm] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 13px 15px;
    border: 1px solid #efcece;
    border-radius: 7px;
    background: #fff7f7;
    color: #b45959;
}

    .modulo-form-error > i[b-7t2n3yp6jm] {
        font-size: 16px;
    }

    .modulo-form-error > div[b-7t2n3yp6jm] {
        display: flex;
        flex-direction: column;
    }

    .modulo-form-error strong[b-7t2n3yp6jm] {
        font-size: 11px;
    }

    .modulo-form-error span[b-7t2n3yp6jm] {
        margin-top: 2px;
        font-size: 10px;
    }

.modulo-form-loading[b-7t2n3yp6jm] {
    min-height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    color: #8d9ca5;
}

    .modulo-form-loading .spinner-border[b-7t2n3yp6jm] {
        width: 25px;
        height: 25px;
        margin-bottom: 11px;
        color: #0aa1a4;
    }

    .modulo-form-loading span[b-7t2n3yp6jm] {
        font-size: 11px;
    }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1050px) {

    .modulo-form-grid[b-7t2n3yp6jm] {
        grid-template-columns: 1fr;
    }

    .modulo-form-sidebar[b-7t2n3yp6jm] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .platform-warning[b-7t2n3yp6jm] {
        grid-column: 1 / -1;
    }
}


@media (max-width: 760px) {

    .modulo-form-heading[b-7t2n3yp6jm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .fields-two-columns[b-7t2n3yp6jm],
    .module-rule-grid[b-7t2n3yp6jm] {
        grid-template-columns: 1fr;
    }

    .modulo-form-sidebar[b-7t2n3yp6jm] {
        display: flex;
    }
}


@media (max-width: 620px) {

    .module-rule-card[b-7t2n3yp6jm] {
        grid-template-columns: 36px minmax(0, 1fr);
    }

        .module-rule-card .rule-switch-wrapper[b-7t2n3yp6jm] {
            grid-column: 1 / -1;
            justify-self: flex-end;
        }

    .modulo-form-actions[b-7t2n3yp6jm] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .btn-cancel[b-7t2n3yp6jm],
    .btn-save[b-7t2n3yp6jm] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/AdminModulos.razor.rz.scp.css */
.admin-modulos-page[b-aku7psbndi] {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.admin-modulos-heading[b-aku7psbndi] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.admin-modulos-eyebrow[b-aku7psbndi] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.admin-modulos-heading h1[b-aku7psbndi] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.admin-modulos-heading p[b-aku7psbndi] {
    margin: 10px 0 0;
    color: #8b9aa4;
    font-size: 13px;
}

.btn-new-modulo[b-aku7psbndi] {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 16px;
    border-radius: 6px;
    background: linear-gradient( 100deg, #13aa9e 0%, #078bbf 52%, #1164df 100%);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(8, 139, 177, 0.16);
}

    .btn-new-modulo:hover[b-aku7psbndi] {
        color: #ffffff;
        box-shadow: 0 9px 21px rgba(8, 139, 177, 0.23);
    }


/* ============================================================
   RESUMO
   ============================================================ */

.admin-modulos-summary[b-aku7psbndi] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-bottom: 14px;
    border: 1px solid #e1e8ec;
    border-radius: 8px;
    background: #ffffff;
}

    .admin-modulos-summary > div[b-aku7psbndi] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 16px;
        border-right: 1px solid #edf1f3;
    }

        .admin-modulos-summary > div:last-child[b-aku7psbndi] {
            border-right: 0;
        }

    .admin-modulos-summary span[b-aku7psbndi] {
        color: #99a7ae;
        font-size: 10px;
    }

    .admin-modulos-summary strong[b-aku7psbndi] {
        color: #425b68;
        font-size: 15px;
    }


/* ============================================================
   TOOLBAR
   ============================================================ */

.admin-modulos-toolbar[b-aku7psbndi] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
}

.modulos-search[b-aku7psbndi] {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
}

    .modulos-search:focus-within[b-aku7psbndi] {
        border-color: #0aa2a5;
        box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
    }

    .modulos-search i[b-aku7psbndi] {
        color: #8da0a9;
        font-size: 13px;
    }

    .modulos-search input[b-aku7psbndi] {
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: #405864;
        font-size: 12px;
    }

        .modulos-search input[b-aku7psbndi]::placeholder {
            color: #a6b2b8;
        }

.status-filter[b-aku7psbndi],
.tipo-filter[b-aku7psbndi] {
    height: 40px;
    display: flex;
    align-items: stretch;
    padding: 3px;
    border: 1px solid #e0e7eb;
    border-radius: 6px;
    background: #f5f7f8;
}

.filter-button[b-aku7psbndi] {
    min-width: 72px;
    padding: 0 11px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #83939c;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
}

    .filter-button.active[b-aku7psbndi] {
        background: #ffffff;
        color: #158b92;
        box-shadow: 0 1px 4px rgba(43, 69, 82, 0.10);
    }


/* ============================================================
   LISTA
   ============================================================ */

.modulos-list[b-aku7psbndi] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.modulo-row[b-aku7psbndi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 15px 17px;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(35, 65, 80, 0.025);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

    .modulo-row:hover[b-aku7psbndi] {
        border-color: #cadcdf;
        box-shadow: 0 6px 18px rgba(35, 65, 80, 0.05);
    }

.modulo-row-inactive[b-aku7psbndi] {
    background: #f8f9fa;
    opacity: 0.82;
}

.modulo-row-main[b-aku7psbndi] {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
}

.modulo-icon[b-aku7psbndi] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient( 135deg, rgba(14, 172, 167, 0.12), rgba(10, 114, 187, 0.07));
    color: #079da1;
    font-size: 17px;
}

.modulo-icon-inactive[b-aku7psbndi] {
    background: #edf0f1;
    color: #a5b0b5;
}

.modulo-info[b-aku7psbndi] {
    min-width: 0;
    flex: 1;
}

.modulo-title-line[b-aku7psbndi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

    .modulo-title-line > div:first-child[b-aku7psbndi] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

.modulo-code[b-aku7psbndi] {
    margin-bottom: 3px;
    color: #0a999d;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.09em;
}

.modulo-name[b-aku7psbndi] {
    overflow: hidden;
    color: #3d5663;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modulo-badges[b-aku7psbndi] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
}

.type-badge[b-aku7psbndi],
.status-badge[b-aku7psbndi] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.type-required[b-aku7psbndi] {
    background: #edf8f8;
    color: #168b90;
}

.type-optional[b-aku7psbndi] {
    background: #f2f4f5;
    color: #809099;
}

.status-dot[b-aku7psbndi] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.status-active[b-aku7psbndi] {
    background: #edf9f4;
    color: #30916c;
}

    .status-active .status-dot[b-aku7psbndi] {
        background: #2eb57b;
    }

.status-inactive[b-aku7psbndi] {
    background: #f2f4f5;
    color: #83929a;
}

    .status-inactive .status-dot[b-aku7psbndi] {
        background: #96a2a8;
    }


/* ============================================================
   META
   ============================================================ */

.modulo-meta[b-aku7psbndi] {
    display: grid;
    grid-template-columns: minmax(130px, 1.3fr) 70px 120px 130px;
    gap: 18px;
    margin-top: 11px;
}

    .modulo-meta > div[b-aku7psbndi] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .modulo-meta span[b-aku7psbndi] {
        margin-bottom: 3px;
        color: #9caab1;
        font-size: 9px;
        font-weight: 700;
    }

    .modulo-meta strong[b-aku7psbndi] {
        overflow: hidden;
        color: #627985;
        font-size: 10px;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


/* ============================================================
   AÇÕES
   ============================================================ */

.modulo-actions[b-aku7psbndi] {
    flex: 0 0 auto;
}

.btn-edit-modulo[b-aku7psbndi] {
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 11px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
    color: #667d88;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

    .btn-edit-modulo:hover[b-aku7psbndi] {
        border-color: #bfcfd5;
        color: #3f5b67;
    }


/* ============================================================
   LOADING / VAZIO / ERRO
   ============================================================ */

.admin-modulos-loading[b-aku7psbndi],
.admin-modulos-empty[b-aku7psbndi] {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
}

.admin-modulos-loading[b-aku7psbndi] {
    color: #8d9ca5;
}

    .admin-modulos-loading .spinner-border[b-aku7psbndi] {
        width: 25px;
        height: 25px;
        margin-bottom: 11px;
        color: #0aa1a4;
    }

    .admin-modulos-loading span[b-aku7psbndi] {
        font-size: 11px;
    }

.empty-icon[b-aku7psbndi] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 10px;
    background: #f0f7f8;
    color: #139ba0;
    font-size: 21px;
}

.admin-modulos-empty strong[b-aku7psbndi] {
    color: #526975;
    font-size: 13px;
}

.admin-modulos-empty > span[b-aku7psbndi] {
    margin-top: 5px;
    color: #96a5ad;
    font-size: 10px;
}

.admin-modulos-error[b-aku7psbndi] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 13px 15px;
    border: 1px solid #efcece;
    border-radius: 7px;
    background: #fff7f7;
    color: #b45959;
}

    .admin-modulos-error > i[b-aku7psbndi] {
        font-size: 16px;
    }

    .admin-modulos-error > div[b-aku7psbndi] {
        display: flex;
        flex-direction: column;
    }

    .admin-modulos-error strong[b-aku7psbndi] {
        font-size: 11px;
    }

    .admin-modulos-error span[b-aku7psbndi] {
        margin-top: 2px;
        font-size: 10px;
    }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1100px) {

    .admin-modulos-toolbar[b-aku7psbndi] {
        grid-template-columns: 1fr;
    }

    .status-filter[b-aku7psbndi],
    .tipo-filter[b-aku7psbndi] {
        width: max-content;
    }

    .admin-modulos-summary[b-aku7psbndi] {
        grid-template-columns: repeat(3, 1fr);
    }

        .admin-modulos-summary > div:nth-child(3)[b-aku7psbndi] {
            border-right: 0;
        }

        .admin-modulos-summary > div:nth-child(-n + 3)[b-aku7psbndi] {
            border-bottom: 1px solid #edf1f3;
        }

    .modulo-meta[b-aku7psbndi] {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 760px) {

    .admin-modulos-heading[b-aku7psbndi] {
        align-items: stretch;
        flex-direction: column;
    }

    .btn-new-modulo[b-aku7psbndi] {
        align-self: flex-start;
    }

    .modulo-row[b-aku7psbndi] {
        align-items: stretch;
        flex-direction: column;
    }

    .modulo-actions[b-aku7psbndi] {
        display: flex;
        justify-content: flex-end;
        padding-top: 12px;
        border-top: 1px solid #edf1f3;
    }

    .modulo-title-line[b-aku7psbndi] {
        flex-direction: column;
    }

    .modulo-badges[b-aku7psbndi] {
        justify-content: flex-start;
    }
}


@media (max-width: 560px) {

    .admin-modulos-summary[b-aku7psbndi] {
        grid-template-columns: 1fr;
    }

        .admin-modulos-summary > div[b-aku7psbndi] {
            border-right: 0;
            border-bottom: 1px solid #edf1f3;
        }

            .admin-modulos-summary > div:last-child[b-aku7psbndi] {
                border-bottom: 0;
            }

    .modulo-meta[b-aku7psbndi] {
        grid-template-columns: 1fr;
    }

    .status-filter[b-aku7psbndi],
    .tipo-filter[b-aku7psbndi] {
        width: 100%;
        overflow-x: auto;
    }

    .btn-edit-modulo[b-aku7psbndi] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/AdminTenantNovo.razor.rz.scp.css */
.tenant-form-page[b-hsfbbayamu] {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.tenant-form-heading[b-hsfbbayamu] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 22px;
}

.tenant-back[b-hsfbbayamu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 18px;
    color: #7c909b;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

    .tenant-back:hover[b-hsfbbayamu] {
        color: #07999d;
    }

.tenant-eyebrow[b-hsfbbayamu] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.tenant-form-heading h1[b-hsfbbayamu] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.tenant-form-heading p[b-hsfbbayamu] {
    margin: 12px 0 0;
    color: #8b9aa4;
    font-size: 13px;
}

.tenant-heading-id[b-hsfbbayamu] {
    min-width: 90px;
    padding: 11px 15px;
    border: 1px solid #e1e8ec;
    border-radius: 7px;
    background: #ffffff;
}

    .tenant-heading-id span[b-hsfbbayamu] {
        display: block;
        margin-bottom: 3px;
        color: #a0adb5;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.10em;
    }

    .tenant-heading-id strong[b-hsfbbayamu] {
        color: #425b68;
        font-size: 15px;
    }


/* ============================================================
   GRID
   ============================================================ */

.tenant-form-grid[b-hsfbbayamu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 285px;
    align-items: start;
    gap: 18px;
}

.tenant-form-main[b-hsfbbayamu] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.tenant-form-sidebar[b-hsfbbayamu] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}


/* ============================================================
   SEÇÕES
   ============================================================ */

.form-section[b-hsfbbayamu],
.sidebar-card[b-hsfbbayamu] {
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(36, 67, 84, 0.025);
}

.form-section-heading[b-hsfbbayamu] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid #edf1f3;
}

.form-section-icon[b-hsfbbayamu] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient( 135deg, rgba(14, 172, 167, 0.12), rgba(10, 114, 187, 0.07));
    color: #079da1;
    font-size: 15px;
}

.form-section-heading > div:last-child > span[b-hsfbbayamu],
.sidebar-card-heading > span[b-hsfbbayamu] {
    display: block;
    margin-bottom: 3px;
    color: #9caab2;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.form-section-heading h2[b-hsfbbayamu],
.sidebar-card-heading h2[b-hsfbbayamu] {
    margin: 0;
    color: #405864;
    font-size: 14px;
    font-weight: 700;
}

.form-section-heading p[b-hsfbbayamu] {
    margin: 3px 0 0;
    color: #9aa7af;
    font-size: 10px;
}

.form-section-body[b-hsfbbayamu] {
    padding: 21px 20px;
}


/* ============================================================
   CAMPOS
   ============================================================ */

.fields-two-columns[b-hsfbbayamu] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.field-group[b-hsfbbayamu] {
    display: flex;
    flex-direction: column;
}

.field-full[b-hsfbbayamu] {
    width: 100%;
}

.field-group + .field-group[b-hsfbbayamu] {
    margin-top: 17px;
}

.fields-two-columns .field-group + .field-group[b-hsfbbayamu] {
    margin-top: 0;
}

.field-group label[b-hsfbbayamu] {
    margin-bottom: 7px;
    color: #526975;
    font-size: 11px;
    font-weight: 700;
}

    .field-group label > span[b-hsfbbayamu] {
        color: #0ba4a6;
    }

.field-group .form-control[b-hsfbbayamu] {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
    color: #405864;
    font-size: 12px;
    box-shadow: none;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

    .field-group .form-control:focus[b-hsfbbayamu] {
        border-color: #0aa2a5;
        box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
    }

    .field-group .form-control[b-hsfbbayamu]::placeholder {
        color: #adb8be;
    }

.field-group small[b-hsfbbayamu] {
    margin-top: 6px;
    color: #a0adb4;
    font-size: 9px;
}


/* ============================================================
   DOMÍNIO
   ============================================================ */

.domain-input[b-hsfbbayamu] {
    height: 42px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

    .domain-input:focus-within[b-hsfbbayamu] {
        border-color: #0aa2a5;
        box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
    }

.domain-input-icon[b-hsfbbayamu] {
    width: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0aa0a3;
}

.domain-input input[b-hsfbbayamu] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #405864;
    font-size: 12px;
}

    .domain-input input[b-hsfbbayamu]::placeholder {
        color: #adb8be;
    }

.domain-suffix[b-hsfbbayamu] {
    display: flex;
    align-items: center;
    padding: 0 13px;
    border-left: 1px solid #e5ebee;
    background: #f7f9fa;
    color: #738792;
    font-size: 11px;
    font-weight: 600;
}

.domain-preview[b-hsfbbayamu] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 17px;
    padding: 12px 14px;
    border: 1px solid rgba(9, 158, 161, 0.13);
    border-radius: 7px;
    background: linear-gradient( 90deg, rgba(15, 173, 168, 0.065), rgba(10, 118, 188, 0.035));
}

.domain-preview-icon[b-hsfbbayamu] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #ffffff;
    color: #079da1;
    font-size: 14px;
}

.domain-preview > div:last-child[b-hsfbbayamu] {
    display: flex;
    flex-direction: column;
}

.domain-preview span[b-hsfbbayamu] {
    margin-bottom: 2px;
    color: #8fa0a9;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.10em;
}

.domain-preview strong[b-hsfbbayamu] {
    color: #39707b;
    font-size: 12px;
    font-weight: 600;
}


/* ============================================================
   DATA DE CADASTRO
   ============================================================ */

.tenant-created[b-hsfbbayamu] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 17px;
    padding-top: 14px;
    border-top: 1px solid #edf1f3;
    color: #91a0a8;
    font-size: 10px;
}

    .tenant-created i[b-hsfbbayamu] {
        color: #0aa1a4;
    }

    .tenant-created strong[b-hsfbbayamu] {
        color: #627985;
        font-weight: 600;
    }


/* ============================================================
   SIDEBAR
   ============================================================ */

.sidebar-card[b-hsfbbayamu] {
    padding: 18px;
}

.sidebar-card-heading[b-hsfbbayamu] {
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f3;
}


/* ============================================================
   STATUS
   ============================================================ */

.status-option[b-hsfbbayamu] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    cursor: pointer;
}

    .status-option input[b-hsfbbayamu] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.status-switch[b-hsfbbayamu] {
    position: relative;
    width: 35px;
    height: 19px;
    flex: 0 0 35px;
    border-radius: 20px;
    background: #ccd6db;
    transition: background 0.18s ease;
}

    .status-switch[b-hsfbbayamu]::after {
        content: '';
        position: absolute;
        top: 3px;
        left: 3px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 1px 3px rgba(31, 57, 70, 0.20);
        transition: transform 0.18s ease;
    }

.status-option input:checked + .status-switch[b-hsfbbayamu] {
    background: linear-gradient( 90deg, #13aaa0, #078fbe);
}

    .status-option input:checked + .status-switch[b-hsfbbayamu]::after {
        transform: translateX(16px);
    }

.status-text[b-hsfbbayamu] {
    display: flex;
    flex-direction: column;
}

    .status-text strong[b-hsfbbayamu] {
        color: #526a76;
        font-size: 11px;
        font-weight: 700;
    }

    .status-text span[b-hsfbbayamu] {
        margin-top: 2px;
        color: #99a7ae;
        font-size: 9px;
        line-height: 1.45;
    }

.status-preview[b-hsfbbayamu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 16px;
    padding: 8px;
    border-radius: 6px;
    font-size: 9px;
    letter-spacing: 0.08em;
}

.status-dot[b-hsfbbayamu] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.status-preview-active[b-hsfbbayamu] {
    background: #edf9f4;
    color: #30916c;
}

    .status-preview-active .status-dot[b-hsfbbayamu] {
        background: #2eb57b;
    }

.status-preview-inactive[b-hsfbbayamu] {
    background: #f2f4f5;
    color: #83929a;
}

    .status-preview-inactive .status-dot[b-hsfbbayamu] {
        background: #96a2a8;
    }


/* ============================================================
   ESTRUTURA
   ============================================================ */

.structure-flow[b-hsfbbayamu] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-top: 15px;
}

.structure-item[b-hsfbbayamu] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border: 1px solid #e6ecef;
    border-radius: 6px;
    color: #7f919a;
}

    .structure-item > div[b-hsfbbayamu] {
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        background: #f2f6f7;
        color: #7b949e;
    }

    .structure-item span[b-hsfbbayamu] {
        font-size: 10px;
        font-weight: 600;
    }

    .structure-item.active[b-hsfbbayamu] {
        border-color: rgba(9, 159, 162, 0.18);
        background: #f4fbfb;
        color: #39737d;
    }

        .structure-item.active > div[b-hsfbbayamu] {
            background: #e5f6f6;
            color: #079da1;
        }

.structure-flow > i[b-hsfbbayamu] {
    align-self: center;
    margin: 5px 0;
    color: #c4ced3;
    font-size: 8px;
}


/* ============================================================
   AVISO
   ============================================================ */

.tenant-warning[b-hsfbbayamu] {
    display: flex;
    gap: 9px;
    padding: 13px;
    border: 1px solid #eedfbd;
    border-radius: 7px;
    background: #fffaf0;
    color: #aa7c32;
}

    .tenant-warning > i[b-hsfbbayamu] {
        margin-top: 1px;
        font-size: 13px;
    }

    .tenant-warning > div[b-hsfbbayamu] {
        display: flex;
        flex-direction: column;
    }

    .tenant-warning strong[b-hsfbbayamu] {
        font-size: 10px;
    }

    .tenant-warning span[b-hsfbbayamu] {
        margin-top: 3px;
        font-size: 9px;
        line-height: 1.5;
    }


/* ============================================================
   AÇÕES
   ============================================================ */

.tenant-form-actions[b-hsfbbayamu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
    padding: 15px 0 5px;
    border-top: 1px solid #e1e8ec;
}

.btn-cancel[b-hsfbbayamu],
.btn-save[b-hsfbbayamu] {
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 16px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

.btn-cancel[b-hsfbbayamu] {
    border: 1px solid #dce5e9;
    background: #ffffff;
    color: #748792;
}

    .btn-cancel:hover[b-hsfbbayamu] {
        border-color: #bdccd2;
        color: #526a76;
    }

.btn-save[b-hsfbbayamu] {
    min-width: 135px;
    border: 0;
    background: linear-gradient( 100deg, #13aa9e 0%, #078bbf 52%, #1164df 100%);
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(8, 139, 177, 0.16);
}

    .btn-save:hover:not(:disabled)[b-hsfbbayamu] {
        box-shadow: 0 9px 21px rgba(8, 139, 177, 0.23);
    }

    .btn-save:disabled[b-hsfbbayamu] {
        opacity: 0.65;
        cursor: default;
    }

    .btn-save .spinner-border[b-hsfbbayamu] {
        width: 12px;
        height: 12px;
    }


/* ============================================================
   ERRO / LOADING
   ============================================================ */

.tenant-form-error[b-hsfbbayamu] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 13px 15px;
    border: 1px solid #efcece;
    border-radius: 7px;
    background: #fff7f7;
    color: #b45959;
}

    .tenant-form-error > i[b-hsfbbayamu] {
        font-size: 16px;
    }

    .tenant-form-error > div[b-hsfbbayamu] {
        display: flex;
        flex-direction: column;
    }

    .tenant-form-error strong[b-hsfbbayamu] {
        font-size: 11px;
    }

    .tenant-form-error span[b-hsfbbayamu] {
        margin-top: 2px;
        font-size: 10px;
    }

.tenant-form-loading[b-hsfbbayamu] {
    min-height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    color: #8d9ca5;
}

    .tenant-form-loading .spinner-border[b-hsfbbayamu] {
        width: 25px;
        height: 25px;
        margin-bottom: 11px;
        color: #0aa1a4;
    }

    .tenant-form-loading span[b-hsfbbayamu] {
        font-size: 11px;
    }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1050px) {

    .tenant-form-grid[b-hsfbbayamu] {
        grid-template-columns: 1fr;
    }

    .tenant-form-sidebar[b-hsfbbayamu] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .tenant-warning[b-hsfbbayamu] {
        grid-column: 1 / -1;
    }
}


@media (max-width: 700px) {

    .tenant-form-heading[b-hsfbbayamu] {
        align-items: flex-start;
        flex-direction: column;
    }

    .fields-two-columns[b-hsfbbayamu] {
        grid-template-columns: 1fr;
    }

        .fields-two-columns .field-group + .field-group[b-hsfbbayamu] {
            margin-top: 0;
        }

    .tenant-form-sidebar[b-hsfbbayamu] {
        display: flex;
    }

    .domain-suffix[b-hsfbbayamu] {
        padding: 0 8px;
        font-size: 10px;
    }

    .tenant-form-actions[b-hsfbbayamu] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .btn-cancel[b-hsfbbayamu],
    .btn-save[b-hsfbbayamu] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/AdminTenants.razor.rz.scp.css */
.tenants-page[b-k8d49dvwxl] {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.tenants-heading[b-k8d49dvwxl] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 24px;
}

.tenants-eyebrow[b-k8d49dvwxl] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.tenants-heading h1[b-k8d49dvwxl] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.tenants-heading p[b-k8d49dvwxl] {
    margin: 7px 0 0;
    color: #8b9aa4;
    font-size: 11px;
}


/* ============================================================
   NOVO TENANT
   ============================================================ */

.btn-new-tenant[b-k8d49dvwxl] {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border-radius: 7px;
    background: linear-gradient( 100deg, #13aa9e 0%, #078bbf 52%, #1164df 100%);
    color: #ffffff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-decoration: none;
    box-shadow: 0 7px 18px rgba(8, 139, 177, 0.16);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

    .btn-new-tenant:hover[b-k8d49dvwxl] {
        transform: translateY(-1px);
        color: #ffffff;
        box-shadow: 0 10px 23px rgba(8, 139, 177, 0.23);
    }


/* ============================================================
   RESUMO
   ============================================================ */

.tenants-summary[b-k8d49dvwxl] {
    min-height: 74px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    padding: 0 22px;
    border: 1px solid #e2e9ed;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(36, 67, 84, 0.025);
}

.summary-item[b-k8d49dvwxl] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 150px;
}

.summary-icon[b-k8d49dvwxl] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #eaf7f8;
    color: #0aa1a4;
    font-size: 14px;
}

.summary-icon-active[b-k8d49dvwxl] {
    background: #edf9f4;
    color: #2eaf7d;
}

.summary-icon-inactive[b-k8d49dvwxl] {
    background: #f3f5f6;
    color: #8b99a2;
}

.summary-item > div:last-child[b-k8d49dvwxl] {
    display: flex;
    flex-direction: column;
}

.summary-item span[b-k8d49dvwxl] {
    color: #9aa7af;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.10em;
}

.summary-item strong[b-k8d49dvwxl] {
    margin-top: 2px;
    color: #3c5360;
    font-size: 17px;
    font-weight: 700;
}

.summary-divider[b-k8d49dvwxl] {
    width: 1px;
    height: 32px;
    margin: 0 25px;
    background: #edf1f3;
}


/* ============================================================
   TOOLBAR
   ============================================================ */

.tenants-toolbar[b-k8d49dvwxl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.tenant-search[b-k8d49dvwxl] {
    position: relative;
    flex: 1;
    max-width: 510px;
}

    .tenant-search i[b-k8d49dvwxl] {
        position: absolute;
        top: 50%;
        left: 14px;
        transform: translateY(-50%);
        color: #99a8b1;
        font-size: 13px;
        pointer-events: none;
    }

    .tenant-search input[b-k8d49dvwxl] {
        width: 100%;
        height: 40px;
        padding: 0 15px 0 39px;
        border: 1px solid #dde5e9;
        border-radius: 7px;
        outline: none;
        background: #ffffff;
        color: #435965;
        font-size: 10px;
        transition: border-color 0.18s ease, box-shadow 0.18s ease;
    }

        .tenant-search input[b-k8d49dvwxl]::placeholder {
            color: #a9b4ba;
        }

        .tenant-search input:focus[b-k8d49dvwxl] {
            border-color: #0ca3a5;
            box-shadow: 0 0 0 3px rgba(12, 163, 165, 0.07);
        }


/* ============================================================
   FILTRO STATUS
   ============================================================ */

.tenant-status-filter[b-k8d49dvwxl] {
    display: flex;
    padding: 3px;
    border: 1px solid #e0e7eb;
    border-radius: 7px;
    background: #ffffff;
}

.tenant-filter-button[b-k8d49dvwxl] {
    height: 32px;
    padding: 0 14px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #8797a1;
    font-size: 9px;
    font-weight: 600;
    cursor: pointer;
}

    .tenant-filter-button:hover[b-k8d49dvwxl] {
        color: #506773;
    }

    .tenant-filter-button.active[b-k8d49dvwxl] {
        background: #eaf7f8;
        color: #078f94;
    }


/* ============================================================
   LISTA
   ============================================================ */

.tenants-list[b-k8d49dvwxl] {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.tenant-card[b-k8d49dvwxl] {
    min-height: 122px;
    display: grid;
    grid-template-columns: minmax(310px, 1.4fr) minmax(390px, 1fr) auto;
    align-items: center;
    gap: 25px;
    padding: 20px 22px;
    border: 1px solid #e2e9ed;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(36, 67, 84, 0.025);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

    .tenant-card:hover[b-k8d49dvwxl] {
        border-color: #c9dadd;
        box-shadow: 0 7px 21px rgba(36, 67, 84, 0.055);
    }


/* ============================================================
   IDENTIFICAÇÃO
   ============================================================ */

.tenant-card-main[b-k8d49dvwxl] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.tenant-avatar[b-k8d49dvwxl] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: linear-gradient( 135deg, rgba(14, 172, 167, 0.12), rgba(10, 114, 187, 0.08));
    color: #0a9fa2;
    font-size: 19px;
}

.tenant-identification[b-k8d49dvwxl] {
    min-width: 0;
}

.tenant-name-row[b-k8d49dvwxl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

    .tenant-name-row h2[b-k8d49dvwxl] {
        max-width: 390px;
        margin: 0;
        overflow: hidden;
        color: #3a505d;
        font-size: 13px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.tenant-status[b-k8d49dvwxl] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 7px;
    border-radius: 4px;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.07em;
}

    .tenant-status > span[b-k8d49dvwxl] {
        width: 5px;
        height: 5px;
        border-radius: 50%;
    }

.tenant-status-active[b-k8d49dvwxl] {
    background: #edf9f4;
    color: #32956f;
}

    .tenant-status-active > span[b-k8d49dvwxl] {
        background: #31b77e;
    }

.tenant-status-inactive[b-k8d49dvwxl] {
    background: #f1f3f4;
    color: #87949c;
}

    .tenant-status-inactive > span[b-k8d49dvwxl] {
        background: #98a3aa;
    }

.tenant-domain[b-k8d49dvwxl] {
    display: flex;
    align-items: center;
    margin-top: 6px;
    color: #85959f;
    font-size: 9px;
}

    .tenant-domain i[b-k8d49dvwxl] {
        margin-right: 6px;
        color: #0ba1a4;
    }

.tenant-subdomain[b-k8d49dvwxl] {
    color: #58707c;
    font-weight: 600;
}

.tenant-domain-suffix[b-k8d49dvwxl] {
    color: #9aa7af;
}

.tenant-cnpj[b-k8d49dvwxl] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
}

    .tenant-cnpj span[b-k8d49dvwxl] {
        color: #a1adb4;
        font-size: 7px;
        font-weight: 700;
    }

    .tenant-cnpj strong[b-k8d49dvwxl] {
        color: #7a8c96;
        font-size: 9px;
        font-weight: 500;
    }


/* ============================================================
   INFORMAÇÕES
   ============================================================ */

.tenant-card-info[b-k8d49dvwxl] {
    display: grid;
    grid-template-columns: repeat(4, minmax(75px, 1fr));
    gap: 18px;
}

.tenant-info-item[b-k8d49dvwxl] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .tenant-info-item span[b-k8d49dvwxl] {
        margin-bottom: 5px;
        color: #a0abb2;
        font-size: 6px;
        font-weight: 700;
        letter-spacing: 0.09em;
    }

    .tenant-info-item strong[b-k8d49dvwxl] {
        color: #526873;
        font-size: 9px;
        font-weight: 600;
    }

.tenant-date-expired[b-k8d49dvwxl] {
    color: #c05d5d !important;
}

.tenant-date-warning[b-k8d49dvwxl] {
    color: #c18a39 !important;
}


/* ============================================================
   AÇÕES
   ============================================================ */

.tenant-card-actions[b-k8d49dvwxl] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.btn-tenant-edit[b-k8d49dvwxl],
.btn-tenant-manage[b-k8d49dvwxl] {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 11px;
    border-radius: 6px;
    font-size: 8px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.btn-tenant-edit[b-k8d49dvwxl] {
    border: 1px solid #dce5e9;
    background: #ffffff;
    color: #70848f;
}

    .btn-tenant-edit:hover[b-k8d49dvwxl] {
        border-color: #b9ccd3;
        color: #435f6b;
    }

.btn-tenant-manage[b-k8d49dvwxl] {
    border: 1px solid rgba(10, 160, 163, 0.18);
    background: #edf8f8;
    color: #078f94;
}

    .btn-tenant-manage:hover[b-k8d49dvwxl] {
        border-color: rgba(10, 160, 163, 0.30);
        color: #05787c;
    }


/* ============================================================
   LOADING / ERRO / VAZIO
   ============================================================ */

.tenants-loading[b-k8d49dvwxl],
.tenants-empty[b-k8d49dvwxl] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e9ed;
    border-radius: 9px;
    background: #ffffff;
    color: #8c9ba4;
}

    .tenants-loading .spinner-border[b-k8d49dvwxl] {
        width: 25px;
        height: 25px;
        margin-bottom: 12px;
        color: #0aa1a4;
    }

    .tenants-loading span[b-k8d49dvwxl] {
        font-size: 10px;
    }

.tenants-empty-icon[b-k8d49dvwxl] {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 13px;
    border-radius: 10px;
    background: #edf8f8;
    color: #0aa1a4;
    font-size: 19px;
}

.tenants-empty h2[b-k8d49dvwxl] {
    margin: 0;
    color: #536a76;
    font-size: 14px;
}

.tenants-empty p[b-k8d49dvwxl] {
    margin: 7px 0 0;
    color: #98a5ad;
    font-size: 9px;
}

.tenants-error[b-k8d49dvwxl] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 17px;
    border: 1px solid #efcece;
    border-radius: 8px;
    background: #fff7f7;
    color: #b45959;
}

    .tenants-error > i[b-k8d49dvwxl] {
        font-size: 18px;
    }

    .tenants-error div[b-k8d49dvwxl] {
        display: flex;
        flex-direction: column;
    }

    .tenants-error strong[b-k8d49dvwxl] {
        font-size: 10px;
    }

    .tenants-error span[b-k8d49dvwxl] {
        margin-top: 3px;
        font-size: 9px;
    }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1250px) {

    .tenant-card[b-k8d49dvwxl] {
        grid-template-columns: minmax(280px, 1fr) minmax(330px, 1fr);
    }

    .tenant-card-actions[b-k8d49dvwxl] {
        grid-column: 1 / -1;
        justify-content: flex-end;
        padding-top: 12px;
        border-top: 1px solid #edf1f3;
    }
}


@media (max-width: 900px) {

    .tenants-heading[b-k8d49dvwxl] {
        align-items: stretch;
        flex-direction: column;
    }

    .btn-new-tenant[b-k8d49dvwxl] {
        align-self: flex-start;
    }

    .tenants-toolbar[b-k8d49dvwxl] {
        align-items: stretch;
        flex-direction: column;
    }

    .tenant-search[b-k8d49dvwxl] {
        width: 100%;
        max-width: none;
    }

    .tenant-status-filter[b-k8d49dvwxl] {
        align-self: flex-start;
    }

    .tenant-card[b-k8d49dvwxl] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .tenant-card-info[b-k8d49dvwxl] {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
        padding-top: 15px;
        border-top: 1px solid #edf1f3;
    }

    .tenant-card-actions[b-k8d49dvwxl] {
        grid-column: auto;
        justify-content: flex-end;
        padding-top: 12px;
        border-top: 1px solid #edf1f3;
    }
}


@media (max-width: 600px) {

    .tenants-summary[b-k8d49dvwxl] {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
        padding: 18px;
    }

    .summary-item[b-k8d49dvwxl] {
        min-width: 0;
    }

    .summary-divider[b-k8d49dvwxl] {
        width: 100%;
        height: 1px;
        margin: 0;
    }

    .tenant-card[b-k8d49dvwxl] {
        padding: 17px;
    }

    .tenant-card-main[b-k8d49dvwxl] {
        align-items: flex-start;
    }

    .tenant-name-row[b-k8d49dvwxl] {
        align-items: flex-start;
        flex-direction: column;
    }

        .tenant-name-row h2[b-k8d49dvwxl] {
            max-width: 100%;
            white-space: normal;
        }

    .tenant-card-info[b-k8d49dvwxl] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .tenant-card-actions[b-k8d49dvwxl] {
        align-items: stretch;
        flex-direction: column;
    }

    .btn-tenant-edit[b-k8d49dvwxl],
    .btn-tenant-manage[b-k8d49dvwxl] {
        width: 100%;
    }

    .tenant-status-filter[b-k8d49dvwxl] {
        width: 100%;
    }

    .tenant-filter-button[b-k8d49dvwxl] {
        flex: 1;
    }
}
/* /Components/Pages/Admin/AdminUsuariosTenants.razor.rz.scp.css */
.usuarios-tenant-page[b-zyktk6uuuq] {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.usuarios-tenant-heading[b-zyktk6uuuq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.usuarios-eyebrow[b-zyktk6uuuq] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.usuarios-tenant-heading h1[b-zyktk6uuuq] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.usuarios-tenant-heading p[b-zyktk6uuuq] {
    margin: 10px 0 0;
    color: #8b9aa4;
    font-size: 13px;
}

.btn-new-user[b-zyktk6uuuq] {
    height: 38px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 15px;
    border: 0;
    border-radius: 6px;
    background: linear-gradient(135deg, #12aaa0, #087eb8);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(7, 139, 160, 0.12);
    transition: 0.15s ease;
}

    .btn-new-user:hover[b-zyktk6uuuq] {
        color: #ffffff;
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(7, 139, 160, 0.18);
    }

/* ============================================================
   SELETOR DE TENANT
   ============================================================ */

.tenant-selector-card[b-zyktk6uuuq] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) minmax(300px, 420px);
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
    padding: 15px 17px;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(35, 65, 80, 0.025);
}

.tenant-selector-icon[b-zyktk6uuuq] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient( 135deg, rgba(17, 170, 160, 0.13), rgba(8, 126, 184, 0.08));
    color: #079da1;
    font-size: 17px;
}

.tenant-selector-info[b-zyktk6uuuq] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .tenant-selector-info span[b-zyktk6uuuq] {
        color: #0a999d;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.1em;
    }

    .tenant-selector-info strong[b-zyktk6uuuq] {
        margin-top: 3px;
        color: #526975;
        font-size: 11px;
        font-weight: 700;
    }

.tenant-selector-card .form-select[b-zyktk6uuuq] {
    width: 100%;
    height: 40px;
    padding: 0 34px 0 12px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background-color: #ffffff;
    color: #405864;
    font-size: 11px;
    box-shadow: none;
}

    .tenant-selector-card .form-select:focus[b-zyktk6uuuq] {
        border-color: #0aa2a5;
        box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
    }


/* ============================================================
   RESUMO
   ============================================================ */

.usuarios-summary[b-zyktk6uuuq] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 14px;
    border: 1px solid #e1e8ec;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

    .usuarios-summary > div[b-zyktk6uuuq] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 48px;
        padding: 12px 16px;
        border-right: 1px solid #edf1f3;
    }

        .usuarios-summary > div:last-child[b-zyktk6uuuq] {
            border-right: 0;
        }

    .usuarios-summary span[b-zyktk6uuuq] {
        color: #99a7ae;
        font-size: 10px;
    }

    .usuarios-summary strong[b-zyktk6uuuq] {
        color: #425b68;
        font-size: 15px;
        font-weight: 700;
    }


/* ============================================================
   BARRA DE BUSCA / FILTROS
   ============================================================ */

.usuarios-toolbar[b-zyktk6uuuq] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
}

.usuarios-search[b-zyktk6uuuq] {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
}

    .usuarios-search:focus-within[b-zyktk6uuuq] {
        border-color: #0aa2a5;
        box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
    }

    .usuarios-search i[b-zyktk6uuuq] {
        color: #8da0a9;
        font-size: 13px;
    }

    .usuarios-search input[b-zyktk6uuuq] {
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: #405864;
        font-size: 12px;
    }

        .usuarios-search input[b-zyktk6uuuq]::placeholder {
            color: #a6b2b8;
        }

.status-filter[b-zyktk6uuuq] {
    height: 40px;
    display: flex;
    align-items: stretch;
    padding: 3px;
    border: 1px solid #e0e7eb;
    border-radius: 6px;
    background: #f5f7f8;
}

.filter-button[b-zyktk6uuuq] {
    min-width: 72px;
    padding: 0 11px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #83939c;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.15s ease;
}

    .filter-button:hover[b-zyktk6uuuq] {
        color: #4f6975;
    }

    .filter-button.active[b-zyktk6uuuq] {
        background: #ffffff;
        color: #158b92;
        box-shadow: 0 1px 4px rgba(43, 69, 82, 0.10);
    }


/* ============================================================
   LISTAGEM
   ============================================================ */

.usuarios-list[b-zyktk6uuuq] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.usuario-row[b-zyktk6uuuq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 17px;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(35, 65, 80, 0.025);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

    .usuario-row:hover[b-zyktk6uuuq] {
        border-color: #cadcdf;
        box-shadow: 0 6px 18px rgba(35, 65, 80, 0.05);
        transform: translateY(-1px);
    }

.usuario-inactive[b-zyktk6uuuq] {
    background: #f8f9fa;
    opacity: 0.78;
}

.usuario-main[b-zyktk6uuuq] {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
}


/* ============================================================
   AVATAR
   ============================================================ */

.usuario-avatar[b-zyktk6uuuq] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient( 135deg, #12aaa0, #087eb8);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    box-shadow: 0 4px 10px rgba(7, 139, 160, 0.12);
}

.usuario-inactive .usuario-avatar[b-zyktk6uuuq] {
    background: #a8b4ba;
    box-shadow: none;
}


/* ============================================================
   CABEÇALHO DO USUÁRIO
   ============================================================ */

.usuario-info[b-zyktk6uuuq] {
    min-width: 0;
    flex: 1;
}

.usuario-title[b-zyktk6uuuq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}

    .usuario-title > div[b-zyktk6uuuq] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

        .usuario-title > div > span[b-zyktk6uuuq] {
            margin-bottom: 3px;
            color: #0a999d;
            font-size: 8px;
            font-weight: 700;
            letter-spacing: 0.1em;
        }

    .usuario-title strong[b-zyktk6uuuq] {
        overflow: hidden;
        color: #3d5663;
        font-size: 14px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .usuario-title small[b-zyktk6uuuq] {
        margin-top: 3px;
        color: #8b9ba3;
        font-size: 10px;
        font-weight: 500;
    }


/* ============================================================
   STATUS
   ============================================================ */

.status-badge[b-zyktk6uuuq] {
    flex: 0 0 auto;
    height: max-content;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

    .status-badge > span[b-zyktk6uuuq] {
        width: 5px;
        height: 5px;
        border-radius: 50%;
    }

    .status-badge.active[b-zyktk6uuuq] {
        background: #edf9f4;
        color: #30916c;
    }

        .status-badge.active > span[b-zyktk6uuuq] {
            background: #2eb57b;
        }

    .status-badge.inactive[b-zyktk6uuuq] {
        background: #f2f4f5;
        color: #83929a;
    }

        .status-badge.inactive > span[b-zyktk6uuuq] {
            background: #96a2a8;
        }


/* ============================================================
   METADADOS
   ============================================================ */

.usuario-meta[b-zyktk6uuuq] {
    display: grid;
    grid-template-columns: minmax(200px, 1.6fr) 135px 90px 125px;
    gap: 18px;
    margin-top: 12px;
}

    .usuario-meta > div[b-zyktk6uuuq] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .usuario-meta span[b-zyktk6uuuq] {
        margin-bottom: 3px;
        color: #9caab1;
        font-size: 9px;
        font-weight: 700;
    }

    .usuario-meta strong[b-zyktk6uuuq] {
        overflow: hidden;
        color: #627985;
        font-size: 10px;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


/* ============================================================
   BOTÃO EDITAR
   ============================================================ */

.btn-edit-user[b-zyktk6uuuq] {
    height: 34px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 11px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
    color: #667d88;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.15s ease;
}

    .btn-edit-user:hover[b-zyktk6uuuq] {
        border-color: #bfcfd5;
        background: #f9fbfb;
        color: #3f5b67;
    }


/* ============================================================
   LOADING / VAZIO / ERRO
   ============================================================ */

.usuarios-loading[b-zyktk6uuuq],
.usuarios-empty[b-zyktk6uuuq] {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
}

.usuarios-loading[b-zyktk6uuuq] {
    color: #8d9ca5;
}

    .usuarios-loading .spinner-border[b-zyktk6uuuq] {
        width: 25px;
        height: 25px;
        margin-bottom: 11px;
        color: #0aa1a4;
    }

    .usuarios-loading span[b-zyktk6uuuq] {
        font-size: 11px;
    }

.usuarios-empty > div[b-zyktk6uuuq] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 10px;
    background: #f0f7f8;
    color: #139ba0;
    font-size: 20px;
}

.usuarios-empty strong[b-zyktk6uuuq] {
    color: #526975;
    font-size: 13px;
}

.usuarios-empty > span[b-zyktk6uuuq] {
    margin-top: 5px;
    color: #96a5ad;
    font-size: 10px;
}

.usuarios-error[b-zyktk6uuuq] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 13px 15px;
    border: 1px solid #efcece;
    border-radius: 7px;
    background: #fff7f7;
    color: #b45959;
}

    .usuarios-error > i[b-zyktk6uuuq] {
        font-size: 16px;
    }

    .usuarios-error > div[b-zyktk6uuuq] {
        display: flex;
        flex-direction: column;
    }

    .usuarios-error strong[b-zyktk6uuuq] {
        font-size: 11px;
    }

    .usuarios-error span[b-zyktk6uuuq] {
        margin-top: 2px;
        font-size: 10px;
    }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1000px) {

    .tenant-selector-card[b-zyktk6uuuq] {
        grid-template-columns: 42px minmax(0, 1fr);
    }

        .tenant-selector-card .form-select[b-zyktk6uuuq] {
            grid-column: 1 / -1;
        }

    .usuarios-summary[b-zyktk6uuuq] {
        grid-template-columns: repeat(2, 1fr);
    }

        .usuarios-summary > div:nth-child(2)[b-zyktk6uuuq] {
            border-right: 0;
        }

        .usuarios-summary > div:nth-child(-n + 2)[b-zyktk6uuuq] {
            border-bottom: 1px solid #edf1f3;
        }

    .usuarios-toolbar[b-zyktk6uuuq] {
        grid-template-columns: 1fr;
    }

    .status-filter[b-zyktk6uuuq] {
        width: max-content;
    }

    .usuario-meta[b-zyktk6uuuq] {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 700px) {

    .usuario-row[b-zyktk6uuuq] {
        align-items: stretch;
        flex-direction: column;
    }

    .usuario-title[b-zyktk6uuuq] {
        flex-direction: column;
    }

    .btn-edit-user[b-zyktk6uuuq] {
        align-self: flex-end;
    }

    .usuarios-tenant-heading[b-zyktk6uuuq] {
        flex-direction: column;
    }

    .btn-new-user[b-zyktk6uuuq] {
        align-self: flex-start;
    }
}


@media (max-width: 560px) {

    .usuarios-summary[b-zyktk6uuuq] {
        grid-template-columns: 1fr;
    }

        .usuarios-summary > div[b-zyktk6uuuq] {
            border-right: 0;
            border-bottom: 1px solid #edf1f3;
        }

            .usuarios-summary > div:last-child[b-zyktk6uuuq] {
                border-bottom: 0;
            }

    .usuario-meta[b-zyktk6uuuq] {
        grid-template-columns: 1fr;
    }

    .status-filter[b-zyktk6uuuq] {
        width: 100%;
        overflow-x: auto;
    }

    .btn-edit-user[b-zyktk6uuuq] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/AdminUsuarioTenantEditar.razor.rz.scp.css */
.usuario-edit-page[b-d4j6i71bi9] {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}

.usuario-back[b-d4j6i71bi9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 18px;
    color: #7c909b;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.usuario-edit-heading[b-d4j6i71bi9] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.usuario-eyebrow[b-d4j6i71bi9] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
}

.usuario-edit-heading h1[b-d4j6i71bi9] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
}

.usuario-edit-heading p[b-d4j6i71bi9] {
    margin: 10px 0 0;
    color: #8b9aa4;
    font-size: 13px;
}

.usuario-id-card[b-d4j6i71bi9] {
    padding: 10px 14px;
    border: 1px solid #e1e8ec;
    border-radius: 7px;
    background: #fff;
}

    .usuario-id-card span[b-d4j6i71bi9] {
        display: block;
        color: #a0adb5;
        font-size: 9px;
        font-weight: 700;
    }

    .usuario-id-card strong[b-d4j6i71bi9] {
        color: #425b68;
        font-size: 15px;
    }


/* TENANT */

.tenant-context[b-d4j6i71bi9] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding: 12px 15px;
    border: 1px solid #dce7ea;
    border-radius: 8px;
    background: #f8fbfb;
}

    .tenant-context i[b-d4j6i71bi9] {
        color: #099da1;
        font-size: 16px;
    }

    .tenant-context div[b-d4j6i71bi9] {
        display: flex;
        flex-direction: column;
    }

    .tenant-context span[b-d4j6i71bi9] {
        color: #8c9ca4;
        font-size: 8px;
        font-weight: 700;
        letter-spacing: .1em;
    }

    .tenant-context strong[b-d4j6i71bi9] {
        color: #506975;
        font-size: 11px;
    }


/* GRID */

.usuario-edit-grid[b-d4j6i71bi9] {
    display: grid;
    grid-template-columns: minmax(0,1fr) 285px;
    align-items: start;
    gap: 18px;
}

.usuario-edit-main[b-d4j6i71bi9],
.usuario-sidebar[b-d4j6i71bi9] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}


/* SEÇÕES */

.edit-section[b-d4j6i71bi9],
.sidebar-card[b-d4j6i71bi9] {
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #fff;
}

.section-heading[b-d4j6i71bi9] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid #edf1f3;
}

    .section-heading > div:first-child[b-d4j6i71bi9] {
        width: 38px;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: #edf8f8;
        color: #079da1;
    }

    .section-heading > div:last-child > span[b-d4j6i71bi9] {
        color: #9caab2;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: .12em;
    }

    .section-heading h2[b-d4j6i71bi9] {
        margin: 1px 0 0;
        color: #405864;
        font-size: 14px;
    }

    .section-heading p[b-d4j6i71bi9] {
        margin: 3px 0 0;
        color: #9aa7af;
        font-size: 10px;
    }

.section-body[b-d4j6i71bi9] {
    padding: 20px;
}


/* CAMPOS */

.fields-two[b-d4j6i71bi9] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
    margin-top: 16px;
}

.field-group[b-d4j6i71bi9] {
    display: flex;
    flex-direction: column;
}

    .field-group label[b-d4j6i71bi9] {
        margin-bottom: 7px;
        color: #526975;
        font-size: 11px;
        font-weight: 700;
    }

.form-control[b-d4j6i71bi9] {
    height: 40px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    color: #405864;
    font-size: 12px;
}

.data-cadastro[b-d4j6i71bi9] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #edf1f3;
    color: #91a0a8;
    font-size: 9px;
}

    .data-cadastro i[b-d4j6i71bi9] {
        color: #0aa1a4;
    }

    .data-cadastro strong[b-d4j6i71bi9] {
        color: #627985;
        font-size: 10px;
    }


/* LISTA SELEÇÃO */

.selection-list[b-d4j6i71bi9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.selection-item[b-d4j6i71bi9] {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto auto;
    align-items: center;
    gap: 12px;
    padding: 12px 13px;
    border: 1px solid #e4eaed;
    border-radius: 7px;
    background: #fbfcfc;
    cursor: pointer;
}

    .selection-item > div[b-d4j6i71bi9] {
        display: flex;
        flex-direction: column;
    }

    .selection-item strong[b-d4j6i71bi9] {
        color: #526a76;
        font-size: 11px;
    }

    .selection-item div span[b-d4j6i71bi9] {
        margin-top: 2px;
        color: #98a5ac;
        font-size: 9px;
    }

    .selection-item input[b-d4j6i71bi9] {
        width: 17px;
        height: 17px;
        accent-color: #0b9fa2;
    }

.inactive-label[b-d4j6i71bi9] {
    padding: 4px 7px;
    border-radius: 12px;
    background: #f0f2f3;
    color: #85939a;
    font-size: 8px;
    font-weight: 700;
}


/* SENHA */

.security-alert[b-d4j6i71bi9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 12px;
    border: 1px solid #d8e6eb;
    border-radius: 7px;
    background: #f7fafb;
    color: #728891;
    font-size: 9px;
}

    .security-alert i[b-d4j6i71bi9] {
        color: #0a999d;
    }

.password-actions[b-d4j6i71bi9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.show-password[b-d4j6i71bi9] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #7d909a;
    font-size: 9px;
}

.btn-reset-password[b-d4j6i71bi9] {
    height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 13px;
    border: 1px solid #d4e2e6;
    border-radius: 6px;
    background: #fff;
    color: #257a8d;
    font-size: 9px;
    font-weight: 700;
}


/* SIDEBAR */

.sidebar-card[b-d4j6i71bi9] {
    padding: 18px;
}

.sidebar-eyebrow[b-d4j6i71bi9] {
    color: #9caab2;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
}

.sidebar-card h2[b-d4j6i71bi9] {
    margin: 3px 0 0;
    color: #405864;
    font-size: 14px;
}

.status-content[b-d4j6i71bi9] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
}

.status-icon[b-d4j6i71bi9] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
}

    .status-icon.active[b-d4j6i71bi9] {
        background: #eaf8f2;
        color: #2e9d70;
    }

    .status-icon.inactive[b-d4j6i71bi9] {
        background: #f0f2f3;
        color: #8b989f;
    }

.status-content > div:last-child[b-d4j6i71bi9] {
    display: flex;
    flex-direction: column;
}

.status-content strong[b-d4j6i71bi9] {
    color: #526a76;
    font-size: 10px;
}

.status-content span[b-d4j6i71bi9] {
    margin-top: 2px;
    color: #99a7ae;
    font-size: 9px;
}

.status-toggle[b-d4j6i71bi9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding-top: 14px;
    border-top: 1px solid #edf1f3;
    color: #607985;
    font-size: 9px;
    font-weight: 700;
}

.switch[b-d4j6i71bi9] {
    position: relative;
}

    .switch input[b-d4j6i71bi9] {
        position: absolute;
        opacity: 0;
    }

    .switch > span[b-d4j6i71bi9] {
        position: relative;
        width: 39px;
        height: 21px;
        display: block;
        border-radius: 20px;
        background: #ccd6db;
    }

        .switch > span[b-d4j6i71bi9]::after {
            content: "";
            position: absolute;
            top: 3px;
            left: 3px;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: #fff;
            transition: .18s;
        }

    .switch input:checked + span[b-d4j6i71bi9] {
        background: linear-gradient(90deg,#13aaa0,#078fbe);
    }

        .switch input:checked + span[b-d4j6i71bi9]::after {
            transform: translateX(18px);
        }

.access-summary[b-d4j6i71bi9] {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
}

    .access-summary > div[b-d4j6i71bi9] {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid #edf1f3;
    }

    .access-summary span[b-d4j6i71bi9] {
        color: #94a2a9;
        font-size: 9px;
    }

    .access-summary strong[b-d4j6i71bi9] {
        color: #536c77;
        font-size: 11px;
    }

.admin-alert[b-d4j6i71bi9] {
    display: flex;
    gap: 8px;
    padding: 12px;
    border: 1px solid #d8e6eb;
    border-radius: 7px;
    background: #f7fafb;
    color: #788d96;
    font-size: 9px;
}


/* MENSAGENS */

.usuario-message[b-d4j6i71bi9] {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
    padding: 11px 13px;
    border-radius: 7px;
    font-size: 10px;
}

    .usuario-message.error[b-d4j6i71bi9] {
        border: 1px solid #efcece;
        background: #fff7f7;
        color: #b45959;
    }

    .usuario-message.success[b-d4j6i71bi9] {
        border: 1px solid #cfe7da;
        background: #f4fbf7;
        color: #438262;
    }


/* AÇÕES */

.usuario-edit-actions[b-d4j6i71bi9] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid #e1e8ec;
}

.btn-cancel[b-d4j6i71bi9],
.btn-save[b-d4j6i71bi9] {
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 16px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

.btn-cancel[b-d4j6i71bi9] {
    border: 1px solid #dce5e9;
    background: #fff;
    color: #748792;
}

.btn-save[b-d4j6i71bi9] {
    min-width: 160px;
    border: 0;
    background: linear-gradient(100deg,#13aa9e,#078bbf 52%,#1164df);
    color: #fff;
}

.usuario-edit-loading[b-d4j6i71bi9] {
    min-height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #fff;
}

    .usuario-edit-loading .spinner-border[b-d4j6i71bi9] {
        width: 25px;
        height: 25px;
        margin-bottom: 10px;
        color: #0aa1a4;
    }


/* RESPONSIVO */

@media (max-width: 1000px) {
    .usuario-edit-grid[b-d4j6i71bi9] {
        grid-template-columns: 1fr;
    }

    .usuario-sidebar[b-d4j6i71bi9] {
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    .admin-alert[b-d4j6i71bi9] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    .fields-two[b-d4j6i71bi9] {
        grid-template-columns: 1fr;
    }

    .usuario-sidebar[b-d4j6i71bi9] {
        display: flex;
    }

    .usuario-edit-heading[b-d4j6i71bi9] {
        flex-direction: column;
        align-items: flex-start;
    }

    .password-actions[b-d4j6i71bi9] {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }
}
/* /Components/Pages/Admin/AdminUsuarioTenantNovo.razor.rz.scp.css */
.usuario-novo-page[b-kxb1ddbw07] {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.page-heading[b-kxb1ddbw07] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.page-eyebrow[b-kxb1ddbw07] {
    display: block;
    margin-bottom: 6px;
    color: #0a9da0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.page-heading h1[b-kxb1ddbw07] {
    margin: 0;
    color: #314957;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.page-heading p[b-kxb1ddbw07] {
    margin: 10px 0 0;
    color: #8b9aa4;
    font-size: 13px;
}

.btn-voltar[b-kxb1ddbw07] {
    height: 38px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
    color: #667d88;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.15s ease;
}

    .btn-voltar:hover[b-kxb1ddbw07] {
        border-color: #bfd0d6;
        background: #f9fbfb;
        color: #3f5b67;
    }


/* ============================================================
   LAYOUT
   ============================================================ */

.form-layout[b-kxb1ddbw07] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    align-items: start;
    gap: 18px;
}

.form-main[b-kxb1ddbw07] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.form-sidebar[b-kxb1ddbw07] {
    position: sticky;
    top: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}


/* ============================================================
   CARDS
   ============================================================ */

.form-card[b-kxb1ddbw07],
.side-card[b-kxb1ddbw07] {
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(35, 65, 80, 0.025);
}

.form-card[b-kxb1ddbw07] {
    padding: 18px;
}

.side-card[b-kxb1ddbw07] {
    padding: 16px;
}


/* ============================================================
   CABEÇALHO DOS CARDS
   ============================================================ */

.card-heading[b-kxb1ddbw07] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f3;
}

.card-icon[b-kxb1ddbw07] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient( 135deg, rgba(17, 170, 160, 0.13), rgba(8, 126, 184, 0.08) );
    color: #079da1;
    font-size: 16px;
}

.card-heading > div:last-child[b-kxb1ddbw07] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.card-heading span[b-kxb1ddbw07] {
    color: #0a999d;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.11em;
}

.card-heading strong[b-kxb1ddbw07] {
    margin-top: 3px;
    color: #455e6a;
    font-size: 13px;
    font-weight: 700;
}


/* ============================================================
   CAMPOS
   ============================================================ */

.fields-grid[b-kxb1ddbw07] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.field-full[b-kxb1ddbw07] {
    grid-column: 1 / -1;
}

.field-group[b-kxb1ddbw07] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .field-group label[b-kxb1ddbw07] {
        margin-bottom: 6px;
        color: #617782;
        font-size: 10px;
        font-weight: 700;
    }

        .field-group label > span[b-kxb1ddbw07] {
            color: #d06c6c;
        }

    .field-group .form-control[b-kxb1ddbw07],
    .field-group .form-select[b-kxb1ddbw07] {
        width: 100%;
        min-height: 40px;
        border: 1px solid #dce5e9;
        border-radius: 6px;
        background-color: #ffffff;
        color: #405864;
        font-size: 11px;
        box-shadow: none;
    }

    .field-group .form-control[b-kxb1ddbw07] {
        padding: 0 12px;
    }

    .field-group .form-select[b-kxb1ddbw07] {
        padding-left: 12px;
        padding-right: 34px;
    }

        .field-group .form-control:focus[b-kxb1ddbw07],
        .field-group .form-select:focus[b-kxb1ddbw07] {
            border-color: #0aa2a5;
            box-shadow: 0 0 0 3px rgba(10, 162, 165, 0.07);
        }

    .field-group small[b-kxb1ddbw07] {
        margin-top: 5px;
        color: #9aa8af;
        font-size: 9px;
        line-height: 1.45;
    }


/* ============================================================
   LISTAS DE SELEÇÃO
   ============================================================ */

.selection-list[b-kxb1ddbw07] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.selection-item[b-kxb1ddbw07] {
    position: relative;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    min-height: 58px;
    padding: 11px 13px;
    border: 1px solid #e2e9ec;
    border-radius: 7px;
    background: #ffffff;
    cursor: pointer;
    transition: 0.15s ease;
}

    .selection-item:hover[b-kxb1ddbw07] {
        border-color: #c7dadd;
        background: #fbfdfd;
    }

    .selection-item.inactive[b-kxb1ddbw07] {
        background: #f8f9fa;
        opacity: 0.67;
        cursor: not-allowed;
    }

    .selection-item > input[b-kxb1ddbw07] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.selection-check[b-kxb1ddbw07] {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccd8dd;
    border-radius: 5px;
    background: #ffffff;
    color: transparent;
    font-size: 11px;
    transition: 0.15s ease;
}

.selection-item > input:checked + .selection-check[b-kxb1ddbw07] {
    border-color: #0aa2a5;
    background: linear-gradient(135deg, #12aaa0, #087eb8);
    color: #ffffff;
}

.selection-info[b-kxb1ddbw07] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .selection-info strong[b-kxb1ddbw07] {
        overflow: hidden;
        color: #4f6672;
        font-size: 11px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .selection-info span[b-kxb1ddbw07] {
        margin-top: 3px;
        overflow: hidden;
        color: #97a5ac;
        font-size: 9px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.selection-status[b-kxb1ddbw07] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 7px;
    border-radius: 14px;
    font-size: 8px;
    font-weight: 700;
}

    .selection-status.active[b-kxb1ddbw07] {
        background: #edf9f4;
        color: #30916c;
    }

    .selection-status.inactive[b-kxb1ddbw07] {
        background: #f2f4f5;
        color: #83929a;
    }


/* ============================================================
   LISTA VAZIA
   ============================================================ */

.empty-selection[b-kxb1ddbw07] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 14px;
    border: 1px dashed #d8e2e6;
    border-radius: 7px;
    background: #fafcfc;
}

    .empty-selection > i[b-kxb1ddbw07] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: #edf5f6;
        color: #6d929a;
        font-size: 16px;
    }

    .empty-selection > div[b-kxb1ddbw07] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .empty-selection strong[b-kxb1ddbw07] {
        color: #607682;
        font-size: 10px;
        font-weight: 700;
    }

    .empty-selection span[b-kxb1ddbw07] {
        margin-top: 3px;
        color: #9aa8af;
        font-size: 9px;
        line-height: 1.45;
    }

    .empty-selection.warning[b-kxb1ddbw07] {
        border-color: #eadca9;
        background: #fffdf6;
    }

        .empty-selection.warning > i[b-kxb1ddbw07] {
            background: #fff5cf;
            color: #b79230;
        }


/* ============================================================
   SIDEBAR
   ============================================================ */

.side-eyebrow[b-kxb1ddbw07] {
    display: block;
    margin-bottom: 12px;
    color: #0a999d;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.11em;
}

.status-switch[b-kxb1ddbw07] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    cursor: pointer;
}

    .status-switch > div[b-kxb1ddbw07] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .status-switch strong[b-kxb1ddbw07] {
        color: #506773;
        font-size: 10px;
        font-weight: 700;
    }

    .status-switch span[b-kxb1ddbw07] {
        margin-top: 3px;
        color: #98a6ad;
        font-size: 9px;
        line-height: 1.35;
    }

    .status-switch > input[b-kxb1ddbw07] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.switch-ui[b-kxb1ddbw07] {
    position: relative;
    width: 38px;
    height: 21px;
    flex: 0 0 38px;
    margin: 0 !important;
    border-radius: 20px;
    background: #cbd5da;
    transition: 0.15s ease;
}

    .switch-ui[b-kxb1ddbw07]::after {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 1px 3px rgba(40, 60, 70, 0.18);
        transition: 0.15s ease;
    }

.status-switch > input:checked + .switch-ui[b-kxb1ddbw07] {
    background: linear-gradient(135deg, #12aaa0, #087eb8);
}

    .status-switch > input:checked + .switch-ui[b-kxb1ddbw07]::after {
        left: 20px;
    }


/* ============================================================
   RESUMO
   ============================================================ */

.summary-item[b-kxb1ddbw07] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 34px;
    border-bottom: 1px solid #edf1f3;
}

    .summary-item:last-child[b-kxb1ddbw07] {
        border-bottom: 0;
    }

    .summary-item span[b-kxb1ddbw07] {
        color: #8d9ca4;
        font-size: 9px;
    }

    .summary-item strong[b-kxb1ddbw07] {
        color: #455f6b;
        font-size: 12px;
        font-weight: 700;
    }


/* ============================================================
   BOTÕES
   ============================================================ */

.btn-save[b-kxb1ddbw07] {
    width: 100%;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0;
    border-radius: 6px;
    background: linear-gradient(135deg, #12aaa0, #087eb8);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(7, 139, 160, 0.13);
    transition: 0.15s ease;
}

    .btn-save:hover:not(:disabled)[b-kxb1ddbw07] {
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(7, 139, 160, 0.19);
    }

    .btn-save:disabled[b-kxb1ddbw07] {
        opacity: 0.65;
        cursor: not-allowed;
    }

    .btn-save .spinner-border[b-kxb1ddbw07] {
        width: 13px;
        height: 13px;
        border-width: 2px;
    }

.btn-cancel[b-kxb1ddbw07] {
    width: 100%;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce5e9;
    border-radius: 6px;
    background: #ffffff;
    color: #71848d;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.15s ease;
}

    .btn-cancel:hover[b-kxb1ddbw07] {
        border-color: #c5d3d8;
        background: #fafcfc;
        color: #4f6874;
    }


/* ============================================================
   ALERTAS
   ============================================================ */

.alert-error[b-kxb1ddbw07] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 13px 15px;
    border: 1px solid #efcece;
    border-radius: 7px;
    background: #fff7f7;
    color: #b45959;
}

    .alert-error > i[b-kxb1ddbw07] {
        flex: 0 0 auto;
        font-size: 16px;
    }

    .alert-error > div[b-kxb1ddbw07] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .alert-error strong[b-kxb1ddbw07] {
        font-size: 11px;
    }

    .alert-error span[b-kxb1ddbw07] {
        margin-top: 2px;
        font-size: 10px;
    }


/* ============================================================
   CARREGAMENTO
   ============================================================ */

.loading-card[b-kxb1ddbw07] {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e8ec;
    border-radius: 9px;
    background: #ffffff;
    color: #8d9ca5;
}

    .loading-card .spinner-border[b-kxb1ddbw07] {
        width: 26px;
        height: 26px;
        margin-bottom: 11px;
        color: #0aa1a4;
    }

    .loading-card span[b-kxb1ddbw07] {
        font-size: 11px;
    }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1050px) {

    .form-layout[b-kxb1ddbw07] {
        grid-template-columns: 1fr;
    }

    .form-sidebar[b-kxb1ddbw07] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .btn-save[b-kxb1ddbw07],
    .btn-cancel[b-kxb1ddbw07] {
        grid-column: 1 / -1;
    }
}


@media (max-width: 700px) {

    .page-heading[b-kxb1ddbw07] {
        flex-direction: column;
    }

    .btn-voltar[b-kxb1ddbw07] {
        align-self: flex-start;
    }

    .fields-grid[b-kxb1ddbw07] {
        grid-template-columns: 1fr;
    }

    .field-full[b-kxb1ddbw07] {
        grid-column: auto;
    }

    .form-sidebar[b-kxb1ddbw07] {
        grid-template-columns: 1fr;
    }

    .selection-item[b-kxb1ddbw07] {
        grid-template-columns: 22px minmax(0, 1fr);
    }

    .selection-status[b-kxb1ddbw07] {
        grid-column: 2;
        justify-self: flex-start;
    }
}


@media (max-width: 480px) {

    .form-card[b-kxb1ddbw07] {
        padding: 14px;
    }

    .side-card[b-kxb1ddbw07] {
        padding: 14px;
    }

    .page-heading h1[b-kxb1ddbw07] {
        font-size: 22px;
    }

    .selection-info strong[b-kxb1ddbw07],
    .selection-info span[b-kxb1ddbw07] {
        white-space: normal;
    }
}
/* /Components/Pages/Cadastros/Cad - Empresas/NovaEmpresa.razor.rz.scp.css */
/* CSS for NovaEmpresa component */
/* ============================================================
   ARISO - NOVA EMPRESA
   ============================================================ */


/* ============================================================
   ABAS
   ============================================================ */

.ariso-form-tabs[b-yiv2i9mbvq] {
    display: flex;
    gap: 5px;
    padding: 4px;
    border: 1px solid rgba(45, 75, 99, 0.10);
    border-radius: 10px;
    background: #f6f9fb;
}

    .ariso-form-tabs .nav-item[b-yiv2i9mbvq] {
        flex: 0 0 auto;
    }

    .ariso-form-tabs .nav-link[b-yiv2i9mbvq] {
        min-height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 18px;
        border: 0;
        border-radius: 7px;
        background: transparent;
        color: #687f92;
        font-family: 'Jakarta', sans-serif;
        font-size: 11px;
        font-weight: 700;
        transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
    }

        .ariso-form-tabs .nav-link:hover:not(.active)[b-yiv2i9mbvq] {
            background: rgba(10, 165, 171, 0.06);
            color: #0a929b;
        }

        .ariso-form-tabs .nav-link.active[b-yiv2i9mbvq] {
            background: #ffffff;
            color: #0b8f9a;
            box-shadow: 0 2px 8px rgba(40, 70, 95, 0.08);
            border: 1px solid rgba(10, 160, 170, 0.12);
        }


/* ============================================================
   CARD PRINCIPAL
   ============================================================ */

.ariso-form-card[b-yiv2i9mbvq] {
    overflow: hidden;
    border: 1px solid rgba(42, 73, 99, 0.09);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(40, 70, 95, 0.045);
}

    .ariso-form-card > .card-body[b-yiv2i9mbvq] {
        padding: 24px;
    }


/* ============================================================
   TÍTULOS DE SEÇÃO
   ============================================================ */

.ariso-form-section-title[b-yiv2i9mbvq] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

.ariso-form-section-icon[b-yiv2i9mbvq] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: linear-gradient( 145deg, rgba(10, 176, 179, 0.10), rgba(17, 116, 210, 0.045) );
    color: #0a9ea8;
    font-size: 17px;
}

.ariso-form-section-title h4[b-yiv2i9mbvq] {
    margin: 0;
    color: #173149;
    font-family: 'Jakarta', sans-serif;
    font-size: 15px;
    font-weight: 800;
}

.ariso-form-section-title p[b-yiv2i9mbvq] {
    margin: 3px 0 0;
    color: #8091a0;
    font-size: 11px;
}


/* ============================================================
   DIVISÕES
   ============================================================ */

.ariso-form-divider[b-yiv2i9mbvq] {
    height: 1px;
    margin: 26px 0;
    background: rgba(43, 75, 100, 0.08);
}


/* ============================================================
   LABELS E CAMPOS
   ============================================================ */

.ariso-form-card .form-label[b-yiv2i9mbvq] {
    margin-bottom: 6px;
    color: #476276;
    font-size: 11px;
    font-weight: 700;
}

.ariso-form-card .form-control[b-yiv2i9mbvq],
.ariso-form-card .form-select[b-yiv2i9mbvq] {
    min-height: 39px;
    border-color: rgba(47, 76, 101, 0.16);
    border-radius: 7px;
    font-size: 12px;
    box-shadow: none;
}

    .ariso-form-card .form-control:focus[b-yiv2i9mbvq],
    .ariso-form-card .form-select:focus[b-yiv2i9mbvq] {
        border-color: rgba(8, 158, 167, 0.55);
        box-shadow: 0 0 0 3px rgba(10, 167, 175, 0.08);
    }


/* ============================================================
   CHECKBOX / RADIO
   ============================================================ */

.ariso-form-card .form-check-input:checked[b-yiv2i9mbvq] {
    background-color: #0b9fa8;
    border-color: #0b9fa8;
}

.ariso-form-card .form-check-label[b-yiv2i9mbvq] {
    color: #526d81;
    font-size: 11.5px;
}


/* ============================================================
   AÇÃO INTERNA
   ============================================================ */

.ariso-inline-action[b-yiv2i9mbvq] {
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 15px;
    border: 1px solid rgba(11, 157, 166, 0.18);
    border-radius: 7px;
    background: linear-gradient( 100deg, #0d344c 0%, #10556b 100% );
    color: #ffffff;
    font-family: 'Jakarta', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

    .ariso-inline-action i[b-yiv2i9mbvq] {
        color: #35d0c5;
    }

    .ariso-inline-action:hover[b-yiv2i9mbvq] {
        transform: translateY(-1px);
        background: linear-gradient( 100deg, #0b4056 0%, #087b83 100% );
        box-shadow: 0 6px 16px rgba(13, 80, 94, 0.14);
    }


/* ============================================================
   BOTÕES DE FORMULÁRIO
   ============================================================ */

.ariso-form-button-primary[b-yiv2i9mbvq],
.ariso-form-button-secondary[b-yiv2i9mbvq] {
    min-width: 125px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 17px;
    border-radius: 8px;
    font-family: 'Jakarta', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.ariso-form-button-primary[b-yiv2i9mbvq] {
    border: 1px solid rgba(11, 157, 166, 0.20);
    background: linear-gradient( 100deg, #0d344c 0%, #10556b 100% );
    color: #ffffff;
    box-shadow: 0 5px 14px rgba(15, 57, 79, 0.10);
}

    .ariso-form-button-primary i[b-yiv2i9mbvq] {
        color: #35d0c5;
    }

    .ariso-form-button-primary:hover:not(:disabled)[b-yiv2i9mbvq] {
        transform: translateY(-1px);
        background: linear-gradient( 100deg, #0b4056 0%, #087b83 100% );
        box-shadow: 0 7px 18px rgba(13, 80, 94, 0.16);
    }

.ariso-form-button-secondary[b-yiv2i9mbvq] {
    border: 1px solid rgba(48, 78, 103, 0.16);
    background: #ffffff;
    color: #526c80;
}

    .ariso-form-button-secondary i[b-yiv2i9mbvq] {
        color: #0aa1aa;
    }

    .ariso-form-button-secondary:hover:not(:disabled)[b-yiv2i9mbvq] {
        border-color: rgba(9, 165, 171, 0.32);
        background: #fbffff;
        color: #078f98;
    }

    .ariso-form-button-primary:disabled[b-yiv2i9mbvq],
    .ariso-form-button-secondary:disabled[b-yiv2i9mbvq] {
        opacity: 0.55;
        cursor: default;
    }


/* ============================================================
   RODAPÉ DE AÇÕES
   ============================================================ */

.ariso-form-footer[b-yiv2i9mbvq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid rgba(43, 75, 100, 0.08);
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 700px) {
    .ariso-form-tabs[b-yiv2i9mbvq] {
        overflow-x: auto;
    }

    .ariso-form-card > .card-body[b-yiv2i9mbvq] {
        padding: 18px;
    }

    .ariso-form-footer[b-yiv2i9mbvq] {
        flex-direction: column-reverse;
    }

    .ariso-form-button-primary[b-yiv2i9mbvq],
    .ariso-form-button-secondary[b-yiv2i9mbvq] {
        width: 100%;
    }
}
/* /Components/Pages/Cadastros/Cad - Estabelecimentos/SelecionarEstabelecimento.razor.rz.scp.css */
/* ============================================================
   PÁGINA
   ============================================================ */

.estab-page[b-8kc94f0z1n],
.estab-page *[b-8kc94f0z1n],
.estab-page *[b-8kc94f0z1n]::before,
.estab-page *[b-8kc94f0z1n]::after {
    box-sizing: border-box;
}

.estab-page[b-8kc94f0z1n] {
    width: 100%;
    height: 100dvh;
    display: flex;
    overflow: hidden;
    background: radial-gradient( circle at 55% 45%, rgba(255, 255, 255, 0.94) 0%, rgba(247, 249, 252, 0.97) 48%, #eef3f7 100% );
    font-family: 'Jakarta', sans-serif;
    color: #172b45;
}


/* ============================================================
   SIDEBAR
   ============================================================ */

.estab-sidebar[b-8kc94f0z1n] {
    position: relative;
    width: clamp(190px, 12vw, 285px);
    min-width: 190px;
    height: 100%;
    padding: clamp(24px, 2vw, 35px) clamp(20px, 2vw, 34px) 28px;
    background: linear-gradient( 180deg, #091d30 0%, #0a2238 55%, #091e32 100% );
    color: #ffffff;
    overflow: hidden;
}


    .estab-sidebar[b-8kc94f0z1n]::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 4px;
        background: linear-gradient( to bottom, #18b7a5 0%, #09aeb2 34%, #0787ce 68%, #1265df 100% );
    }


/* ============================================================
   LOGO
   ============================================================ */

.sidebar-brand[b-8kc94f0z1n] {
    display: flex;
    align-items: flex-start;
}


    .sidebar-brand img[b-8kc94f0z1n] {
        display: block;
        width: clamp(135px, 9vw, 185px);
        max-width: 100%;
        height: auto;
        object-fit: contain;
        object-position: left center;
    }


/* ============================================================
   RODAPÉ SIDEBAR
   ============================================================ */

.sidebar-footer[b-8kc94f0z1n] {
    position: absolute;
    left: clamp(20px, 2vw, 34px);
    bottom: 22px;
    color: #71889d;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.7;
}


/* ============================================================
   MAIN
   ============================================================ */

.estab-main[b-8kc94f0z1n] {
    position: relative;
    flex: 1;
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}


/* ============================================================
   TOPBAR
   ============================================================ */

.estab-topbar[b-8kc94f0z1n] {
    height: 66px;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 clamp(24px, 3vw, 48px);
    background: rgba(255, 255, 255, 0.85);
    border-bottom: 1px solid rgba(34, 63, 89, 0.07);
    backdrop-filter: blur(9px);
}


.topbar-datetime[b-8kc94f0z1n] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.topbar-date[b-8kc94f0z1n]::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 17px;
    margin-left: 12px;
    vertical-align: middle;
    background: rgba(74, 105, 131, 0.20);
}


.topbar-time[b-8kc94f0z1n] {
    color: #173b5b;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
}


.topbar-user[b-8kc94f0z1n] {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #405b73;
    font-size: 12px;
    font-weight: 600;
}


.user-avatar[b-8kc94f0z1n] {
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 37px;
    border-radius: 50%;
    background: #0a243b;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;

}


.user-name[b-8kc94f0z1n] {
    text-transform: uppercase;
}


/* ============================================================
   LOGOUT
   ============================================================ */

.logout-form[b-8kc94f0z1n] {
    margin: 0;
}


.logout-button[b-8kc94f0z1n] {
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-left: 10px;
    padding: 0 14px;
    border: 1px solid rgba(45, 78, 105, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
    color: #49657c;
    font-family: 'Jakarta', sans-serif;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}


    .logout-button:hover[b-8kc94f0z1n] {
        background: #ffffff;
        border-color: rgba(9, 165, 171, 0.35);
        color: #07959e;
        box-shadow: 0 5px 14px rgba(40, 74, 101, 0.07);
    }


/* ============================================================
   CONTEÚDO
   ============================================================ */

.estab-content[b-8kc94f0z1n] {
    width: min(100%, 1300px);
    flex: 1;
    margin: 0 auto;
    padding: clamp(28px, 4vh, 60px) clamp(30px, 4vw, 62px) 80px;
    overflow-y: auto;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.estab-heading[b-8kc94f0z1n] {
    margin-bottom: clamp(24px, 3vh, 38px);
}


    .estab-heading h1[b-8kc94f0z1n] {
        margin: 0;
        color: #172c42;
        font-size: clamp(21px, 1.45vw, 25px);
        font-weight: 500;
        letter-spacing: -0.025em;
    }


        .estab-heading h1 strong[b-8kc94f0z1n] {
            color: #10263c;
            font-weight: 800;
        }


    .estab-heading p[b-8kc94f0z1n] {
        margin: 10px 0 0;
        color: #506981;
        font-size: clamp(12px, 0.8vw, 14px);
        font-weight: 500;
    }


.heading-accent[b-8kc94f0z1n] {
    width: 29px;
    height: 3px;
    margin-top: 16px;
    border-radius: 20px;
    background: #13b5aa;
}


/* ============================================================
   GRID
   ============================================================ */

.estab-grid[b-8kc94f0z1n] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2vw, 30px);
}


/* ============================================================
   CARD
   ============================================================ */

.estab-card[b-8kc94f0z1n] {
    position: relative;
    display: block;
    width: 100%;
    min-height: clamp(190px, 23vh, 250px);
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(33, 69, 100, 0.07);
    border-radius: 15px;
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 252, 254, 0.97) 100% );
    text-align: left;
    box-shadow: 0 8px 28px rgba(36, 68, 96, 0.08);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}


    .estab-card[b-8kc94f0z1n]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 4px;
        background: linear-gradient( 90deg, #18b7a5 0%, #07aeb5 34%, #0987cf 68%, #1465df 100% );
    }


    .estab-card:hover[b-8kc94f0z1n] {
        transform: translateY(-3px);
        border-color: rgba(15, 177, 172, 0.32);
        box-shadow: 0 14px 34px rgba(32, 67, 97, 0.13);
    }


    .estab-card:focus-visible[b-8kc94f0z1n] {
        outline: 3px solid rgba(16, 177, 171, 0.22);
        outline-offset: 3px;
    }


.estab-card-content[b-8kc94f0z1n] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: clamp(20px, 2vw, 28px);
}


/* ============================================================
   ÍCONE
   ============================================================ */

.estab-icon[b-8kc94f0z1n] {
    position: relative;
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: clamp(14px, 2vh, 21px);
}


    .estab-icon img[b-8kc94f0z1n] {
        position: relative;
        z-index: 2;
        display: block;
        width: 58px;
        height: 58px;
        object-fit: contain;
        transition: transform 0.20s ease, filter 0.20s ease;
    }


    .estab-icon[b-8kc94f0z1n]::before {
        content: "";
        position: absolute;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: rgba(18, 181, 170, 0);
        transform: scale(0.75);
        transition: transform 0.20s ease, background-color 0.20s ease;
    }


.estab-card:hover .estab-icon[b-8kc94f0z1n]::before {
    background: rgba(18, 181, 170, 0.10);
    transform: scale(1);
}


.estab-card:hover .estab-icon img[b-8kc94f0z1n] {
    transform: scale(1.04);
    filter: drop-shadow( 0 4px 7px rgba(10, 151, 163, 0.12) );
}


/* ============================================================
   SETA
   ============================================================ */

.estab-arrow[b-8kc94f0z1n] {
    position: absolute;
    top: clamp(22px, 2vw, 30px);
    right: clamp(22px, 2vw, 28px);
    color: #0ca4ad;
    font-size: 22px;
    transition: transform 0.18s ease, color 0.18s ease;
}


.estab-card:hover .estab-arrow[b-8kc94f0z1n] {
    transform: translateX(4px);
    color: #087fc8;
}


/* ============================================================
   DADOS
   ============================================================ */

.estab-info h2[b-8kc94f0z1n] {
    margin: 0 0 8px;
    color: #10243a;
    font-size: clamp(15px, 1vw, 18px);
    font-weight: 800;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: -0.015em;
}


.estab-cnpj[b-8kc94f0z1n] {
    margin-bottom: clamp(12px, 2vh, 20px);
    color: #315676;
    font-size: clamp(11px, 0.75vw, 13px);
    font-weight: 700;
}


.estab-address[b-8kc94f0z1n] {
    color: #435f77;
    font-size: clamp(11px, 0.75vw, 13px);
    font-weight: 500;
    line-height: 1.6;
    text-transform: uppercase;
}


/* ============================================================
   LOADING
   ============================================================ */

.estab-loading[b-8kc94f0z1n] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 35px 0;
    color: #526b81;
    font-size: 13px;
}


    .estab-loading .spinner-border[b-8kc94f0z1n] {
        color: #0aa9ad;
    }


/* ============================================================
   SEM ESTABELECIMENTO
   ============================================================ */

.estab-empty[b-8kc94f0z1n] {
    max-width: 620px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 28px;
    border: 1px solid rgba(37, 72, 102, 0.09);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 8px 26px rgba(43, 75, 102, 0.07);
}


.estab-empty-icon[b-8kc94f0z1n] {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #edf6f7;
    color: #119da5;
    font-size: 22px;
}


.estab-empty-content[b-8kc94f0z1n] {
    flex: 1;
}


.estab-empty h2[b-8kc94f0z1n] {
    margin: 0 0 5px;
    color: #183148;
    font-size: 16px;
    font-weight: 700;
}


.estab-empty p[b-8kc94f0z1n] {
    margin: 0;
    color: #647b90;
    font-size: 12px;
    line-height: 1.55;
}


.estab-logout[b-8kc94f0z1n] {
    padding: 9px 18px;
    border: none;
    border-radius: 7px;
    background: #415c72;
    color: #ffffff;
    font-family: 'Jakarta', sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}


/* ============================================================
   ERRO
   ============================================================ */

.estab-error[b-8kc94f0z1n] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    padding: 12px 15px;
    border: 1px solid #e1aaaa;
    border-radius: 8px;
    background: #fff4f4;
    color: #ad3939;
    font-size: 12px;
}


/* ============================================================
   RODAPÉ DE SEGURANÇA
   ============================================================ */

.estab-security[b-8kc94f0z1n] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    pointer-events: none;
    color: #71889d;
    font-size: 10px;
    font-weight: 500;
}


    .estab-security i[b-8kc94f0z1n] {
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #8bbcc3;
        border-radius: 50%;
        color: #108d9d;
        font-size: 12px;
    }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1280px) {

    .estab-grid[b-8kc94f0z1n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 850px) {

    .estab-sidebar[b-8kc94f0z1n] {
        width: 180px;
        min-width: 180px;
    }

    .estab-content[b-8kc94f0z1n] {
        padding-left: 28px;
        padding-right: 28px;
    }

    .logout-button span[b-8kc94f0z1n] {
        display: none;
    }
}


@media (max-width: 700px) {

    .estab-page[b-8kc94f0z1n] {
        display: block;
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }


    .estab-sidebar[b-8kc94f0z1n] {
        width: 100%;
        min-width: 0;
        height: 90px;
        min-height: 90px;
        padding: 18px 22px;
    }


        .estab-sidebar[b-8kc94f0z1n]::after {
            top: auto;
            left: 0;
            right: 0;
            bottom: 0;
            width: auto;
            height: 4px;
            background: linear-gradient( 90deg, #18b7a5 0%, #08adb4 35%, #0a84ce 67%, #1665df 100% );
        }


    .sidebar-brand img[b-8kc94f0z1n] {
        width: 145px;
    }


    .sidebar-footer[b-8kc94f0z1n] {
        display: none;
    }


    .estab-main[b-8kc94f0z1n] {
        position: relative;
        flex: 1;
        min-width: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }


    .estab-topbar[b-8kc94f0z1n] {
        padding: 0 18px;
    }


    .topbar-date[b-8kc94f0z1n] {
        color: #60798f;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.01em;
        font-variant-numeric: tabular-nums;
    }


    .user-name[b-8kc94f0z1n] {
        display: none;
    }


    .estab-content[b-8kc94f0z1n] {
        overflow: visible;
        padding: 34px 20px 90px;
    }


    .estab-grid[b-8kc94f0z1n] {
        grid-template-columns: 1fr;
    }


    .estab-card[b-8kc94f0z1n] {
        min-height: 205px;
    }
}
/* /Components/Pages/Cadastros/Cad - Grupo de usuários/GrupoForm.razor.rz.scp.css */
/* CSS for GrupoForm component */
/* ============================================================
   ARISO - GRUPO DE USUÁRIOS
   ============================================================ */


/* ============================================================
   ABAS
   ============================================================ */

.ariso-form-tabs[b-g9gogy021n] {
    display: flex;
    gap: 5px;
    padding: 4px;
    border: 1px solid rgba(45, 75, 99, 0.10);
    border-radius: 10px;
    background: #f6f9fb;
}

    .ariso-form-tabs .nav-link[b-g9gogy021n] {
        min-height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 18px;
        border: 0;
        border-radius: 7px;
        background: transparent;
        color: #687f92;
        font-family: 'Jakarta', sans-serif;
        font-size: 11px;
        font-weight: 700;
        transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
    }

        .ariso-form-tabs .nav-link i[b-g9gogy021n] {
            color: #0aa1aa;
        }

        .ariso-form-tabs .nav-link:hover:not(.active):not(:disabled)[b-g9gogy021n] {
            background: rgba(10, 165, 171, 0.06);
            color: #0a929b;
        }

        .ariso-form-tabs .nav-link.active[b-g9gogy021n] {
            background: #ffffff;
            color: #0b8f9a;
            border: 1px solid rgba(10, 160, 170, 0.12);
            box-shadow: 0 2px 8px rgba(40, 70, 95, 0.08);
        }

        .ariso-form-tabs .nav-link:disabled[b-g9gogy021n] {
            opacity: 0.55;
        }


/* ============================================================
   CARD PRINCIPAL
   ============================================================ */

.ariso-form-card[b-g9gogy021n] {
    overflow: hidden;
    border: 1px solid rgba(42, 73, 99, 0.09);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(40, 70, 95, 0.045);
}

    .ariso-form-card > .card-body[b-g9gogy021n] {
        padding: 24px;
    }


/* ============================================================
   TÍTULO DA SEÇÃO
   ============================================================ */

.ariso-form-section-title[b-g9gogy021n] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

.ariso-form-section-icon[b-g9gogy021n] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: linear-gradient( 145deg, rgba(10, 176, 179, 0.10), rgba(17, 116, 210, 0.045) );
    color: #0a9ea8;
    font-size: 17px;
}

.ariso-form-section-title h4[b-g9gogy021n] {
    margin: 0;
    color: #173149;
    font-family: 'Jakarta', sans-serif;
    font-size: 15px;
    font-weight: 800;
}

.ariso-form-section-title p[b-g9gogy021n] {
    margin: 3px 0 0;
    color: #8091a0;
    font-size: 11px;
}


/* ============================================================
   CAMPOS
   ============================================================ */

.ariso-form-card .form-label[b-g9gogy021n] {
    margin-bottom: 6px;
    color: #476276;
    font-size: 11px;
    font-weight: 700;
}

.ariso-form-card .form-control[b-g9gogy021n] {
    min-height: 39px;
    border-color: rgba(47, 76, 101, 0.16);
    border-radius: 7px;
    font-size: 12px;
    box-shadow: none;
}

    .ariso-form-card .form-control:focus[b-g9gogy021n] {
        border-color: rgba(8, 158, 167, 0.55);
        box-shadow: 0 0 0 3px rgba(10, 167, 175, 0.08);
    }

.ariso-form-card .form-check-input:checked[b-g9gogy021n] {
    background-color: #0b9fa8;
    border-color: #0b9fa8;
}


/* ============================================================
   STATUS
   ============================================================ */

.ariso-status-box[b-g9gogy021n] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 8px;
    padding: 13px 15px;
    border: 1px solid rgba(45, 75, 99, 0.10);
    border-radius: 8px;
    background: #f8fafc;
}

    .ariso-status-box .form-check-label[b-g9gogy021n] {
        color: #425f74;
        font-size: 11.5px;
        font-weight: 700;
    }

    .ariso-status-box > span[b-g9gogy021n] {
        margin-left: 24px;
        color: #8293a1;
        font-size: 10.5px;
    }


/* ============================================================
   DIVISOR
   ============================================================ */

.ariso-form-divider[b-g9gogy021n] {
    height: 1px;
    margin: 22px 0;
    background: rgba(43, 75, 100, 0.08);
}


/* ============================================================
   CABEÇALHO PERMISSÕES
   ============================================================ */

.ariso-permission-header[b-g9gogy021n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.ariso-permission-counter[b-g9gogy021n] {
    height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 0 13px;
    border: 1px solid rgba(10, 159, 172, 0.14);
    border-radius: 8px;
    background: linear-gradient( 145deg, rgba(10, 176, 179, 0.07), rgba(17, 116, 210, 0.035) );
    color: #4d687c;
    font-family: 'Jakarta', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
}

    .ariso-permission-counter i[b-g9gogy021n] {
        color: #0aa4ad;
        font-size: 13px;
    }


/* ============================================================
   MÓDULOS
   ============================================================ */

.ariso-permission-module[b-g9gogy021n] {
    margin-bottom: 26px;
}

.ariso-permission-module-title[b-g9gogy021n] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    color: #173149;
    font-family: 'Jakarta', sans-serif;
    font-size: 13px;
    font-weight: 800;
}

.ariso-permission-module-icon[b-g9gogy021n] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: rgba(10, 165, 171, 0.08);
    color: #0a9ea8;
    font-size: 12px;
}


/* ============================================================
   GRID DAS ÁREAS
   ============================================================ */

.ariso-permission-area-grid[b-g9gogy021n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}


/* ============================================================
   ÁREAS
   ============================================================ */

.ariso-permission-area[b-g9gogy021n] {
    margin-bottom: 0;
    padding: 15px;
    border: 1px solid rgba(45, 75, 99, 0.10);
    border-radius: 9px;
    background: #fbfcfd;
}

.ariso-permission-area-title[b-g9gogy021n] {
    margin-bottom: 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(45, 75, 99, 0.07);
    color: #526d81;
    font-family: 'Jakarta', sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}


/* ============================================================
   LISTA DE PERMISSÕES
   ============================================================ */

.ariso-permission-list[b-g9gogy021n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}


/* ============================================================
   PERMISSÕES
   ============================================================ */

.ariso-permission-item[b-g9gogy021n] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: #ffffff;
    color: #536d80;
    font-size: 11px;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

    .ariso-permission-item:hover[b-g9gogy021n] {
        border-color: rgba(10, 165, 171, 0.16);
        background: rgba(10, 165, 171, 0.035);
        color: #1b5665;
    }

    .ariso-permission-item .form-check-input[b-g9gogy021n] {
        flex: 0 0 auto;
        margin: 0;
    }


/* ============================================================
   BOTÕES
   ============================================================ */

.ariso-form-button-primary[b-g9gogy021n],
.ariso-form-button-secondary[b-g9gogy021n] {
    min-width: 125px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 17px;
    border-radius: 8px;
    font-family: 'Jakarta', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.ariso-form-button-primary[b-g9gogy021n] {
    border: 1px solid rgba(11, 157, 166, 0.20);
    background: linear-gradient( 100deg, #0d344c 0%, #10556b 100% );
    color: #ffffff;
    box-shadow: 0 5px 14px rgba(15, 57, 79, 0.10);
}

    .ariso-form-button-primary i[b-g9gogy021n] {
        color: #35d0c5;
    }

    .ariso-form-button-primary:hover:not(:disabled)[b-g9gogy021n] {
        transform: translateY(-1px);
        background: linear-gradient( 100deg, #0b4056 0%, #087b83 100% );
        box-shadow: 0 7px 18px rgba(13, 80, 94, 0.16);
    }

.ariso-form-button-secondary[b-g9gogy021n] {
    border: 1px solid rgba(48, 78, 103, 0.16);
    background: #ffffff;
    color: #526c80;
}

    .ariso-form-button-secondary i[b-g9gogy021n] {
        color: #0aa1aa;
    }

    .ariso-form-button-secondary:hover:not(:disabled)[b-g9gogy021n] {
        border-color: rgba(9, 165, 171, 0.32);
        background: #fbffff;
        color: #078f98;
    }

    .ariso-form-button-primary:disabled[b-g9gogy021n],
    .ariso-form-button-secondary:disabled[b-g9gogy021n] {
        opacity: 0.55;
        cursor: default;
    }


/* ============================================================
   RODAPÉ
   ============================================================ */

.ariso-form-footer[b-g9gogy021n] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid rgba(43, 75, 100, 0.08);
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1100px) {

    .ariso-permission-area-grid[b-g9gogy021n] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 700px) {

    .ariso-form-tabs[b-g9gogy021n] {
        overflow-x: auto;
    }

    .ariso-form-card > .card-body[b-g9gogy021n] {
        padding: 18px;
    }

    .ariso-permission-header[b-g9gogy021n] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ariso-permission-list[b-g9gogy021n] {
        grid-template-columns: 1fr;
    }

    .ariso-form-footer[b-g9gogy021n] {
        flex-direction: column-reverse;
    }

    .ariso-form-button-primary[b-g9gogy021n],
    .ariso-form-button-secondary[b-g9gogy021n] {
        width: 100%;
    }
}
/* /Components/Pages/Cadastros/Cad - Grupo de usuários/Grupos.razor.rz.scp.css */
/* ============================================================
   ARISO - GRUPOS DE USUÁRIOS
   ============================================================ */


/* ============================================================
   FILTRO SEGMENTADO
   ============================================================ */

.ariso-filter-segmented[b-e6rfah6ecm] {
    width: 100%;
    height: 38px;
    display: flex;
    align-items: stretch;
    padding: 3px;
    border: 1px solid rgba(45, 75, 99, 0.14);
    border-radius: 8px;
    background: #f7fafc;
}

.ariso-filter-option[b-e6rfah6ecm] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #6a8092;
    font-family: 'Jakarta', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

    .ariso-filter-option:hover:not(.active)[b-e6rfah6ecm] {
        background: rgba(10, 165, 171, 0.06);
        color: #0a939b;
    }

    .ariso-filter-option.active[b-e6rfah6ecm] {
        background: linear-gradient( 100deg, #0d344c 0%, #10556b 100% );
        color: #ffffff;
        box-shadow: 0 3px 9px rgba(15, 57, 79, 0.14);
    }


/* ============================================================
   BOTÃO PESQUISAR
   ============================================================ */

.ariso-filter-action[b-e6rfah6ecm] {
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border: 1px solid rgba(11, 157, 166, 0.20);
    border-radius: 7px;
    background: linear-gradient( 100deg, #0d344c 0%, #10556b 100% );
    color: #ffffff;
    font-family: 'Jakarta', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    box-shadow: 0 5px 14px rgba(15, 57, 79, 0.10);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

    .ariso-filter-action i[b-e6rfah6ecm] {
        color: #35d0c5;
        font-size: 13px;
    }

    .ariso-filter-action:hover:not(:disabled)[b-e6rfah6ecm] {
        transform: translateY(-1px);
        background: linear-gradient( 100deg, #0b4056 0%, #087b83 100% );
        box-shadow: 0 7px 18px rgba(13, 80, 94, 0.16);
    }

    .ariso-filter-action:active:not(:disabled)[b-e6rfah6ecm] {
        transform: translateY(0);
    }

    .ariso-filter-action:disabled[b-e6rfah6ecm] {
        opacity: 0.58;
        cursor: default;
    }
/* /Components/Pages/Cadastros/Cad - Usuários/Usuarios.razor.rz.scp.css */
/* CSS for Usuarios component */
/* ============================================================
   ARISO - FILTRO DE STATUS
   ============================================================ */

.ariso-filter-segmented[b-nen5qpjian] {
    width: 100%;
    height: 38px;
    display: flex;
    align-items: stretch;
    padding: 3px;
    border: 1px solid rgba(45, 75, 99, 0.14);
    border-radius: 8px;
    background: #f7fafc;
}

.ariso-filter-option[b-nen5qpjian] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #6a8092;
    font-family: 'Jakarta', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

    .ariso-filter-option:hover:not(.active)[b-nen5qpjian] {
        background: rgba(10, 165, 171, 0.06);
        color: #0a939b;
    }

    .ariso-filter-option.active[b-nen5qpjian] {
        background: linear-gradient( 100deg, #0d344c 0%, #10556b 100% );
        color: #ffffff;
        box-shadow: 0 3px 9px rgba(15, 57, 79, 0.14);
    }
/* /Components/Pages/Financeiro/Fin - Condições de pagto/CondicoesPagto.razor.rz.scp.css */
/* CSS for CondicoesPagto component */
.ariso-filter-segmented[b-v25ft0j0im] {
    width: 100%;
    height: 38px;
    display: flex;
    align-items: stretch;
    padding: 3px;
    border: 1px solid rgba(45, 75, 99, 0.14);
    border-radius: 8px;
    background: #f7fafc;
}

.ariso-filter-option[b-v25ft0j0im] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #6a8092;
    font-family: 'Jakarta', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

    .ariso-filter-option:hover:not(.active)[b-v25ft0j0im] {
        background: rgba(10, 165, 171, 0.06);
        color: #0a939b;
    }

    .ariso-filter-option.active[b-v25ft0j0im] {
        background: linear-gradient( 100deg, #0d344c 0%, #10556b 100% );
        color: #ffffff;
        box-shadow: 0 3px 9px rgba(15, 57, 79, 0.14);
    }
/* /Components/Pages/Financeiro/Fin - Fluxo Caixa/FluxoCaixa.razor.rz.scp.css */
/* CSS for FluxoCaixa component */
/* ============================================================
   ARISO - FLUXO DE CAIXA
   ============================================================ */

.ariso-filter-action[b-uub3p8qnf8] {
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border: 1px solid rgba(11, 157, 166, 0.20);
    border-radius: 7px;
    background: linear-gradient( 100deg, #0d344c 0%, #10556b 100% );
    color: #ffffff;
    font-family: 'Jakarta', sans-serif;
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 5px 14px rgba(15, 57, 79, 0.10);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

    .ariso-filter-action i[b-uub3p8qnf8] {
        color: #35d0c5;
        font-size: 13px;
    }

    .ariso-filter-action:hover:not(:disabled)[b-uub3p8qnf8] {
        transform: translateY(-1px);
        background: linear-gradient( 100deg, #0b4056 0%, #087b83 100% );
        box-shadow: 0 7px 18px rgba(13, 80, 94, 0.16);
    }

    .ariso-filter-action:active:not(:disabled)[b-uub3p8qnf8] {
        transform: translateY(0);
    }

    .ariso-filter-action:disabled[b-uub3p8qnf8] {
        opacity: 0.58;
        cursor: default;
    }
/* /Components/Pages/Financeiro/Fin - Forma de pagto/FormasPagto.razor.rz.scp.css */
.ariso-filter-segmented[b-yf8es9dgjd] {
    width: 100%;
    height: 38px;
    display: flex;
    align-items: stretch;
    padding: 3px;
    border: 1px solid rgba(45, 75, 99, 0.14);
    border-radius: 8px;
    background: #f7fafc;
}

.ariso-filter-option[b-yf8es9dgjd] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #6a8092;
    font-family: 'Jakarta', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

    .ariso-filter-option:hover:not(.active)[b-yf8es9dgjd] {
        background: rgba(10, 165, 171, 0.06);
        color: #0a939b;
    }

    .ariso-filter-option.active[b-yf8es9dgjd] {
        background: linear-gradient( 100deg, #0d344c 0%, #10556b 100% );
        color: #ffffff;
        box-shadow: 0 3px 9px rgba(15, 57, 79, 0.14);
    }
/* /Components/Shared/ArisoFornecedorSeletor.razor.rz.scp.css */
/* ============================================================
   ARISO - ENTITY SELECTOR / AUTOCOMPLETE
   ============================================================ */

.ariso-entity-selector[b-oqaykziulr] {
    position: relative;
    width: 100%;
}

    .ariso-entity-selector .input-group[b-oqaykziulr] {
        position: relative;
        z-index: 2;
    }


/* ============================================================
   AUTOCOMPLETE - DROPDOWN
   ============================================================ */

.ariso-entity-results[b-oqaykziulr] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 1100;
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #ffffff;
    border: 1px solid var(--ariso-border);
    border-radius: 7px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.12);
}


/* ============================================================
   AUTOCOMPLETE - RESULTADO
   ============================================================ */

.ariso-entity-result[b-oqaykziulr] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    text-align: left;
    background: #ffffff;
    border: 0;
    border-bottom: 1px solid var(--ariso-border-soft);
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

    .ariso-entity-result:last-child[b-oqaykziulr] {
        border-bottom: 0;
    }

    .ariso-entity-result:hover[b-oqaykziulr],
    .ariso-entity-result.active[b-oqaykziulr] {
        background: #f2f9fa;
    }


/* ============================================================
   AUTOCOMPLETE - ÍCONE
   ============================================================ */

.ariso-entity-result-icon[b-oqaykziulr] {
    display: none;
}


/* ============================================================
   AUTOCOMPLETE - CONTEÚDO
   ============================================================ */

.ariso-entity-result-content[b-oqaykziulr] {
    min-width: 0;
    flex: 1;
}


/* ============================================================
   AUTOCOMPLETE - NOME
   ============================================================ */

.ariso-entity-result-name[b-oqaykziulr] {
    overflow: hidden;
    color: var(--ariso-text);
    font-size: 0.84rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ============================================================
   AUTOCOMPLETE - META
   ============================================================ */

.ariso-entity-result-meta[b-oqaykziulr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    color: var(--ariso-text-muted);
    font-size: 0.72rem;
}

.ariso-entity-separator[b-oqaykziulr] {
    opacity: 0.45;
}


/* ============================================================
   AUTOCOMPLETE - ESTADOS
   ============================================================ */

.ariso-entity-result-state[b-oqaykziulr] {
    padding: 12px 14px;
    color: var(--ariso-text-muted);
    font-size: 0.8rem;
}


/* ============================================================
   PRODUTO SELECIONADO
   ============================================================ */

.ariso-entity-selected[b-oqaykziulr] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    padding: 6px 9px;
    background: #f8fafc;
    border: 1px solid var(--ariso-border-soft);
    border-radius: 6px;
}

.ariso-entity-selected-icon[b-oqaykziulr] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: #e9f7f8;
    color: var(--ariso-teal);
}

.ariso-entity-selected-content[b-oqaykziulr] {
    min-width: 0;
}

.ariso-entity-selected-name[b-oqaykziulr] {
    color: var(--ariso-text);
    font-size: 0.81rem;
    font-weight: 650;
}

.ariso-entity-selected-meta[b-oqaykziulr] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 1px;
    color: var(--ariso-text-muted);
    font-size: 0.72rem;
}


/* ============================================================
   PESQUISA AVANÇADA - BACKDROP
   ============================================================ */

.ariso-search-modal-backdrop[b-oqaykziulr] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    background: rgba(15, 23, 42, 0.46);
    backdrop-filter: blur(3px);
}


/* ============================================================
   PESQUISA AVANÇADA - MODAL
   ============================================================ */

.ariso-search-modal[b-oqaykziulr] {
    width: min(1250px, 96vw);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--ariso-border);
    border-radius: 10px;
    box-shadow: 0 26px 80px rgba(15, 23, 42, 0.28);
}


/* ============================================================
   PESQUISA AVANÇADA - CABEÇALHO
   ============================================================ */

.ariso-search-modal-header[b-oqaykziulr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    background: #ffffff;
    border-bottom: 1px solid var(--ariso-border-soft);
}

.ariso-search-modal-title[b-oqaykziulr] {
    color: var(--ariso-text-strong);
    font-size: 15px;
    font-weight: 700;
}

    .ariso-search-modal-title i[b-oqaykziulr] {
        color: var(--ariso-teal);
    }

.ariso-search-modal-subtitle[b-oqaykziulr] {
    margin-top: 3px;
    color: var(--ariso-text-muted);
    font-size: 11px;
}


/* ============================================================
   PESQUISA AVANÇADA - FILTRO
   ============================================================ */

.ariso-search-modal-filter[b-oqaykziulr] {
    padding: 14px 20px;
    background: #f8fafc;
    border-bottom: 1px solid var(--ariso-border-soft);
}

    .ariso-search-modal-filter .input-group-text[b-oqaykziulr] {
        background: #ffffff;
        border-color: var(--ariso-border);
        color: var(--ariso-text-muted);
    }


/* ============================================================
   PESQUISA AVANÇADA - CORPO
   ============================================================ */

.ariso-search-modal-body[b-oqaykziulr] {
    flex: 1;
    min-height: 320px;
    overflow: auto;
    padding: 0 20px 16px;
}

.ariso-search-modal-state[b-oqaykziulr] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    color: var(--ariso-text-muted);
    font-size: 12px;
}


/* ============================================================
   PESQUISA AVANÇADA - TABELA
   ============================================================ */

.ariso-search-table[b-oqaykziulr] {
    width: 100%;
    margin-bottom: 0;
    table-layout: auto;
}

    .ariso-search-table thead[b-oqaykziulr] {
        position: sticky;
        top: 0;
        z-index: 5;
        background: #ffffff;
    }

    .ariso-search-table th[b-oqaykziulr] {
        padding: 11px 10px;
        border-bottom: 1px solid var(--ariso-border);
        color: var(--ariso-text-muted);
        font-size: 10.5px;
        font-weight: 700;
        white-space: nowrap;
    }

    .ariso-search-table td[b-oqaykziulr] {
        padding: 10px;
        vertical-align: middle;
    }


/* ============================================================
   PESQUISA AVANÇADA - LINHA
   ============================================================ */

.ariso-search-row[b-oqaykziulr] {
    cursor: pointer;
    transition: background-color 0.12s ease;
}

    .ariso-search-row:hover[b-oqaykziulr] {
        background: #f2f9fa;
    }


/* ============================================================
   PESQUISA AVANÇADA - RODAPÉ
   ============================================================ */

.ariso-search-modal-footer[b-oqaykziulr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 20px;
    background: #f8fafc;
    border-top: 1px solid var(--ariso-border-soft);
}


/* ============================================================
   SCROLLBAR
   ============================================================ */

.ariso-entity-results[b-oqaykziulr]::-webkit-scrollbar,
.ariso-search-modal-body[b-oqaykziulr]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.ariso-entity-results[b-oqaykziulr]::-webkit-scrollbar-thumb,
.ariso-search-modal-body[b-oqaykziulr]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

.ariso-entity-results[b-oqaykziulr]::-webkit-scrollbar-track,
.ariso-search-modal-body[b-oqaykziulr]::-webkit-scrollbar-track {
    background: transparent;
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 768px) {

    .ariso-search-modal-backdrop[b-oqaykziulr] {
        padding: 10px;
    }

    .ariso-search-modal[b-oqaykziulr] {
        width: 100%;
        max-height: 94vh;
    }

    .ariso-search-modal-header[b-oqaykziulr],
    .ariso-search-modal-filter[b-oqaykziulr],
    .ariso-search-modal-footer[b-oqaykziulr] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .ariso-search-modal-body[b-oqaykziulr] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .ariso-entity-result-name[b-oqaykziulr] {
        white-space: normal;
    }
}
/* /Components/Shared/ArisoPageHeader.razor.rz.scp.css */
/* CSS for ArisoPageHeader component */
/* ============================================================
   ARISO - CABEÇALHO DE PÁGINA
   ============================================================ */

.ariso-page-header[b-09k8m0qorb],
.ariso-page-header *[b-09k8m0qorb],
.ariso-page-header *[b-09k8m0qorb]::before,
.ariso-page-header *[b-09k8m0qorb]::after {
    box-sizing: border-box;
}
.ariso-page-header-action[b-09k8m0qorb]
 .ariso-page-counter {
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid rgba(10, 159, 172, 0.14);
    border-radius: 8px;
    background: linear-gradient( 145deg, rgba(10, 176, 179, 0.07), rgba(17, 116, 210, 0.035) );
    color: #4d687c;
    font-family: 'Jakarta', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
}


    .ariso-page-header-action[b-09k8m0qorb]
     .ariso-page-counter i {
        color: #0aa4ad;
        font-size: 13px;
    }

.ariso-page-header[b-09k8m0qorb] {
    width: 100%;
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 24px;
    padding: 19px 22px;
    border: 1px solid rgba(42, 73, 99, 0.07);
    border-radius: 13px;
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.94) 0%, rgba(249, 252, 254, 0.92) 100% );
    box-shadow: 0 6px 22px rgba(38, 69, 96, 0.05);
    font-family: 'Jakarta', sans-serif;
}

.ariso-page-header-action[b-09k8m0qorb]
 .ariso-page-action-secondary {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border: 1px solid rgba(48, 78, 103, 0.16);
    border-radius: 8px;
    background: #ffffff;
    color: #4b657b;
    font-family: 'Jakarta', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    cursor: pointer;
    transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}


    .ariso-page-header-action[b-09k8m0qorb]
     .ariso-page-action-secondary i {
        color: #0aa1aa;
        font-size: 13px;
    }


    .ariso-page-header-action[b-09k8m0qorb]
     .ariso-page-action-secondary:hover:not(:disabled) {
        background: #fbffff;
        border-color: rgba(9, 165, 171, 0.34);
        color: #078f98;
        box-shadow: 0 5px 14px rgba(40, 74, 101, 0.06);
    }


    .ariso-page-header-action[b-09k8m0qorb]
     .ariso-page-action-secondary:disabled {
        opacity: 0.55;
        cursor: default;
    }

/* ============================================================
   LADO ESQUERDO
   ============================================================ */

.ariso-page-header-main[b-09k8m0qorb] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 17px;
}


/* ============================================================
   ÍCONE
   ============================================================ */

.ariso-page-header-icon[b-09k8m0qorb] {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: linear-gradient( 145deg, rgba(10, 176, 179, 0.11), rgba(17, 116, 210, 0.055) );
    color: #0b9fac;
    font-size: 25px;
}


/* ============================================================
   TEXTO
   ============================================================ */

.ariso-page-header-text[b-09k8m0qorb] {
    min-width: 0;
}


    .ariso-page-header-text h1[b-09k8m0qorb] {
        margin: 0;
        color: #102940;
        font-size: clamp(22px, 1.6vw, 28px);
        font-weight: 800;
        letter-spacing: -0.025em;
    }


    .ariso-page-header-text p[b-09k8m0qorb] {
        margin: 5px 0 0;
        color: #6d8295;
        font-size: 12px;
        font-weight: 500;
    }


.ariso-page-header-accent[b-09k8m0qorb] {
    width: 31px;
    height: 3px;
    margin-top: 12px;
    border-radius: 10px;
    background: linear-gradient( 90deg, #15b8a8, #0ea9b6 );
}


/* ============================================================
   AÇÃO
   ============================================================ */

.ariso-page-header-action[b-09k8m0qorb] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}


    /* ============================================================
   BOTÃO PRIMÁRIO ARISO
   ============================================================ */

    .ariso-page-header-action[b-09k8m0qorb]
     .ariso-page-action {
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 0 17px;
        border: 1px solid rgba(11, 157, 166, 0.20);
        border-radius: 8px;
        background: linear-gradient( 100deg, #0d344c 0%, #10556b 100% );
        color: #ffffff;
        font-family: 'Jakarta', sans-serif;
        font-size: 10.5px;
        font-weight: 700;
        text-decoration: none;
        box-shadow: 0 5px 14px rgba(15, 57, 79, 0.12);
        cursor: pointer;
        transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
    }


        .ariso-page-header-action[b-09k8m0qorb]
         .ariso-page-action i {
            color: #35d0c5;
            font-size: 14px;
        }


        .ariso-page-header-action[b-09k8m0qorb]
         .ariso-page-action:hover {
            transform: translateY(-1px);
            background: linear-gradient( 100deg, #0b4056 0%, #087b83 100% );
            color: #ffffff;
            box-shadow: 0 7px 18px rgba(13, 80, 94, 0.18);
        }


        .ariso-page-header-action[b-09k8m0qorb]
         .ariso-page-action:active {
            transform: translateY(0);
        }


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 700px) {

    .ariso-page-header[b-09k8m0qorb] {
        align-items: flex-start;
        flex-direction: column;
        padding: 18px;
    }


    .ariso-page-header-action[b-09k8m0qorb] {
        width: 100%;
    }


        .ariso-page-header-action[b-09k8m0qorb]
         .ariso-page-action {
            width: 100%;
        }


    .ariso-page-header-icon[b-09k8m0qorb] {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
        font-size: 21px;
    }
}