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

main[b-tis7m739tg] {
    flex: 1;
}

.sidebar[b-tis7m739tg] {
    background-image: linear-gradient(to right bottom, #2a63ef, #4360df, #515dd0, #5a5ac1, #5f58b3, #4d69c3, #3479cf, #0089d9, #00ade9);
    width: var(--sidebar-width, 250px);
    transition: width 0.3s ease;
    overflow: visible;
    width: 100%;
}

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

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

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

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

@media (max-width: 767.98px) {
    .page[b-tis7m739tg] {
        flex-direction: column !important;
        display: flex !important;
    }

    .sidebar[b-tis7m739tg] {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        position: relative !important;
        top: auto !important;
        z-index: auto !important;
    }

    .top-row[b-tis7m739tg] {
        justify-content: space-between;
    }

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

@media (min-width: 768px) {
    .page[b-tis7m739tg] {
        flex-direction: row;
        display: flex;
    }

    .sidebar[b-tis7m739tg] {
        width: var(--sidebar-width, 250px);
        transition: width 0.3s ease;
        overflow: visible;
        height: var(--sidebar-viewport-height, 100vh);
        position: sticky;
        top: 0;
        z-index: 9000;
    }

    .sidebar:hover[b-tis7m739tg] {
        z-index: 99999 !important;
    }

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

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

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

/* ══════════════════════════════════════════════════════════════════════════
   MODO EMBUTIDO / IFRAME (Extranet)
   ══════════════════════════════════════════════════════════════════════════ */
.is-embedded.page[b-tis7m739tg],
.page.is-embedded[b-tis7m739tg] {
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
}

.is-embedded .sidebar[b-tis7m739tg],
.page.is-embedded .sidebar[b-tis7m739tg] {
    display: none !important;
}

.embedded-content[b-tis7m739tg],
.page.is-embedded main.content[b-tis7m739tg] {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 1rem !important;
    margin: 0 !important;
}

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

    #blazor-error-ui .dismiss[b-tis7m739tg] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.navbar-toggler[b-tis7m739tg] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

.bottom-row[b-tis7m739tg] {
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
    text-align: right;
    width: 100%;
    padding-right: 28px;
}

.icon-menu-arrow[b-tis7m739tg] {
    text-align: right;
}

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

.oi[b-tis7m739tg] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

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

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

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

    .nav-item[b-tis7m739tg]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

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

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

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

    .collapse[b-tis7m739tg] {
        display: block;
    }
}

@media (max-width: 640px) {
    .bottom-row[b-tis7m739tg] {
        display: block;
    }
}
/* _content/PatrimonioGarbo/Components/Layout/NavMenu.razor.rz.scp.css */
.sidebar[b-9x5x95jlfv], nav[b-9x5x95jlfv] {
    position: relative;
    z-index: 100;
}

/* Container principal do NavMenu com suporte a Hover Expand */
.nav-sidebar-container[b-9x5x95jlfv] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
    background-image: linear-gradient(to right bottom, #2a63ef, #4360df, #515dd0, #5a5ac1, #5f58b3, #4d69c3, #3479cf, #0089d9, #00ade9);
}

@media (min-width: 768px) {
    .nav-sidebar-container[b-9x5x95jlfv] {
        height: var(--sidebar-viewport-height, 100vh);
        z-index: 100;
    }

    /* Estado recolhido no Desktop */
    .nav-sidebar-container.collapsed[b-9x5x95jlfv] {
        width: 80px;
    }

    /* Expansão flutuante no Hover sem empurrar a página */
    .nav-sidebar-container.collapsed.hover-expanded[b-9x5x95jlfv] {
        position: absolute;
        top: 0;
        left: 0;
        width: 250px !important;
        height: var(--sidebar-viewport-height, 100vh) !important;
        z-index: 900 !important;
        box-shadow: 6px 0 25px rgba(0, 0, 0, 0.35);
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }
}

/* Botão flutuante na borda, alinhado na altura do cabeçalho */
.sidebar-toggle-edge[b-9x5x95jlfv] {
    position: absolute;
    top: 45px; /* Centralizado verticalmente na altura do cabeçalho (90px) */
    right: -14px; /* Exatamente no centro da linha de divisão de 1px da sidebar */
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #2a63ef;
    border: 2px solid #ffffff;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    cursor: pointer;
    z-index: 101 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    transition: background-color 0.2s ease, transform 0.2s ease, right 0.3s ease;
}

.sidebar-toggle-edge:hover[b-9x5x95jlfv] {
    background-color: #1a49c4;
    transform: translateY(-50%) scale(1.15);
}

.navbar-toggler[b-9x5x95jlfv] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-9x5x95jlfv] {
    height: 3.5rem;
    min-height: 90px;
    background-color: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
}

.bottom-row[b-9x5x95jlfv] {
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
    text-align: right;
    width: 100%;
    padding-right: 28px;
}

.icon-menu-arrow[b-9x5x95jlfv] {
    text-align: right;
}

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

.oi[b-9x5x95jlfv] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-9x5x95jlfv] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-9x5x95jlfv]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        transition: padding 0.3s, justify-content 0.3s;
        white-space: nowrap;
        overflow: hidden;
    }

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

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

.nav-top-logo[b-9x5x95jlfv] {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    flex: 1;
    overflow: hidden;
}

    .nav-top-logo img[b-9x5x95jlfv] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.nav-top-logo-inner[b-9x5x95jlfv] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-width: 0;
    height: 100%;
    padding: 12px 0;
}

    .nav-top-logo-inner img[b-9x5x95jlfv] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .nav-top-logo-inner img.logo-compact[b-9x5x95jlfv] {
        max-height: 28px;
        max-width: 28px;
        object-fit: contain;
    }

    .nav-top-logo-inner i[b-9x5x95jlfv] {
        font-size: 1.6rem;
        line-height: 1;
        flex-shrink: 0;
    }

.btn-collapse-toggle[b-9x5x95jlfv] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: white;
    transition: background-color 0.2s;
}

    .btn-collapse-toggle:hover[b-9x5x95jlfv] {
        background-color: rgba(255, 255, 255, 0.2);
    }

.btn-hamburger-mobile[b-9x5x95jlfv] {
    display: flex; 
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

@media (min-width: 641px) {
    .btn-collapse-toggle[b-9x5x95jlfv] {
        display: flex;
    }

    .btn-hamburger-mobile[b-9x5x95jlfv] {
        display: none;
    }

    .navbar-toggler[b-9x5x95jlfv] {
        display: none;
    }

    .menu-wrapper[b-9x5x95jlfv] {
        display: flex !important;
        flex-direction: column;
        height: calc(var(--sidebar-viewport-height, 100vh) - 90px);
        overflow: visible;
    }

        .menu-wrapper > nav[b-9x5x95jlfv] {
            overflow-y: auto;
            overflow-x: visible;
            min-height: 0;
        }

            .menu-wrapper > nav[b-9x5x95jlfv]::-webkit-scrollbar {
                width: 4px;
            }

            .menu-wrapper > nav[b-9x5x95jlfv]::-webkit-scrollbar-track {
                background: transparent;
            }

            .menu-wrapper > nav[b-9x5x95jlfv]::-webkit-scrollbar-thumb {
                background: rgba(255, 255, 255, 0.2);
                border-radius: 4px;
            }

                .menu-wrapper > nav[b-9x5x95jlfv]::-webkit-scrollbar-thumb:hover {
                    background: rgba(255, 255, 255, 0.4);
                }

    .nav-footer[b-9x5x95jlfv] {
        flex-shrink: 0;
    }
}

@media (max-width: 767.98px) {
    .sidebar-toggle-edge[b-9x5x95jlfv] {
        display: none !important;
    }

    /* No Mobile a sidebar é 100% estática e empurra o conteúdo da página */
    .nav-sidebar-container[b-9x5x95jlfv],
    .nav-sidebar-container.collapsed[b-9x5x95jlfv],
    .nav-sidebar-container.collapsed.hover-expanded[b-9x5x95jlfv] {
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        z-index: auto !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    /* Alternância estrita do botão hambúrguer */
    .menu-wrapper.collapse[b-9x5x95jlfv] {
        display: none !important;
    }

    .menu-wrapper:not(.collapse)[b-9x5x95jlfv] {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-y: visible !important;
        position: static !important;
    }

    .menu-wrapper > nav[b-9x5x95jlfv] {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-y: visible !important;
        min-height: 0 !important;
    }

    /* Ocultar barra de rolagem no mobile */
    .menu-wrapper[b-9x5x95jlfv]::-webkit-scrollbar,
    .menu-wrapper > nav[b-9x5x95jlfv]::-webkit-scrollbar,
    .nav-sidebar-container[b-9x5x95jlfv]::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .menu-wrapper[b-9x5x95jlfv],
    .menu-wrapper > nav[b-9x5x95jlfv] {
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }

    .nav-label[b-9x5x95jlfv], 
    .nav-chevron[b-9x5x95jlfv], 
    .footer-item-label[b-9x5x95jlfv], 
    .btn-logout[b-9x5x95jlfv] {
        display: inline-block !important;
    }

    .footer-user-info[b-9x5x95jlfv] {
        display: flex !important;
    }

    .nav-search-wrapper[b-9x5x95jlfv] {
        display: block !important;
    }
}

/* ===================== FOOTER ===================== */
.nav-footer[b-9x5x95jlfv] {
    flex-shrink: 0;
    padding: 8px 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-top: 1px solid rgba(255,255,255,0.1);
    background: rgba(0,0,0,0.15);
}

.nav-footer-divider[b-9x5x95jlfv] {
    height: 1px;
    background: rgba(255,255,255,0.08);
    margin: 2px 0;
}

.nav-footer-item[b-9x5x95jlfv] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 4px;
    border-radius: 10px;
    position: relative;
    transition: background 0.2s;
}

    .nav-footer-item:hover[b-9x5x95jlfv] {
        background: rgba(255,255,255,0.06);
    }

/* ===================== FOOTER ICON BTN ===================== */
.footer-icon-btn[b-9x5x95jlfv] {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    border: none;
    background: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
    font-size: 0.9rem;
}

    .footer-icon-btn:hover[b-9x5x95jlfv],
    .footer-icon-btn.has-notif[b-9x5x95jlfv] {
        background: rgba(42,99,239,0.35);
        color: #fff;
    }

/* ===================== FOOTER USER ===================== */
.footer-avatar[b-9x5x95jlfv] {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    font-size: 0.85rem;
    transition: background 0.2s;
}

    .footer-avatar:hover[b-9x5x95jlfv] {
        background: rgba(255,255,255,0.25);
    }

.footer-item-label[b-9x5x95jlfv] {
    color: rgba(255,255,255,0.7);
    font-size: 0.82rem;
    flex: 1;
    cursor: pointer;
    transition: color 0.2s;
}

    .footer-item-label:hover[b-9x5x95jlfv] {
        color: #fff;
    }

.footer-user-info[b-9x5x95jlfv] {
    flex: 1;
    min-width: 0;
    cursor: pointer;
    overflow: hidden;
}

.footer-user-name[b-9x5x95jlfv] {
    display: block;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer-user-role[b-9x5x95jlfv] {
    display: block;
    color: rgba(255,255,255,0.45);
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ===================== BADGE ===================== */
.nav-badge[b-9x5x95jlfv] {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #e53935;
    color: #fff;
    font-size: 0.58rem;
    font-weight: 700;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 10px;
    min-width: 15px;
    text-align: center;
    pointer-events: none;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    animation: badgePop-b-9x5x95jlfv 0.3s ease;
}

@keyframes badgePop-b-9x5x95jlfv {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* ===================== POPOVER ===================== */
/* ===================== POPOVER ===================== */
.notif-popover[b-9x5x95jlfv] {
    width: 340px !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: 1px solid var(--border) !important;
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    animation: notifSlideIn-b-9x5x95jlfv 0.2s cubic-bezier(.16,1,.3,1);
}

@media (max-width: 640px) {
    .notif-popover[b-9x5x95jlfv] {
        width: calc(100vw - 16px) !important;
        border-radius: 14px !important;
    }
}

@keyframes notifSlideIn-b-9x5x95jlfv {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.97);
    }

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

/* ===================== FOOTER DO POPOVER ===================== */
.notif-footer[b-9x5x95jlfv] {
    border-top: 1px solid var(--border);
    padding: 8px 10px;
    background: var(--bg);
}

.notif-ver-todas[b-9x5x95jlfv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 8px 12px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: var(--primary-600);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
    gap: 4px;
}

    .notif-ver-todas:hover[b-9x5x95jlfv] {
        background: rgba(42,99,239,0.12);
    }

.notif-ver-badge[b-9x5x95jlfv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-600);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    border-radius: 10px;
    padding: 1px 6px;
    min-width: 18px;
    margin-left: 4px;
}

/* Item ativo no footer */
.nav-footer-item.notif-active[b-9x5x95jlfv] {
    background: rgba(42,99,239,0.15);
}

.notif-header[b-9x5x95jlfv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px 12px;
    border-bottom: 1px solid var(--border);
    background: var(--bg);
}

.notif-title[b-9x5x95jlfv] {
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--ink-900);
}

.notif-mark-all[b-9x5x95jlfv] {
    font-size: 0.72rem;
    color: var(--primary-600);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-weight: 500;
}

    .notif-mark-all:hover[b-9x5x95jlfv] {
        text-decoration: underline;
    }

.notif-clear-btn[b-9x5x95jlfv],
.notif-mode-btn[b-9x5x95jlfv],
.notif-close-btn[b-9x5x95jlfv] {
    background: none;
    border: none;
    color: var(--ink-500);
    cursor: pointer;
    font-size: 0.85rem;
    padding: 2px 6px;
    border-radius: 4px;
    transition: all 0.2s;
}

.notif-clear-btn:hover[b-9x5x95jlfv],
.notif-mode-btn:hover[b-9x5x95jlfv],
.notif-close-btn:hover[b-9x5x95jlfv] {
    background: rgba(42, 99, 239, 0.12);
    color: var(--ink-900);
}

.notif-list[b-9x5x95jlfv] {
    max-height: 340px;
    overflow-y: auto;
    background: var(--card-bg);
}

    .notif-list[b-9x5x95jlfv]::-webkit-scrollbar {
        width: 4px;
    }

    .notif-list[b-9x5x95jlfv]::-webkit-scrollbar-thumb {
        background: var(--border);
        border-radius: 4px;
    }

.notif-empty[b-9x5x95jlfv] {
    padding: 32px 16px;
    text-align: center;
    color: var(--ink-500);
    font-size: 0.82rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    background: var(--card-bg);
}

    .notif-empty i[b-9x5x95jlfv] {
        font-size: 1.8rem;
        color: var(--ink-500);
        opacity: 0.5;
    }

.notif-item[b-9x5x95jlfv] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    transition: background 0.15s;
    position: relative;
    background: var(--card-bg);
    color: var(--ink-900);
}

    .notif-item:last-child[b-9x5x95jlfv] {
        border-bottom: none;
    }

    .notif-item:hover[b-9x5x95jlfv] {
        background: rgba(42, 99, 239, 0.06);
    }

    .notif-item.notif-unread[b-9x5x95jlfv] {
        background: rgba(42, 99, 239, 0.12);
    }

        .notif-item.notif-unread:hover[b-9x5x95jlfv] {
            background: rgba(42, 99, 239, 0.18);
        }

.notif-item-title[b-9x5x95jlfv] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--ink-900);
    margin-bottom: 2px;
}

.notif-item-msg[b-9x5x95jlfv] {
    font-size: 0.8rem;
    color: var(--ink-600);
    line-height: 1.35;
    margin-bottom: 4px;
}

.notif-item-time[b-9x5x95jlfv] {
    font-size: 0.72rem;
    color: var(--ink-500);
}

.notif-icon-wrap[b-9x5x95jlfv] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    flex-shrink: 0;
    margin-top: 1px;
}

.notif-icon-assinaturafinalizada[b-9x5x95jlfv] {
    background: rgba(16, 185, 129, 0.15);
    color: #34d399;
}

.notif-icon-assinaturapendente[b-9x5x95jlfv] {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
}

.notif-icon-geral[b-9x5x95jlfv] {
    background: rgba(42, 99, 239, 0.15);
    color: #60a5fa;
}
    color: #f57f17;[b-9x5x95jlfv]
}

.notif-icon-geral[b-9x5x95jlfv] {
    background: #e8eaf6;
    color: #2A63EF;
}

.notif-content[b-9x5x95jlfv] {
    flex: 1;
    min-width: 0;
    cursor: pointer;
}

.notif-item-title[b-9x5x95jlfv] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 2px;
}

.notif-item-msg[b-9x5x95jlfv] {
    font-size: 0.76rem;
    color: #666;
    line-height: 1.35;
    margin-bottom: 4px;
    white-space: normal;
}

.notif-item-time[b-9x5x95jlfv] {
    font-size: 0.7rem;
    color: #bbb;
}

.notif-dot[b-9x5x95jlfv] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2A63EF;
    flex-shrink: 0;
    margin-top: 5px;
}

.notif-actions[b-9x5x95jlfv] {
    display: flex;
    gap: 4px;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

.notif-action-btn[b-9x5x95jlfv] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    color: #888;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
}

.notif-btn-check:hover[b-9x5x95jlfv] {
    background: #e8f5e9;
    color: #2e7d32;
    border-color: #a5d6a7;
}

.notif-clear-btn[b-9x5x95jlfv] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid rgba(229, 57, 53, 0.3);
    background: transparent;
    color: #e53935;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
}

    .notif-clear-btn:hover[b-9x5x95jlfv] {
        background: rgba(229, 57, 53, 0.08);
        border-color: #e53935;
    }
/* _content/PatrimonioGarbo/Components/Pages/AjusteEstoqueDetalhes.razor.rz.scp.css */
.dash-container[b-tg6jpb9a0z] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* ══════════════════════════════════════════════════════════════════════════
   CARDS DE MÉTRICAS
   ══════════════════════════════════════════════════════════════════════════ */

.metric-card[b-tg6jpb9a0z] {
    transition: transform 0.2s, box-shadow 0.2s;
}

.metric-card:hover[b-tg6jpb9a0z] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px var(--shadow-color) !important;
}

.metric-icon[b-tg6jpb9a0z] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    flex-shrink: 0;
}

.metric-icon-total[b-tg6jpb9a0z] {
    background: rgba(42, 99, 239, 0.1);
    color: var(--primary-500);
}

.metric-icon-entrada[b-tg6jpb9a0z] {
    background: rgba(40, 167, 69, 0.12);
    color: #28a745;
}

.metric-icon-saida[b-tg6jpb9a0z] {
    background: rgba(220, 53, 69, 0.12);
    color: #dc3545;
}

.metric-icon-natureza[b-tg6jpb9a0z] {
    background: rgba(172, 114, 238, 0.15);
    color: #8a3ffc;
}

.metric-label[b-tg6jpb9a0z] {
    font-size: 0.72rem;
    color: var(--ink-500);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.metric-value[b-tg6jpb9a0z] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--ink-900);
    margin-top: 2px;
}

.bg-purple[b-tg6jpb9a0z] {
    background-color: #8a3ffc !important;
}

[data-theme="dark"] .bg-purple[b-tg6jpb9a0z],
[data-bs-theme="dark"] .bg-purple[b-tg6jpb9a0z] {
    background-color: #a78bfa !important;
    color: #1a211e !important;
}

.fs-7[b-tg6jpb9a0z] {
    font-size: 0.75rem !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   INFO BOXES
   ══════════════════════════════════════════════════════════════════════════ */

.info-box[b-tg6jpb9a0z] {
    padding: 14px 16px;
    background: var(--input-bg);
    border-radius: 12px;
    height: 100%;
    border: 1px solid var(--border);
}

.info-label[b-tg6jpb9a0z] {
    font-size: 0.72rem;
    color: var(--ink-500);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}

.info-value[b-tg6jpb9a0z] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--ink-900);
}

.time-info[b-tg6jpb9a0z] {
    font-size: 0.85rem;
    color: var(--ink-500);
    font-weight: 400;
    margin-left: 6px;
}

/* ── Status Badge ─────────────────────────────────────────────────────────── */
.status-badge[b-tg6jpb9a0z] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.status-badge.status-pendente[b-tg6jpb9a0z] {
    background: rgba(255, 193, 7, 0.15);
    color: #d39e00;
}

.status-badge.status-entregue[b-tg6jpb9a0z] {
    background: rgba(40, 167, 69, 0.15);
    color: #28a745;
}

.status-badge.status-cancelada[b-tg6jpb9a0z] {
    background: rgba(108, 117, 125, 0.15);
    color: var(--ink-500);
}

/* ══════════════════════════════════════════════════════════════════════════
   TABELA CUSTOMIZADA
   ══════════════════════════════════════════════════════════════════════════ */

.custom-table[b-tg6jpb9a0z] {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 0;
}

.custom-table thead th[b-tg6jpb9a0z] {
    background: var(--input-bg);
    border-bottom: 2px solid var(--border);
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700);
    padding: 12px 16px;
}

.custom-table tbody tr[b-tg6jpb9a0z] {
    transition: background 0.2s;
    border-bottom: 1px solid var(--border);
}

.custom-table tbody tr:hover[b-tg6jpb9a0z] {
    background: rgba(42, 99, 239, 0.04);
}

/* Colunas de largura controlada */
.col-min-produto[b-tg6jpb9a0z] {
    min-width: 250px;
}

.col-w-tipo[b-tg6jpb9a0z] {
    width: 170px;
}

.col-w-quantidade[b-tg6jpb9a0z] {
    width: 150px;
}

/* Produto Info */
.produto-info[b-tg6jpb9a0z] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.produto-icon[b-tg6jpb9a0z] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(42, 99, 239, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: var(--primary-500);
    flex-shrink: 0;
}

.produto-codigo[b-tg6jpb9a0z] {
    font-size: 0.75rem;
    color: var(--ink-500);
    font-weight: 600;
}

.produto-nome[b-tg6jpb9a0z] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--ink-900);
}

.produto-detalhes[b-tg6jpb9a0z] {
    font-size: 0.72rem;
    margin-top: 2px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

/* ══════════════════════════════════════════════════════════════════════════
   OBSERVAÇÕES
   ══════════════════════════════════════════════════════════════════════════ */

.observacoes-box[b-tg6jpb9a0z] {
    padding: 16px;
    background: var(--input-bg);
    border-left: 4px solid var(--primary-500) !important;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--ink-700);
    line-height: 1.6;
    white-space: pre-wrap;
    font-size: 0.9rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .dash-container[b-tg6jpb9a0z] {
        padding: 1rem;
    }

    .metric-value[b-tg6jpb9a0z] {
        font-size: 1rem;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/AjusteEstoqueNovo.razor.rz.scp.css */
/* ── Container ────────────────────────────────────────────────────────── */
.dash-container[b-ozkzxrvmr5] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.banner-auditoria[b-ozkzxrvmr5] {
    background: rgba(42, 99, 239, 0.08);
    border-radius: 12px;
}

[data-theme="dark"] .banner-auditoria[b-ozkzxrvmr5],
[data-bs-theme="dark"] .banner-auditoria[b-ozkzxrvmr5] {
    background: rgba(42, 99, 239, 0.15);
    border: 1px solid rgba(84, 131, 242, 0.3) !important;
}

/* ── Tabela Customizada de Itens ────────────────────────────────────────── */
.custom-table[b-ozkzxrvmr5] {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 0;
}

.custom-table thead th[b-ozkzxrvmr5] {
    background: var(--input-bg);
    border-bottom: 2px solid var(--border);
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700);
    padding: 12px 16px;
}

.custom-table tbody tr[b-ozkzxrvmr5] {
    transition: background 0.2s;
    border-bottom: 1px solid var(--border);
}

.custom-table tbody tr:hover[b-ozkzxrvmr5] {
    background: rgba(42, 99, 239, 0.04);
}

.table-row-divergente[b-ozkzxrvmr5] {
    background-color: rgba(42, 99, 239, 0.02);
}

/* Colunas de largura controlada */
.col-min-produto[b-ozkzxrvmr5] {
    min-width: 250px;
}

.col-w-estoque[b-ozkzxrvmr5] {
    width: 140px;
}

.col-w-encontrada[b-ozkzxrvmr5] {
    width: 160px;
}

.col-w-calculado[b-ozkzxrvmr5] {
    width: 170px;
}

.col-min-motivo[b-ozkzxrvmr5] {
    min-width: 200px;
}

.col-w-acoes[b-ozkzxrvmr5] {
    width: 60px;
}

.input-qtd-largura[b-ozkzxrvmr5] {
    max-width: 110px;
}

/* ── Produto Info ────────────────────────────────────────────────────────── */
.produto-info[b-ozkzxrvmr5] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.produto-icon[b-ozkzxrvmr5] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(42, 99, 239, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: var(--primary-500);
    flex-shrink: 0;
}

.produto-codigo[b-ozkzxrvmr5] {
    font-size: 0.75rem;
    color: var(--ink-500);
    font-weight: 600;
}

.produto-nome[b-ozkzxrvmr5] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--ink-900);
    margin-top: 1px;
}

.produto-detalhes[b-ozkzxrvmr5] {
    font-size: 0.72rem;
    margin-top: 4px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.btn-action-sm[b-ozkzxrvmr5] {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

/* ── Modal de Seleção de Produtos ────────────────────────────────────────── */
.modal-selecionar-produtos[b-ozkzxrvmr5] {
    max-width: 750px !important;
}

.produtos-list[b-ozkzxrvmr5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.produto-item[b-ozkzxrvmr5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: 2px solid var(--border);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    background: var(--input-bg);
    color: var(--ink-900);
}

.produto-item:hover[b-ozkzxrvmr5] {
    border-color: var(--primary-500);
    background: rgba(42, 99, 239, 0.04);
    box-shadow: 0 4px 12px var(--shadow-color);
}

.produto-item-selected[b-ozkzxrvmr5] {
    border-color: var(--primary-500) !important;
    background-color: rgba(42, 99, 239, 0.08) !important;
}

.produto-item-info[b-ozkzxrvmr5] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.produto-item-icon[b-ozkzxrvmr5] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(42, 99, 239, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: var(--primary-500);
    flex-shrink: 0;
}

.produto-item-codigo[b-ozkzxrvmr5] {
    font-size: 0.75rem;
    color: var(--ink-500);
    font-weight: 600;
}

.produto-item-nome[b-ozkzxrvmr5] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--ink-900);
}

.produto-item-detalhes[b-ozkzxrvmr5] {
    font-size: 0.72rem;
    margin-top: 2px;
    display: flex;
    gap: 4px;
}

.produto-item-estoque[b-ozkzxrvmr5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6px 14px;
    border-radius: 8px;
    background: var(--card-bg);
    border: 1px solid var(--border);
}

.estoque-label[b-ozkzxrvmr5] {
    font-size: 0.65rem;
    color: var(--ink-500);
    font-weight: 600;
    text-transform: uppercase;
}

.estoque-value[b-ozkzxrvmr5] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--accent-700, #28a745);
}

.produto-remover[b-ozkzxrvmr5] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    transition: all 0.2s;
}

.produto-remover:hover[b-ozkzxrvmr5] {
    background: #dc3545;
    color: #ffffff;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .dash-container[b-ozkzxrvmr5] {
        padding: 1rem;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/AjustesEstoque.razor.rz.scp.css */
.dash-container[b-42rtxdkqw0] {
    padding: 1.5rem;
    max-width: 100%;
}

/* ══════════════════════════════════════════════════════════════════════════
   TABELA MODERNA DE AJUSTES
   ══════════════════════════════════════════════════════════════════════════ */

.ajustes-table-modern[b-42rtxdkqw0] {
    background: var(--card-bg);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px var(--shadow-color);
    border: 1px solid var(--border);
}

/* ── Header da Tabela ─────────────────────────────────────────────────────── */
.table-header-row[b-42rtxdkqw0] {
    display: grid;
    grid-template-columns: 100px 140px 160px 1.5fr 150px 120px 80px;
    gap: 12px;
    padding: 16px 20px;
    background: var(--input-bg);
    border-bottom: 2px solid var(--border);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700);
    align-items: center;
}

/* ── Linhas da Tabela ─────────────────────────────────────────────────────── */
.table-row[b-42rtxdkqw0] {
    display: grid;
    grid-template-columns: 100px 140px 160px 1.5fr 150px 120px 80px;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border);
    transition: all 0.2s ease;
    cursor: pointer;
    align-items: center;
    background: var(--card-bg);
}

.table-row:hover[b-42rtxdkqw0] {
    background: rgba(42, 99, 239, 0.04);
    box-shadow: inset 4px 0 0 var(--primary-500);
}

.table-row:last-child[b-42rtxdkqw0] {
    border-bottom: none;
}

/* ── Células ──────────────────────────────────────────────────────────────── */
.table-cell[b-42rtxdkqw0] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--ink-900);
    overflow: hidden;
}

/* ── ID Badge ─────────────────────────────────────────────────────────────── */
.id-badge[b-42rtxdkqw0] {
    background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-400) 100%);
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.85rem;
    display: inline-block;
}

/* ── Date Info ────────────────────────────────────────────────────────────── */
.date-info[b-42rtxdkqw0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.time-info[b-42rtxdkqw0] {
    font-size: 0.75rem;
    color: var(--ink-500);
}

/* ── Tipo Badge ───────────────────────────────────────────────────────────── */
.tipo-badge[b-42rtxdkqw0] {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
}

.tipo-badge.tipo-misto[b-42rtxdkqw0] {
    background: rgba(172, 114, 238, 0.15);
    color: #8a3ffc;
    border: 1px solid rgba(172, 114, 238, 0.3);
}

.tipo-badge.tipo-entrada[b-42rtxdkqw0] {
    background: rgba(40, 167, 69, 0.12);
    color: #28a745;
    border: 1px solid rgba(40, 167, 69, 0.25);
}

.tipo-badge.tipo-saida[b-42rtxdkqw0] {
    background: rgba(220, 53, 69, 0.12);
    color: #dc3545;
    border: 1px solid rgba(220, 53, 69, 0.25);
}

[data-theme="dark"] .tipo-badge.tipo-misto[b-42rtxdkqw0],
[data-bs-theme="dark"] .tipo-badge.tipo-misto[b-42rtxdkqw0] {
    color: #c792ea;
}

[data-theme="dark"] .tipo-badge.tipo-entrada[b-42rtxdkqw0],
[data-bs-theme="dark"] .tipo-badge.tipo-entrada[b-42rtxdkqw0] {
    color: #4ade80;
}

[data-theme="dark"] .tipo-badge.tipo-saida[b-42rtxdkqw0],
[data-bs-theme="dark"] .tipo-badge.tipo-saida[b-42rtxdkqw0] {
    color: #f87171;
}

/* ── Items Badge ──────────────────────────────────────────────────────────── */
.items-badge[b-42rtxdkqw0] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    background: rgba(42, 99, 239, 0.1);
    color: var(--primary-500);
    display: inline-block;
}

.fs-7[b-42rtxdkqw0] {
    font-size: 0.75rem !important;
}

/* ── User Info ────────────────────────────────────────────────────────────── */
.user-info[b-42rtxdkqw0] {
    display: flex;
    align-items: center;
    font-size: 0.85rem;
    color: var(--ink-700);
    font-weight: 500;
}

.user-name-truncate[b-42rtxdkqw0] {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Status Badge ─────────────────────────────────────────────────────────── */
.status-badge[b-42rtxdkqw0] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.status-badge.status-pendente[b-42rtxdkqw0] {
    background: rgba(255, 193, 7, 0.15);
    color: #d39e00;
}

.status-badge.status-entregue[b-42rtxdkqw0] {
    background: rgba(40, 167, 69, 0.15);
    color: #28a745;
}

.status-badge.status-cancelada[b-42rtxdkqw0] {
    background: rgba(108, 117, 125, 0.15);
    color: var(--ink-500);
}

/* ── Actions ──────────────────────────────────────────────────────────────── */
.cell-actions[b-42rtxdkqw0] {
    justify-content: center;
    overflow: visible;
}

.action-buttons[b-42rtxdkqw0] {
    display: flex;
    gap: 6px;
}

.btn-action[b-42rtxdkqw0] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
}

.btn-action-primary[b-42rtxdkqw0] {
    background: rgba(42, 99, 239, 0.1);
    color: var(--primary-500);
}

.btn-action-primary:hover[b-42rtxdkqw0] {
    background: var(--primary-500);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px var(--shadow-color);
}

/* ── Empty State ──────────────────────────────────────────────────────────── */
.empty-state[b-42rtxdkqw0] {
    text-align: center;
    padding: 60px 20px;
    color: var(--ink-500);
}

.empty-state i[b-42rtxdkqw0] {
    font-size: 3.5rem;
    margin-bottom: 16px;
    opacity: 0.4;
    display: block;
}

.empty-state h5[b-42rtxdkqw0] {
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--ink-700);
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 992px) {
    .table-header-row[b-42rtxdkqw0],
    .table-row[b-42rtxdkqw0] {
        grid-template-columns: 80px 120px 140px 1fr 100px 70px;
    }

    .cell-user[b-42rtxdkqw0] {
        display: none;
    }
}

@media (max-width: 768px) {
    .dash-container[b-42rtxdkqw0] {
        padding: 1rem;
    }

    .table-header-row[b-42rtxdkqw0],
    .table-row[b-42rtxdkqw0] {
        grid-template-columns: 70px 1fr 90px 70px;
        gap: 8px;
        padding: 12px 16px;
    }

    .cell-date[b-42rtxdkqw0],
    .cell-user[b-42rtxdkqw0],
    .cell-items[b-42rtxdkqw0] {
        display: none;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/Assets Pages/AssetEdit.razor.rz.scp.css */
/* Overlay: centraliza e permite rolagem quando exceder a viewport */
.overlay-top-center[b-3yho67wcf6] {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding-top: 24px;
    /* ocupa tela inteira escurecida */
    min-height: 100dvh; /* viewport din�mica (Chrome/Android/iOS novo) */
    min-height: calc(var(--vh, 1vh) * 100); /* fallback iOS antigo */
    overflow-y: auto;
}

/* Retirar animação do custom-card */
.custom-card[b-3yho67wcf6] {
transform: none !important;
}

/* Conte�do do overlay com limites responsivos */
.conteudo-overlay[b-3yho67wcf6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #fff;
    padding: 14px 14px 10px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,.25);
    max-width: 95vw;
    max-height: calc(100dvh - 48px);
    max-height: calc(var(--vh, 1vh) * 100 - 48px);
    overflow: hidden;
}

/* Scanner: desktop padr�o */
#barcode-scanner[b-3yho67wcf6] {
    position: relative;
    width: 640px;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    border: 2px solid #ddd;
    border-radius: 10px;
    background: #000;
    overflow: hidden;
    flex: 1 0 auto;
}

    /* V�deo / canvas ajustados */
    #barcode-scanner video[b-3yho67wcf6],
    #barcode-scanner canvas[b-3yho67wcf6] {
        position: absolute;
        inset: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain; /* evita cortar imagem */
        display: block;
    }

.conteudo-overlay > div:last-child[b-3yho67wcf6] {
    display: flex;
    justify-content: center;
    padding-top: 4px;
}

.avatar-circle-lg[b-3yho67wcf6] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.initials-lg[b-3yho67wcf6] {
    color: #fff;
    font-weight: 700;
    font-size: 1.25rem;
}

.avatar-circle-sm[b-3yho67wcf6] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-500) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.initials-sm[b-3yho67wcf6] {
    color: #fff;
    font-weight: 600;
    font-size: 0.75rem;
}

.autocomplete-custom .mud-input-label[b-3yho67wcf6],
.autocomplete-custom .mud-input-label.mud-shrink[b-3yho67wcf6] {
    transform: translate(12px, -8px) scale(0.85);
}

.autocomplete-custom .mud-input-outlined .mud-input-outlined-border[b-3yho67wcf6] {
    border-color: #2A63EF !important;
}

.autocomplete-custom .mud-input-outlined.mud-focus-within .mud-input-outlined-border[b-3yho67wcf6] {
    border-color: #2152d6 !important;
}

.autocomplete-custom .mud-input-label[b-3yho67wcf6],
.autocomplete-custom .mud-input-adornment[b-3yho67wcf6],
.autocomplete-custom .mud-input-clear-button[b-3yho67wcf6] {
    color: #2A63EF !important;
}

.autocomplete-custom .mud-progress-circular[b-3yho67wcf6] {
    color: #2A63EF !important;
}

@media (max-width: 576px) {
    .conteudo-overlay[b-3yho67wcf6] {
        padding: 10px;
        border-radius: 12px;
        max-width: 100vw;
        max-height: 92vh;
    }

    #barcode-scanner[b-3yho67wcf6] {
        width: 100vw;
        max-width: 100vw;
        height: 70vh;
        aspect-ratio: auto;
    }
}

@media (orientation: portrait) {
    #barcode-scanner[b-3yho67wcf6] {
        width: 100vw;
        max-width: 100vw;
        height: 65vh;
        aspect-ratio: auto;
    }
}

/* Respeita usu�rios com motion reduzido (j� existente) */
@media (prefers-reduced-motion: reduce) {
    .custom-card[b-3yho67wcf6],
    .custom-mini-card[b-3yho67wcf6] {
        transition: box-shadow .2s !important;
        transform: none !important;
    }

        .custom-card:hover[b-3yho67wcf6],
        .custom-mini-card:hover[b-3yho67wcf6] {
            transform: none !important;
        }
}

/* ==========================================
   TIMELINE - HISTÓRICO DE RESPONSÁVEIS
   ========================================== */
.timeline[b-3yho67wcf6] {
    position: relative;
    padding-left: 30px;
}
.timeline[b-3yho67wcf6]::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 15px;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, #2a63ef, #9db8f8 45%, #dbe5ff 80%, #edf2ff 100%);
}
.timeline-item[b-3yho67wcf6] {
    position: relative;
    margin-bottom: 1.2rem;
}
.timeline-item:last-child[b-3yho67wcf6] {
    margin-bottom: 0;
}
.timeline-marker[b-3yho67wcf6] {
    position: absolute;
    left: -30px;
    top: 16px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #b7c8f4;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #d3def9;
    z-index: 1;
}
.timeline-marker.active[b-3yho67wcf6] {
    background: #28a745;
    box-shadow: 0 0 0 2px #28a745, 0 0 10px rgba(40, 167, 69, 0.45);
    animation: pulse-b-3yho67wcf6 2s infinite;
}
@keyframes pulse-b-3yho67wcf6 {
    0%, 100% {
        box-shadow: 0 0 0 2px #28a745, 0 0 8px rgba(40, 167, 69, 0.5);
    }
    50% {
        box-shadow: 0 0 0 2px #28a745, 0 0 12px rgba(40, 167, 69, 0.8);
    }
}
.timeline-content[b-3yho67wcf6] {
    background: var(--card-bg, #ffffff);
    padding: 1rem 1.1rem;
    border-radius: 0.85rem;
    border: 1px solid var(--border, #e6ecfb);
    box-shadow: 0 4px 10px rgba(42, 99, 239, 0.08);
}
.timeline-content-active[b-3yho67wcf6] {
    border-color: var(--primary-500, #a9c2fb);
    box-shadow: 0 6px 14px rgba(42, 99, 239, 0.14);
}
.timeline-header[b-3yho67wcf6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--border, #d8e1f7);
}
.timeline-header strong[b-3yho67wcf6] {
    color: var(--ink-900, #212529);
    font-size: 0.98rem;
}
.timeline-user[b-3yho67wcf6] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
.timeline-user small[b-3yho67wcf6] {
    font-size: 0.8rem;
    color: var(--ink-500, #6c757d);
}
.timeline-status-badge[b-3yho67wcf6] {
    border-radius: 999px;
    padding: 0.28rem 0.7rem;
    font-size: 0.74rem;
    font-weight: 700;
    white-space: nowrap;
}
.timeline-status-badge.status-active[b-3yho67wcf6] {
    background: rgba(40, 167, 69, 0.15);
    color: #28a745;
}
.timeline-status-badge.status-finished[b-3yho67wcf6] {
    background: rgba(108, 117, 125, 0.14);
    color: var(--ink-700, #4f5a65);
}
.timeline-details[b-3yho67wcf6] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}
.timeline-period-grid[b-3yho67wcf6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}
.timeline-period-item[b-3yho67wcf6] {
    background: var(--input-bg, #f4f7ff);
    border: 1px solid var(--border, #e2eafe);
    border-radius: 0.65rem;
    padding: 0.55rem 0.65rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
.timeline-period-label[b-3yho67wcf6] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--ink-500, #6f7ca2);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.timeline-period-value[b-3yho67wcf6] {
    font-size: 0.83rem;
    color: var(--ink-900, #334056);
}
.timeline-duration[b-3yho67wcf6],
.timeline-reason[b-3yho67wcf6],
.timeline-obs[b-3yho67wcf6] {
    font-size: 0.875rem;
    color: var(--ink-700, #6c757d);
}
.timeline-period-value i[b-3yho67wcf6],
.timeline-duration i[b-3yho67wcf6],
.timeline-reason i[b-3yho67wcf6],
.timeline-obs i[b-3yho67wcf6] {
    color: var(--primary-500, #2a63ef);
    width: 16px;
    text-align: center;
}
.timeline-reason strong[b-3yho67wcf6],
.timeline-obs strong[b-3yho67wcf6] {
    color: var(--ink-900, #495057);
}

/* ==========================================
   MODAL DE MOTIVO DE TROCA DE RESPONSÁVEL
   ========================================== */
.motivo-overlay[b-3yho67wcf6] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 80px;
    z-index: 1050;
}
.motivo-modal[b-3yho67wcf6] {
    width: clamp(320px, 90vw, 550px);
    background: #fff;
    border-radius: 1.1rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
    padding: 24px;
    display: flex;
    flex-direction: column;
    animation: modalIn-b-3yho67wcf6 0.25s ease;
}
@keyframes modalIn-b-3yho67wcf6 {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================
   MODAL DE PREVIEW DE IMAGEM
   ========================================== */
.image-preview-overlay[b-3yho67wcf6] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
    padding: 16px;
    backdrop-filter: blur(4px);
}

.image-preview-modal[b-3yho67wcf6] {
    width: clamp(280px, 90vw, 800px);
    max-height: 90vh;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: imageModalIn-b-3yho67wcf6 0.25s ease-out;
}

.image-preview-header[b-3yho67wcf6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #dee2e6;
    background: #f8f9fa;
}

.btn-close-preview[b-3yho67wcf6] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: #6c757d;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-close-preview:hover[b-3yho67wcf6] {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.05);
}

.image-preview-body[b-3yho67wcf6] {
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f1f3f5;
    overflow-y: auto;
    max-height: calc(90vh - 55px);
}

.image-preview-content[b-3yho67wcf6] {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@keyframes imageModalIn-b-3yho67wcf6 {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* ==========================================
   OBSERVAÇÕES - MODO CLARO E ESCURO
   ========================================== */
.list-group[b-3yho67wcf6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.list-group-item[b-3yho67wcf6] {
    background-color: var(--card-bg, #ffffff) !important;
    border: 1px solid var(--border, #dee2e6) !important;
    border-radius: 12px !important;
    color: var(--ink-900, #212529) !important;
    padding: 1rem 1.15rem;
    box-shadow: 0 2px 8px var(--shadow-color, rgba(0, 0, 0, 0.04));
    transition: all 0.2s ease;
}

.list-group-item strong[b-3yho67wcf6] {
    color: var(--ink-900, #212529) !important;
}

.list-group-item p[b-3yho67wcf6] {
    color: var(--ink-800, #334056) !important;
}

[data-theme="dark"] .list-group-item[b-3yho67wcf6] {
    background-color: var(--card-bg) !important;
    border-color: var(--border) !important;
    color: var(--ink-900) !important;
}

[data-theme="dark"] .list-group-item p[b-3yho67wcf6] {
    color: var(--ink-900) !important;
}

[data-theme="dark"] .list-group-item strong[b-3yho67wcf6] {
    color: var(--ink-900) !important;
}

/* ==========================================
   MODAL DE DETALHES DE LOG - MODO CLARO E ESCURO
   ========================================== */
.modal-overlay[b-3yho67wcf6] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.modal-panel[b-3yho67wcf6] {
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    width: 100%;
    overflow: hidden;
}

.modal-panel-md[b-3yho67wcf6] {
    max-width: 620px;
}

.modal-panel-header[b-3yho67wcf6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);
    color: #ffffff;
    flex-shrink: 0;
}

.modal-panel-body[b-3yho67wcf6] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-panel-footer[b-3yho67wcf6] {
    padding: 1rem 1.5rem;
    background: var(--bg);
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-shrink: 0;
}

.log-details-summary[b-3yho67wcf6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    background-color: var(--bg);
    padding: 14px 18px;
    border-radius: 10px;
    border: 1px solid var(--border);
}

.summary-item[b-3yho67wcf6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.summary-label[b-3yho67wcf6] {
    font-size: 0.72rem;
    text-transform: uppercase;
    color: var(--ink-500);
    font-weight: 700;
    letter-spacing: 0.5px;
}

.summary-val[b-3yho67wcf6] {
    font-size: 0.875rem;
    color: var(--ink-900);
    font-weight: 600;
}

@media (max-width: 576px) {
    .log-details-summary[b-3yho67wcf6] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

.details-table-modern[b-3yho67wcf6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.details-table-modern th[b-3yho67wcf6] {
    font-weight: 700;
    color: var(--ink-500);
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.5px;
    padding: 10px 8px;
    border-bottom: 2px solid var(--border);
    text-align: left;
}

.details-table-modern td[b-3yho67wcf6] {
    padding: 12px 8px;
    border-bottom: 1px solid var(--border);
    color: var(--ink-900);
    vertical-align: middle;
}

.details-table-modern tr:last-child td[b-3yho67wcf6] {
    border-bottom: none;
}

.field-name[b-3yho67wcf6] {
    font-weight: 600;
    color: var(--ink-900);
}

.change-arrow[b-3yho67wcf6] {
    text-align: center;
    font-size: 0.75rem;
    color: var(--ink-500) !important;
}

.val-old[b-3yho67wcf6] {
    color: #ef4444;
    background-color: rgba(239, 68, 68, 0.12);
    padding: 3px 8px;
    border-radius: 6px;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.775rem;
    display: inline-block;
    word-break: break-all;
    border: 1px solid rgba(239, 68, 68, 0.25);
}

.val-new[b-3yho67wcf6] {
    color: #10b981;
    background-color: rgba(16, 185, 129, 0.12);
    padding: 3px 8px;
    border-radius: 6px;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.775rem;
    display: inline-block;
    word-break: break-all;
    border: 1px solid rgba(16, 185, 129, 0.25);
}

.val-empty[b-3yho67wcf6] {
    color: var(--ink-500);
    font-style: italic;
    font-size: 0.775rem;
    opacity: 0.7;
}

.btn-custom-outline-secondary[b-3yho67wcf6] {
    border: 1px solid var(--border);
    background: transparent;
    color: var(--ink-700);
    border-radius: 0.75rem;
}

.btn-custom-outline-secondary:hover[b-3yho67wcf6] {
    background: var(--bg);
    color: var(--ink-900);
}
/* _content/PatrimonioGarbo/Components/Pages/Assets.razor.rz.scp.css */
.custom-card[b-ski8g5itxd] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg);
position: relative;
}

.custom-card:hover[b-ski8g5itxd] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
    z-index: 1;
}

.custom-card:has(.menu-open)[b-ski8g5itxd] {
    z-index: 10000 !important;
    overflow: visible !important;
}

.custom-mini-card[b-ski8g5itxd] {
    display: flex;
    flex-direction: column;
    border: none !important;
    border-radius: 1rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, .13), 0 2px 4px 0 rgba(42, 99, 239, .11);
    background: var(--card-bg);
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.custom-mini-card:hover[b-ski8g5itxd] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, .19), 0 4px 8px 0 rgba(42, 99, 239, .15);
    z-index: 1;
}

.custom-mini-card:has(.menu-open)[b-ski8g5itxd] {
    z-index: 10000 !important;
    overflow: visible !important;
}

.custom-mini-card.selected[b-ski8g5itxd] {
    border-color: var(--primary-500);
    background: linear-gradient(135deg, var(--primary-50) 0%, var(--white) 100%);
    box-shadow: 0 4px 20px rgba(42, 99, 239, 0.18);
}

.custom-mini-card.selectable[b-ski8g5itxd] {
    transition: transform 0.2s ease;
}

.custom-mini-card.selectable:hover[b-ski8g5itxd] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.15);
}

.custom-mini-card.selectable:active[b-ski8g5itxd] {
    transform: scale(0.98);
}

/* Scanner mode toggle */
.scanner-mode-toggle .btn-group[b-ski8g5itxd] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
    border-radius: 8px;
    overflow: hidden;
}

.scanner-mode-toggle .btn[b-ski8g5itxd] {
    font-weight: 600;
    font-size: 0.9rem;
    padding: 10px 16px;
    border-radius: 0;
}

/* Asset Card */
.asset-card[b-ski8g5itxd] {
    display: flex;
    flex-direction: column;
    background: var(--card-bg);
    border: 2px solid var(--border);
    border-radius: 14px;
    padding: 14px;
    cursor: pointer;
    transition: box-shadow 0.25s cubic-bezier(.25, .8, .25, 1), border-color 0.25s cubic-bezier(.25, .8, .25, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    position: relative;
}

.asset-card:hover[b-ski8g5itxd] {
    border-color: var(--primary-400);
    box-shadow: 0 6px 20px rgba(42, 99, 239, 0.15);
    z-index: 1;
}

.asset-card.selected[b-ski8g5itxd] {
    border-color: var(--primary-500);
    background: linear-gradient(135deg, var(--primary-50) 0%, var(--white) 100%);
    box-shadow: 0 4px 20px rgba(42, 99, 239, 0.18);
}

.asset-card.selectable:hover[b-ski8g5itxd] {
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.15);
    border-color: var(--primary-400);
}

/* Quando o menu esta aberto, elevar este card MUITO acima dos demais */
.asset-card:has(.menu-open)[b-ski8g5itxd] {
    z-index: 10000 !important;
    overflow: visible !important;
}

/* Animações Cards */
@keyframes cardEnter-b-ski8g5itxd {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

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

@keyframes cardExit-b-ski8g5itxd {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0.95);
    }
}

.card-enter[b-ski8g5itxd] {
    animation: cardEnter-b-ski8g5itxd 0.25s ease forwards;
}

.card-exit[b-ski8g5itxd] {
    animation: cardExit-b-ski8g5itxd 0.2s ease forwards;
}


.selection-badge[b-ski8g5itxd] {
    position: absolute;
    z-index: 11;
    top: -8px;
    right: -8px;
    width: 28px;
    height: 28px;
    background: var(--primary-500);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.85rem;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.3);
    animation: badgePop-b-ski8g5itxd 0.2s ease;
}

@keyframes badgePop-b-ski8g5itxd {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}


/* Overlay: centraliza e permite rolagem quando exceder a viewport */
.overlay-top-center[b-ski8g5itxd] {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding-top: 24px;
    /* ocupa tela inteira escurecida */
    min-height: 100dvh;
    /* viewport dinâmica (Chrome/Android/iOS novo) */
    min-height: calc(var(--vh, 1vh) * 100);
    /* fallback iOS antigo */
    overflow-y: auto;
}

/* Conteúdo do overlay com limites responsivos */
.conteudo-overlay[b-ski8g5itxd] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #fff;
    padding: 14px 14px 10px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
    max-width: 95vw;
    max-height: calc(100dvh - 48px);
    max-height: calc(var(--vh, 1vh) * 100 - 48px);
    overflow: hidden;
}

/* Scanner: desktop padrão */
#barcode-scanner[b-ski8g5itxd] {
    position: relative;
    width: 640px;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    border: 2px solid #ddd;
    border-radius: 10px;
    background: #000;
    overflow: hidden;
    flex: 1 0 auto;
}

/* Vídeo / canvas ajustados */
#barcode-scanner video[b-ski8g5itxd],
#barcode-scanner canvas[b-ski8g5itxd] {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    /* evita cortar imagem */
    display: block;
}

.conteudo-overlay>div:last-child[b-ski8g5itxd] {
    display: flex;
    justify-content: center;
    padding-top: 4px;
}

@media (max-width: 576px) {
    .conteudo-overlay[b-ski8g5itxd] {
        padding: 10px;
        border-radius: 12px;
        max-width: 100vw;
        max-height: 92vh;
    }

    #barcode-scanner[b-ski8g5itxd] {
        width: 100vw;
        max-width: 100vw;
        height: 70vh;
        aspect-ratio: auto;
    }
}

@media (orientation: portrait) {
    #barcode-scanner[b-ski8g5itxd] {
        width: 100vw;
        max-width: 100vw;
        height: 65vh;
        aspect-ratio: auto;
    }
}

/* Respeita usuários com motion reduzido (já existente) */
@media (prefers-reduced-motion: reduce) {

    .custom-card[b-ski8g5itxd],
    .custom-mini-card[b-ski8g5itxd] {
        transition: box-shadow .2s !important;
        transform: none !important;
    }

    .custom-card:hover[b-ski8g5itxd],
    .custom-mini-card:hover[b-ski8g5itxd] {
        transform: none !important;
    }
}

/* Botões */

.btn[b-ski8g5itxd] {
    border-radius: 12px;
    font-weight: 600;
    transition: all 0.3s ease;
    font-size: 0.95rem;
}

.btn:hover[b-ski8g5itxd] {
    transform: translateY(-2px);
}

.btn:active[b-ski8g5itxd] {
    transform: translateY(0);
}

.btn-custom-outlined-primary[b-ski8g5itxd] {
    border: 2px solid #2A63EF;
    color: #2A63EF;
    background-color: transparent;
}

.btn-custom-outlined-primary:hover[b-ski8g5itxd],
.btn-custom-outlined-primary:focus[b-ski8g5itxd] {
    background-color: #2152d6;
    border-color: #2152d6;
    color: #fff;
}

.btn-custom-primary[b-ski8g5itxd] {
    background-color: #2A63EF;
    color: #fff;
    border: none;
}

.btn-custom-primary:hover[b-ski8g5itxd],
.btn-custom-primary:focus[b-ski8g5itxd] {
    background-color: #2152d6;
    color: #fff;
}

.btn-outline-danger[b-ski8g5itxd] {
    border-radius: .75rem;
}

.btn[b-ski8g5itxd] {
    border-radius: .75rem;
}

/* Card relativo */
.mini-card.custom-mini-card[b-ski8g5itxd] {
    position: relative;
    padding: 10px 14px 14px 14px;
}

/* Cabeçalho (Tag) */
.mc-head[b-ski8g5itxd] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.mc-tag[b-ski8g5itxd] {
    font-weight: 600;
    font-size: .80rem;
    letter-spacing: .5px;
}

/* Container para badges no canto superior direito */
.badge-container[b-ski8g5itxd] {
    position: absolute;
    top: 8px;
    right: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    z-index: 10;
}

/* Unidade Card */
.badge-unidade[b-ski8g5itxd] {
    display: inline-block;
    font-size: .78rem;
    padding: 4px 10px;
    border-radius: 14px;
    white-space: nowrap;
    background: var(--primary-50, #eaf7f1);
    color: var(--primary-400, #2457a6);
}

/* Badge Localidade */
.badge-localidade[b-ski8g5itxd] {
    display: inline-block;
    font-size: .68rem;
    padding: 2px 8px;
    border-radius: 12px;
    background: var(--input-bg, #fdeae6);
    color: var(--ink-900, #d9481d);
    white-space: nowrap;
}

.mc-row[b-ski8g5itxd] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.mc-icon[b-ski8g5itxd] {
    font-size: 1rem;
    color: #2A63EF;
}

.mc-title .fw-bold[b-ski8g5itxd] {
    font-size: .78rem;
}

/* Info */
.mc-info[b-ski8g5itxd] {
    font-size: .70rem;
    margin-bottom: 6px;
}

.mc-info .label[b-ski8g5itxd] {
    font-weight: 600;
}

/* Linha do responsável nos cards */
.mc-info .resp-line[b-ski8g5itxd] {
    margin-top: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
}

.mc-info .resp-name[b-ski8g5itxd] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: .68rem;
    padding: 2px 8px;
    border-radius: 12px;
    background: var(--input-bg, #eef5ff);
    color: var(--primary-400, #2457a6);
}

.mc-info .resp-name i[b-ski8g5itxd] {
    font-size: .65rem;
    color: #2457a6;
}

/* Rodapé: status + ações */
.mc-footer[b-ski8g5itxd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 4px;
    gap: 6px;
    overflow: visible !important;
}

.mc-footer>.d-flex[b-ski8g5itxd] {
    min-width: 0;
    overflow: visible !important;
    flex: 1 1 0;
    flex-wrap: nowrap;
}

.mc-footer>.d-flex>span[b-ski8g5itxd],
.mc-footer>.d-flex>.mud-tooltip-root[b-ski8g5itxd] {
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mc-actions[b-ski8g5itxd] {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
    margin-left: auto;
}

/* Esconder botões inline em cards pequenos */
@container (max-width: 300px) {
    .mc-actions .btn:not(:last-child)[b-ski8g5itxd],
    .mc-actions .btn-action:not(:last-child)[b-ski8g5itxd] {
        display: none;
    }
}

/* Se o navegador não suportar @container, use media queries */
@media (max-width: 768px) {
    .mc-actions .btn:not(:last-child)[b-ski8g5itxd],
    .mc-actions .btn-action:not(:last-child)[b-ski8g5itxd] {
        display: none;
    }
}

.mc-status-inline[b-ski8g5itxd] {
    font-size: .60rem;
    padding: 4px 10px;
    border-radius: 14px;
    white-space: nowrap;
}

/* Base status */
.badge-status[b-ski8g5itxd] {
    display: inline-block;
    font-weight: 600;
    font-size: .78rem;
    letter-spacing: .3px;
    line-height: 1.1;
}

/* Cores status */
.badge-status-ativo[b-ski8g5itxd] {
    background: #e6f7ed;
    color: #0f7d3d;
}

.badge-status-inativo[b-ski8g5itxd] {
    background: #f0f0f0;
    color: #666;
}

.badge-status-manutencao[b-ski8g5itxd] {
    background: #fff4e0;
    color: #b67200;
}

.badge-status-descartado[b-ski8g5itxd] {
    background: #ffe5e5;
    color: #c52525;
}

/* Tabela compacta com cabeçalho fixo e badges */
.custom-table-wrapper[b-ski8g5itxd] {
    max-height: 60vh;
    overflow: auto;
    border-radius: .75rem;
    border: 1px solid #eef3f0;
}

.custom-table[b-ski8g5itxd] {
    margin: 0;
    font-size: .84rem;
}

.custom-thead[b-ski8g5itxd] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f9fbfa;
    box-shadow: inset 0 -1px 0 #e6ece8;
}

.custom-table tbody tr:hover[b-ski8g5itxd] {
    background: #f7fffa;
}

/* Badge de unidade na tabela (similar ao card, menor) */
.badge-unidade-table[b-ski8g5itxd] {
    display: inline-block;
    font-size: .68rem;
    padding: 4px 10px;
    border-radius: 14px;
    background: #eaf7f1;
    color: #2457a6;
    white-space: nowrap;
}

/* Badge de status na tabela: tamanho adequado para célula */
.badge-status-table[b-ski8g5itxd] {
    font-size: .70rem;
    padding: 4px 10px;
    border-radius: 14px;
    white-space: nowrap;
}

/* Reuso das cores já definidas */
.badge-status-ativo[b-ski8g5itxd] {
    background: #e6f7ed;
    color: #0f7d3d;
}

.badge-status-inativo[b-ski8g5itxd] {
    background: #f0f0f0;
    color: #666;
}

.badge-status-manutencao[b-ski8g5itxd] {
    background: #fff4e0;
    color: #b67200;
}

.badge-status-descartado[b-ski8g5itxd] {
    background: #ffe5e5;
    color: #c52525;
}

/* Badge de responsável na tabela */
.badge-resp[b-ski8g5itxd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    font-size: .72rem;
    font-weight: 600;
    border-radius: 14px;
    background: #eef5ff;
    color: #2457a6;
    white-space: nowrap;
}

.badge-resp i[b-ski8g5itxd] {
    color: #2457a6;
}

/* Desabilita o efeito de levantar no card de filtros */
.card.custom-card.no-lift[b-ski8g5itxd],
.card.custom-card.no-lift:hover[b-ski8g5itxd],
.card.custom-card.no-lift:active[b-ski8g5itxd] {
    transform: none !important;
    will-change: auto !important;
    overflow: visible !important;
}

.avatar-circle[b-ski8g5itxd] {
    width: 30px;
    height: 30px;
    background-color: #eef5ff;
    color: #2457a6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.80rem;
}

/* MODO RETRATO MOBILE: reduz altura para não cortar botão */
@media (max-width: 600px) and (orientation: portrait) {
    .conteudo-overlay[b-ski8g5itxd] {
        width: 100vw;
        max-width: 100vw;
        padding: 12px 12px 8px;
        border-radius: 0 0 16px 16px;
        max-height: 100dvh;
        max-height: calc(var(--vh, 1vh) * 100);
    }

    #barcode-scanner[b-ski8g5itxd] {
        width: 100%;
        aspect-ratio: 3 / 4;
        /* aproxima formato da câmera em pé */
        max-height: 70dvh;
        max-height: calc(var(--vh, 1vh) * 70);
    }
}

/* MODO PAISAGEM MOBILE: prioriza largura */
@media (max-width: 800px) and (orientation: landscape) {
    #barcode-scanner[b-ski8g5itxd] {
        aspect-ratio: 16 / 9;
        max-height: 60dvh;
        max-height: calc(var(--vh, 1vh) * 60);
    }
}

/* WhatsApp Overlay no topo da página */
.whats-overlay[b-ski8g5itxd],
.whats-overlay.mud-overlay[b-ski8g5itxd],
.whats-overlay>.mud-overlay-content[b-ski8g5itxd] {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding-top: calc(env(safe-area-inset-top, 0px) + 16px) !important;
    min-height: 100dvh;
    /* garante altura da viewport dinâmica */
}

/* Context Menu */
.context-menu[b-ski8g5itxd] {
    position: fixed;
    z-index: 9999;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
    min-width: 220px;
    max-width: 280px;
    overflow: hidden;
    animation: contextMenuFadeIn-b-ski8g5itxd 0.15s ease-out;
}

@keyframes contextMenuFadeIn-b-ski8g5itxd {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.context-menu-backdrop[b-ski8g5itxd] {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: transparent;
}

.context-menu-header[b-ski8g5itxd] {
    padding: 12px 16px;
    border-bottom: 1px solid #eee;
    font-size: 0.85rem;
    background: #f8f9fa;
}

.context-menu-item[b-ski8g5itxd] {
    display: block;
    width: 100%;
    padding: 10px 16px;
    border: none;
    background: white;
    text-align: left;
    font-size: 0.9rem;
    transition: background .15s;
    cursor: pointer;
    color: #333;
}

.context-menu-item:hover[b-ski8g5itxd] {
    background: #f5f5f5;
}

.context-menu-item.text-danger:hover[b-ski8g5itxd] {
    background: #fff5f5;
    color: #dc3545;
}

.context-menu-divider[b-ski8g5itxd] {
    height: 1px;
    background: #eee;
    margin: 4px 0;
}

/* Estilo para MudMenu nos cards e tabela */
[b-ski8g5itxd] .mud-menu-card .mud-button-root,
[b-ski8g5itxd] .mud-menu-table .mud-button-root {
    min-width: auto !important;
    padding: 6px 8px !important;
}

[b-ski8g5itxd] .mud-menu-card .mud-icon-root,
[b-ski8g5itxd] .mud-menu-table .mud-icon-root {
    font-size: 1.1rem !important;
}

/* Grid for asset cards */
.cards-grid[b-ski8g5itxd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
    overflow: visible !important;
}

/* Avatar Circles */
.avatar-circle-xs[b-ski8g5itxd] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-500) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.avatar-circle-sm[b-ski8g5itxd] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-500) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.initials-xs[b-ski8g5itxd] {
    color: #fff;
    font-weight: 600;
    font-size: 0.6rem;
}

.initials-sm[b-ski8g5itxd] {
    color: #fff;
    font-weight: 600;
    font-size: 0.75rem;
}

/* Selection style for table rows */
.table-active[b-ski8g5itxd] {
    background-color: rgba(42, 99, 239, 0.08) !important;
}

.custom-table tbody tr.table-active:hover[b-ski8g5itxd] {
    background-color: rgba(42, 99, 239, 0.12) !important;
}

/* Botões de ação da tabela */
.custom-table td .btn-sm[b-ski8g5itxd] {
    padding: 4px 8px;
    font-size: 0.875rem;
    min-width: 32px;
}

.custom-table td .btn-sm i[b-ski8g5itxd] {
    font-size: 0.875rem;
}

/* Ajuste da coluna de ações */
.custom-table td:last-child[b-ski8g5itxd] {
    white-space: nowrap;
}

/* ── SELECTION TOOLBAR ──────────────────────────────────── */
.selection-toolbar-bar[b-ski8g5itxd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    background-color: #cff4fc;
    border: 1px solid #9eeaf9;
    border-radius: 8px;
    padding: 10px 14px;
}

.selection-toolbar-info[b-ski8g5itxd] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    font-size: 0.9rem;
    color: #055160;
    white-space: nowrap;
}

.selection-toolbar-actions[b-ski8g5itxd] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-left: auto;
}

/* Mobile: botões menores, apenas ícones */
@media (max-width: 576px) {
    .selection-toolbar-bar[b-ski8g5itxd] {
        padding: 8px 10px;
    }

    .selection-toolbar-actions .btn[b-ski8g5itxd] {
        padding: 5px 9px;
        font-size: 0.8rem;
    }
}

/* Seção de Assinatura */
.signature-section[b-ski8g5itxd] {
    padding: 0;
}

.signature-captured[b-ski8g5itxd] {
    background: linear-gradient(135deg, #d4edda 0%, #e8f5e9 100%);
    border: 1px solid #c3e6cb;
    border-radius: 10px;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    transition: all 0.3s ease;
}

.signature-captured:hover[b-ski8g5itxd] {
    border-color: #28a745;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.signature-status[b-ski8g5itxd] {
    display: flex;
    align-items: center;
    color: #155724;
    font-size: 15px;
}

.signature-status i[b-ski8g5itxd] {
    font-size: 20px;
}

.signature-actions[b-ski8g5itxd] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* Responsividade para Mobile */
@media (max-width: 768px) {
    .signature-captured[b-ski8g5itxd] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .signature-status[b-ski8g5itxd] {
        justify-content: center;
    }

    .signature-actions[b-ski8g5itxd] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        width: 100%;
    }

    .signature-actions button[b-ski8g5itxd] {
        width: 100%;
    }
}

/* Animações */
@keyframes slideIn-b-ski8g5itxd {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

.signature-captured[b-ski8g5itxd] {
    animation: slideIn-b-ski8g5itxd 0.3s ease;
}

/* ── Contorno do card por status de garantia ── */
.asset-card.garantia-vencida[b-ski8g5itxd] {
    border: 2px solid #e53935 !important;
    box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.12) !important;
}

.asset-card.garantia-critica[b-ski8g5itxd] {
    border: 2px solid #ff6f00 !important;
    box-shadow: 0 0 0 3px rgba(255, 111, 0, 0.12) !important;
}

.asset-card.garantia-alerta[b-ski8g5itxd] {
    border: 2px solid #f9a825 !important;
    box-shadow: 0 0 0 3px rgba(249, 168, 37, 0.1) !important;
}

/* ── Badge dentro do card ── */
.garantia-badge-card[b-ski8g5itxd] {
    display: inline-flex;
    align-items: center;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 20px;
}

.garantia-badge-garantia-vencida[b-ski8g5itxd] {
    background: #fdecea;
    color: #c62828;
    border: 1px solid #ffcdd2;
}

.garantia-badge-garantia-critica[b-ski8g5itxd] {
    background: #fff3e0;
    color: #e65100;
    border: 1px solid #ffe0b2;
}

.garantia-badge-garantia-alerta[b-ski8g5itxd] {
    background: #fffde7;
    color: #f57f17;
    border: 1px solid #fff9c4;
}

.garantia-badge-garantia-ok[b-ski8g5itxd] {
    background: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
}

/* ========================================
   TABELA MODERNA - ASSETS
   ======================================== */

.assets-table-modern[b-ski8g5itxd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* Empty State */
.empty-state[b-ski8g5itxd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: var(--ink-500, #94a3b8);
    text-align: center;
}

.empty-state i[b-ski8g5itxd] {
    font-size: 4rem;
    margin-bottom: 16px;
    opacity: 0.4;
}

.empty-state h5[b-ski8g5itxd] {
    color: var(--ink-900, #475569);
    margin-bottom: 8px;
    font-weight: 600;
}

.empty-state p[b-ski8g5itxd] {
    color: #94a3b8;
    margin: 0;
    font-size: 0.95rem;
}

/* Header Row */
.table-header-row[b-ski8g5itxd] {
    display: grid;
    grid-template-columns: 40px 80px 110px 2fr 2fr 120px 180px 60px;
    gap: 12px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.8rem;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #e2e8f0;
    margin-bottom: 4px;
}

/* Table Row */
.table-row[b-ski8g5itxd] {
    display: grid;
    grid-template-columns: 40px 80px 110px 2fr 2fr 120px 180px 60px;
    gap: 12px;
    padding: 14px 16px;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 8px;
    transition: all 0.2s ease;
    align-items: center;
    cursor: pointer;
    color: var(--ink-900);
}

.table-row:hover[b-ski8g5itxd] {
    background: var(--primary-50, #f8fafc);
    border-color: var(--primary-500, #2A63EF);
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.08);
}

.table-row.selected[b-ski8g5itxd] {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-color: #2A63EF;
    box-shadow: 0 2px 12px rgba(42, 99, 239, 0.12);
}

/* Table Cells */
.table-cell[b-ski8g5itxd] {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.cell-checkbox[b-ski8g5itxd] {
    justify-content: center;
}

.cell-tag[b-ski8g5itxd] {
    font-weight: 600;
}

.cell-unidade[b-ski8g5itxd],
.cell-actions[b-ski8g5itxd] {
    justify-content: center;
    overflow: visible !important;
}

/* Tag Badge */
.tag-badge[b-ski8g5itxd] {
    display: inline-block;
    padding: 5px 12px;
    background: linear-gradient(135deg, #2A63EF 0%, #1d4ed8 100%);
    color: white;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 4px rgba(42, 99, 239, 0.2);
}

/* Unidade Badge */
.unidade-badge[b-ski8g5itxd] {
    display: inline-block;
    padding: 4px 10px;
    background: #eff6ff;
    color: #1e40af;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.75rem;
    white-space: nowrap;
    border: 1px solid #dbeafe;
}

/* Patrimônio Info */
.patrimonio-info[b-ski8g5itxd] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.patrimonio-icon-wrapper[b-ski8g5itxd] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--primary-50, #eff6ff);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--primary-400, #2A63EF);
    font-size: 1.1rem;
}

.patrimonio-details[b-ski8g5itxd] {
    min-width: 0;
    flex: 1;
}

.patrimonio-categoria[b-ski8g5itxd] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--ink-900, #1e293b);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.patrimonio-modelo[b-ski8g5itxd] {
    font-size: 0.75rem;
    color: var(--ink-700, #64748b);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

/* Detalhes Info */
.detalhes-info[b-ski8g5itxd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.75rem;
    color: var(--ink-700, #64748b);
}

.detalhe-item[b-ski8g5itxd] {
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detalhe-item i[b-ski8g5itxd] {
    flex-shrink: 0;
    color: #94a3b8;
    font-size: 0.7rem;
}

.detalhe-item span[b-ski8g5itxd] {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Garantia badges na tabela */
.garantia-item[b-ski8g5itxd] {
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.7rem;
}

.garantia-item.garantia-garantia-vencida[b-ski8g5itxd] {
    background: #fdecea;
    color: #c62828;
    border: 1px solid #ffcdd2;
}

.garantia-item.garantia-garantia-vencida i[b-ski8g5itxd] {
    color: #c62828 !important;
}

.garantia-item.garantia-garantia-critica[b-ski8g5itxd] {
    background: #fff3e0;
    color: #e65100;
    border: 1px solid #ffe0b2;
}

.garantia-item.garantia-garantia-critica i[b-ski8g5itxd] {
    color: #e65100 !important;
}

.garantia-item.garantia-garantia-alerta[b-ski8g5itxd] {
    background: #fffde7;
    color: #f57f17;
    border: 1px solid #fff9c4;
}

.garantia-item.garantia-garantia-alerta i[b-ski8g5itxd] {
    color: #f57f17 !important;
}

.garantia-item.garantia-garantia-ok[b-ski8g5itxd] {
    background: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
}

.garantia-item.garantia-garantia-ok i[b-ski8g5itxd] {
    color: #2e7d32 !important;
}

/* Status e Saúde Container */
.status-saude-container[b-ski8g5itxd] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.status-badge[b-ski8g5itxd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
    width: fit-content;
}

.status-ativo[b-ski8g5itxd] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.status-inativo[b-ski8g5itxd] {
    background: #f3f4f6;
    color: #6b7280;
    border: 1px solid #e5e7eb;
}

.status-em_manutencao[b-ski8g5itxd] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}

.status-descartado[b-ski8g5itxd] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.saude-badge[b-ski8g5itxd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 600;
    color: white;
    white-space: nowrap;
    width: fit-content;
}

.saude-na[b-ski8g5itxd] {
    background: #9ca3af;
}

/* Responsável Info */
.responsavel-info[b-ski8g5itxd] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.responsavel-details[b-ski8g5itxd] {
    min-width: 0;
    flex: 1;
}

.responsavel-nome[b-ski8g5itxd] {
    font-weight: 600;
    font-size: 0.8rem;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.responsavel-local[b-ski8g5itxd] {
    font-size: 0.7rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

/* Action Buttons */
.action-buttons[b-ski8g5itxd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.btn-action[b-ski8g5itxd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    text-decoration: none;
}

.btn-action:hover[b-ski8g5itxd] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.btn-action-primary[b-ski8g5itxd] {
    color: #2A63EF;
    background: rgba(42, 99, 239, 0.1);
}

.btn-action-primary:hover[b-ski8g5itxd] {
    background: #2A63EF;
    color: white;
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

.btn-action-secondary[b-ski8g5itxd] {
    color: #64748b;
    background: rgba(108, 117, 125, 0.1);
}

.btn-action-secondary:hover[b-ski8g5itxd] {
    background: #64748b;
    color: white;
    box-shadow: 0 4px 8px rgba(108, 117, 125, 0.3);
}

.btn-action-danger[b-ski8g5itxd] {
    color: #dc2626;
    background: rgba(220, 53, 69, 0.1);
}

.btn-action-danger:hover[b-ski8g5itxd] {
    background: #dc2626;
    color: white;
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
}

/* Responsive Adjustments */
@media (max-width: 1400px) {

    .table-header-row[b-ski8g5itxd],
    .table-row[b-ski8g5itxd] {
        grid-template-columns: 40px 75px 100px 1.5fr 1.5fr 110px 170px 55px;
        gap: 10px;
        font-size: 0.75rem;
    }

    .patrimonio-icon-wrapper[b-ski8g5itxd] {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }

    .btn-action[b-ski8g5itxd] {
        width: 28px;
        height: 28px;
        font-size: 0.85rem;
    }
}

@media (max-width: 1200px) {

    .table-header-row[b-ski8g5itxd],
    .table-row[b-ski8g5itxd] {
        grid-template-columns: 40px 70px 95px 1fr 1fr 100px 160px 50px;
        gap: 8px;
        padding: 12px;
    }

    .patrimonio-categoria[b-ski8g5itxd] {
        font-size: 0.8rem;
    }

    .patrimonio-modelo[b-ski8g5itxd] {
        font-size: 0.7rem;
    }
}

@media (max-width: 992px) {
    .assets-table-modern[b-ski8g5itxd] {
        padding: 4px;
        background: transparent;
        box-shadow: none;
        gap: 10px;
    }

    .table-header-row[b-ski8g5itxd] {
        display: none !important;
    }

    .table-row[b-ski8g5itxd] {
        display: flex;
        flex-direction: column;
        position: relative !important;
        gap: 10px;
        padding: 14px 14px 14px 44px;
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
        transition: all 0.2s ease;
    }

    .table-row:hover[b-ski8g5itxd] {
        transform: none;
    }

    .table-cell[b-ski8g5itxd] {
        justify-content: flex-start;
        width: 100%;
        overflow: visible;
    }

    .cell-checkbox[b-ski8g5itxd] {
        position: absolute !important;
        top: 14px;
        left: 14px;
        z-index: 2;
        justify-content: center;
        width: auto;
    }

    .cell-actions[b-ski8g5itxd] {
        position: absolute !important;
        top: 10px;
        right: 10px;
        z-index: 2;
        justify-content: flex-end;
        width: auto;
    }

    .cell-tag[b-ski8g5itxd] {
        font-size: 0.85rem;
        font-weight: 600;
    }

    .cell-unidade[b-ski8g5itxd] {
        font-size: 0.8rem;
        color: #64748b;
    }
    .cell-unidade[b-ski8g5itxd]::before {
        content: 'Unidade: ';
        font-weight: 600;
        color: #475569;
        margin-right: 6px;
    }

    .cell-patrimonio[b-ski8g5itxd] {
        padding-right: 40px;
        padding-top: 0;
    }

    .patrimonio-info[b-ski8g5itxd] {
        padding-top: 0;
        width: 100%;
    }

    .cell-detalhes[b-ski8g5itxd] {
        font-size: 0.825rem;
        border-top: 1px dashed #e2e8f0;
        padding-top: 8px;
    }

    .cell-status-saude[b-ski8g5itxd] {
        border-top: 1px dashed #e2e8f0;
        padding-top: 8px;
    }

    .status-saude-container[b-ski8g5itxd] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        width: 100%;
    }

    .cell-responsavel[b-ski8g5itxd] {
        font-size: 0.825rem;
        border-top: 1px dashed #e2e8f0;
        padding-top: 8px;
    }
    .cell-responsavel[b-ski8g5itxd]::before {
        content: 'Responsável: ';
        font-weight: 600;
        color: #475569;
        margin-right: 6px;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   EXPORT DROPDOWN STYLES
   ══════════════════════════════════════════════════════════════════════════ */

.dropdown[b-ski8g5itxd] {
    position: relative;
    display: inline-block;
}

.dropdown-menu[b-ski8g5itxd] {
    border: 1px solid rgba(42, 99, 239, 0.1) !important;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.075) !important;
    min-width: 180px;
    margin-top: 5px;
    position: absolute;
    z-index: 1050;
    transition: all 0.2s ease-in-out;
}

.dropdown-item[b-ski8g5itxd] {
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
    font-weight: 500;
    color: #495057;
    transition: all 0.2s ease;
}

.dropdown-item:hover[b-ski8g5itxd] {
    background-color: rgba(42, 99, 239, 0.05) !important;
    color: #2A63EF !important;
    transform: translateX(4px);
}

/* ══════════════════════════════════════════════════════════════════════════
   OVERLAY Z-INDEX ADJUSTMENTS
   ══════════════════════════════════════════════════════════════════════════ */

[b-ski8g5itxd] .mud-overlay {
    z-index: 12000 !important;
}
/* _content/PatrimonioGarbo/Components/Pages/AssinarDocumento.razor.rz.scp.css */
.assinar-page[b-11kal2zt96] {
    min-height: var(--sidebar-viewport-height, 100vh);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 16px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to right bottom, #2a63ef, #4360df, #515dd0, #5a5ac1, #5f58b3, #4d69c3, #3479cf, #0089d9, #00ade9, #00ccce, #00e390, #acf047);
}

.assinar-page[b-11kal2zt96]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #2A63EF 0%, #5584f3 50%, #ACF047 100%);
    opacity: 1;
    animation: fadeOutGradient-b-11kal2zt96 3s ease forwards;
    pointer-events: none;
    z-index: 0;
}

@keyframes fadeOutGradient-b-11kal2zt96 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.assinar-loading[b-11kal2zt96] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

.assinar-card[b-11kal2zt96] {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(42, 99, 239, 0.3), 0 0 100px rgba(231, 87, 51, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    padding: 40px;
    width: 100%;
    max-width: 540px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    animation: cardEntrance-b-11kal2zt96 0.6s ease-out;
}

@keyframes cardEntrance-b-11kal2zt96 {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }

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

.assinar-brand-strip[b-11kal2zt96] {
    background: linear-gradient(135deg, #2A63EF 0%, #5584f3 50%, #E75733 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    margin: -40px -40px 32px -40px;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.2), 0 4px 12px rgba(42, 99, 239, 0.3);
    position: relative;
    overflow: hidden;
}

    .assinar-brand-strip[b-11kal2zt96]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
        animation: shimmer 3s infinite;
    }

    .assinar-brand-strip img[b-11kal2zt96] {
        display: block;
        max-height: 70px;
        width: auto;
        filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)) brightness(1.1);
        position: relative;
        z-index: 1;
    }

.assinar-header[b-11kal2zt96] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    text-align: center;
}

.assinar-logo[b-11kal2zt96] {
    height: 40px;
    margin-bottom: 10px;
}

.assinar-title[b-11kal2zt96] {
    color: #2A63EF;
    font-weight: 600;
    margin: 0;
}

.info-card[b-11kal2zt96] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: 14px 16px;
}

.info-card-title[b-11kal2zt96] {
    color: #2A63EF;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 0.9rem;
}

.info-row[b-11kal2zt96] {
    display: flex;
    gap: 8px;
    margin-bottom: 4px;
    font-size: 0.9rem;
}

.info-label[b-11kal2zt96] {
    font-weight: 600;
    color: #495057;
    min-width: 80px;
}

.info-value[b-11kal2zt96] {
    color: #212529;
}

.pdf-preview[b-11kal2zt96] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: 14px 16px;
}

.pdf-iframe[b-11kal2zt96] {
    width: 100%;
    height: 400px;
    border: none;
    border-radius: 6px;
    margin-top: 8px;
}

.signature-section[b-11kal2zt96] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: 14px 16px;
}

.signature-canvas-container[b-11kal2zt96] {
    position: relative;
    background: #fafafa;
    border: 2px dashed #ccc;
    border-radius: 10px;
    padding: 10px;
    min-height: 200px;
    margin-top: 8px;
}

.signature-canvas[b-11kal2zt96] {
    width: 100%;
    height: 100%;
    min-height: 180px;
    background: white;
    border-radius: 6px;
    cursor: crosshair;
    touch-action: none;
    display: block;
}

.signature-canvas-placeholder[b-11kal2zt96] {
    position: absolute;
    inset: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #aaa;
    font-size: 15px;
    pointer-events: none;
    background: white;
    border-radius: 6px;
}

    .signature-canvas-placeholder i[b-11kal2zt96] {
        font-size: 36px;
        opacity: 0.3;
    }

.assinar-buttons[b-11kal2zt96] {
    display: flex;
    gap: 12px;
    margin-top: 8px;
}

.invalid-icon[b-11kal2zt96],
.success-icon[b-11kal2zt96] {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
}

@media (max-width: 480px) {
    .assinar-card[b-11kal2zt96] {
        padding: 18px 14px;
        border-radius: 10px;
    }

    .pdf-iframe[b-11kal2zt96] {
        height: 280px;
    }
}

.pdf-mobile-fallback[b-11kal2zt96] {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 2px dashed #dee2e6;
}

    .pdf-mobile-fallback .alert[b-11kal2zt96] {
        margin-bottom: 1rem;
        border-radius: 6px;
    }

    .pdf-mobile-fallback .btn[b-11kal2zt96] {
        font-weight: 500;
    }
/* _content/PatrimonioGarbo/Components/Pages/Assinaturas.razor.rz.scp.css */
.custom-card[b-ne119lmv7d] {
    border: 1px solid var(--border) !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    transform: translateY(0);
    will-change: transform, box-shadow;
}

.custom-card:hover:not(.no-lift)[b-ne119lmv7d] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
}

.custom-card:active:not(.no-lift)[b-ne119lmv7d] {
    transform: translateY(-1px);
}

.report-page-header[b-ne119lmv7d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.report-page-subtitle[b-ne119lmv7d] {
    color: var(--ink-500);
    margin: 0;
}

.btn[b-ne119lmv7d] {
    border-radius: 12px;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
    font-size: 0.95rem;
}

.btn:hover[b-ne119lmv7d] {
    transform: translateY(-2px);
}

.btn:active[b-ne119lmv7d] {
    transform: translateY(0);
}

.btn-outline-secondary[b-ne119lmv7d] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--ink-600);
    font-weight: 600;
    padding: 0.5rem 1rem;
    transition: all 0.2s;
}

.btn-outline-secondary:hover[b-ne119lmv7d] {
    background: var(--bg);
    border-color: var(--primary-500);
    color: var(--primary-600);
    transform: translateY(-1px);
}

/* ── Empty State ──────────────────────────────────────────────────────────── */
.empty-state[b-ne119lmv7d] {
    text-align: center;
    padding: 60px 20px;
    color: var(--ink-500);
}

.empty-state i[b-ne119lmv7d] {
    font-size: 3.5rem;
    margin-bottom: 16px;
    opacity: 0.4;
    display: block;
}

.empty-state h5[b-ne119lmv7d] {
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--ink-700);
}

/* ── Cards Container ──────────────────────────────────────────────────────── */
.assinaturas-cards[b-ne119lmv7d] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
}

/* ── Card Styles ──────────────────────────────────────────────────────────── */
.assinatura-card[b-ne119lmv7d] {
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    position: relative;
}

.assinatura-card:hover[b-ne119lmv7d] {
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.15);
    transform: translateY(-2px);
}

.assinatura-card.card-selecionado[b-ne119lmv7d] {
    border-color: var(--primary-500) !important;
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.25);
    background: rgba(42, 99, 239, 0.12) !important;
}

.card-checkbox[b-ne119lmv7d] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
}

.card-checkbox .form-check-input[b-ne119lmv7d] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 2px solid var(--border);
}

.card-checkbox .form-check-input:checked[b-ne119lmv7d] {
    background-color: var(--primary-600);
    border-color: var(--primary-600);
}

.assinatura-card-header[b-ne119lmv7d] {
    background: var(--bg) !important;
    color: var(--ink-900) !important;
    padding: 16px;
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.assinatura-card-nome[b-ne119lmv7d] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--ink-900);
    margin-bottom: 4px;
}

.assinatura-card-cpf[b-ne119lmv7d] {
    font-size: 0.85rem;
    color: var(--ink-500);
}

.assinatura-card-body[b-ne119lmv7d] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.assinatura-info-row[b-ne119lmv7d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    padding: 8px 0;
    border-bottom: 1px solid var(--border);
}

.assinatura-info-row:last-child[b-ne119lmv7d] {
    border-bottom: none;
}

.assinatura-info-label[b-ne119lmv7d] {
    font-weight: 500;
    color: var(--ink-500);
    font-size: 0.85rem;
}

.assinatura-card-actions[b-ne119lmv7d] {
    padding: 12px 16px;
    background: var(--bg) !important;
    border-top: 1px solid var(--border);
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.assinatura-card-actions button[b-ne119lmv7d] {
    flex: 1;
    min-width: 100px;
}

/* ── View Toggle ──────────────────────────────────────────────────────────── */
.view-toggle[b-ne119lmv7d] {
    display: inline-flex;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 4px;
    gap: 4px;
}

.btn-view[b-ne119lmv7d] {
    background: transparent;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    color: var(--ink-500);
    font-size: 0.95rem;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-view:hover[b-ne119lmv7d] {
    background: rgba(42, 99, 239, 0.08);
    color: var(--primary-600);
}

.btn-view.active[b-ne119lmv7d] {
    background: var(--primary-600) !important;
    color: white !important;
    box-shadow: 0 2px 4px rgba(42, 99, 239, 0.3);
}

.btn-view i[b-ne119lmv7d] {
    font-size: 1rem;
}

/* ── Checkbox Styles ──────────────────────────────────────────────────────── */
.form-check-input[b-ne119lmv7d] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    border: 2px solid var(--border);
    margin-top: 0;
}

.form-check-input:checked[b-ne119lmv7d] {
    background-color: var(--primary-600);
    border-color: var(--primary-600);
}

.form-check-input:focus[b-ne119lmv7d] {
    border-color: var(--primary-600);
    box-shadow: 0 0 0 0.2rem rgba(42, 99, 239, 0.25);
}

/* ── Status Badge ─────────────────────────────────────────────────────────── */

.badge[b-ne119lmv7d],
.status-badge[b-ne119lmv7d] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
}

.status-badge.bg-warning[b-ne119lmv7d] {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
}

.status-badge.bg-danger[b-ne119lmv7d] {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #f87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.35) !important;
}

.status-badge.bg-success[b-ne119lmv7d] {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #34d399 !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
}

.status-badge.bg-primary[b-ne119lmv7d] {
    background: rgba(42, 99, 239, 0.15) !important;
    color: #60a5fa !important;
    border: 1px solid rgba(42, 99, 239, 0.35) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   TABELA MODERNA - DESIGN RENOVADO
   ══════════════════════════════════════════════════════════════════════════ */

.assinaturas-table-modern[b-ne119lmv7d] {
    background: var(--card-bg) !important;
    border-radius: 12px;
    border: 1px solid var(--border);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ── Header da Tabela ─────────────────────────────────────────────────────── */
.table-header-row[b-ne119lmv7d] {
    display: grid;
    grid-template-columns: 50px 1.5fr 1.2fr 1fr 1fr 1.2fr 1.2fr 1.2fr 1.2fr 130px;
    gap: 12px;
    padding: 16px 20px;
    background: var(--bg) !important;
    border-bottom: 2px solid var(--border);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700);
    align-items: center;
}

/* ── Linhas da Tabela ─────────────────────────────────────────────────────── */
.table-row[b-ne119lmv7d] {
    display: grid;
    grid-template-columns: 50px 1.5fr 1.2fr 1fr 1fr 1.2fr 1.2fr 1.2fr 1.2fr 130px;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border);
    transition: all 0.2s ease;
    cursor: pointer;
    align-items: center;
    background: var(--card-bg) !important;
}

.table-row:hover[b-ne119lmv7d] {
    background: rgba(42, 99, 239, 0.04) !important;
    box-shadow: inset 4px 0 0 var(--primary-500);
}

.table-row.row-selected[b-ne119lmv7d] {
    background: rgba(42, 99, 239, 0.08) !important;
    box-shadow: inset 4px 0 0 var(--primary-500);
}

.table-row:last-child[b-ne119lmv7d] {
    border-bottom: none;
}

/* ── Células ──────────────────────────────────────────────────────────────── */
.table-cell[b-ne119lmv7d] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--ink-900);
    overflow: hidden;
}

.cell-checkbox[b-ne119lmv7d] {
    justify-content: center;
}

.cell-actions[b-ne119lmv7d] {
    justify-content: center;
    overflow: visible !important;
}

.action-buttons[b-ne119lmv7d] {
    display: flex;
    gap: 6px;
    overflow: visible !important;
}

.btn-action[b-ne119lmv7d] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--card-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    text-decoration: none;
}

.btn-action-primary[b-ne119lmv7d] {
    background: rgba(42, 99, 239, 0.12);
    color: var(--primary-600);
}

.btn-action-primary:hover[b-ne119lmv7d] {
    background: var(--primary-600);
    color: white;
}

.btn-action-secondary[b-ne119lmv7d] {
    background: var(--bg);
    color: var(--ink-600);
}

.btn-action-secondary:hover[b-ne119lmv7d] {
    background: var(--primary-600);
    color: white;
}

.btn-action-danger[b-ne119lmv7d] {
    background: rgba(239, 68, 68, 0.12);
    color: #ef4444;
}

.btn-action-danger:hover[b-ne119lmv7d] {
    background: #ef4444;
    color: white;
}

/* ── Mobile Adjustments ───────────────────────────────────────────────────── */
@media (max-width: 992px) {
    .cell-criado[b-ne119lmv7d], .cell-expira[b-ne119lmv7d], .cell-assinado[b-ne119lmv7d], .cell-cancelado[b-ne119lmv7d] {
        display: none;
    }
    .table-header-row[b-ne119lmv7d], .table-row[b-ne119lmv7d] {
        grid-template-columns: 50px 1.5fr 1.2fr 1fr 1fr 130px;
    }
}

@media (max-width: 768px) {
    .assinaturas-cards[b-ne119lmv7d] {
        grid-template-columns: 1fr;
    }

    .assinatura-card-header[b-ne119lmv7d] {
        flex-direction: column;
        align-items: stretch;
    }

    .assinatura-card-actions button[b-ne119lmv7d] {
        font-size: 0.85rem;
        min-width: auto;
    }

    /* Ajustes para a barra de seleção em mobile */
    .card-body .d-flex.gap-2[b-ne119lmv7d] {
        flex-wrap: wrap;
    }

    .card-body .d-flex.gap-2 button[b-ne119lmv7d] {
        flex: 1 1 calc(50% - 8px);
        min-width: 140px;
    }

    .table-header-row[b-ne119lmv7d] {
        display: none;
    }

    .table-row[b-ne119lmv7d] {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 0;
        margin-bottom: 1rem;
        border: 1px solid var(--border);
        border-radius: 0.75rem;
        overflow: hidden;
        background: var(--card-bg) !important;
        box-shadow: 0 2px 8px rgba(42, 99, 239, 0.05);
    }

    .table-cell[b-ne119lmv7d] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0.85rem 1.25rem;
        border-bottom: 1px solid var(--border);
        box-sizing: border-box;
        word-break: break-word;
    }

    .table-cell:last-child[b-ne119lmv7d] {
        border-bottom: none;
    }

    .table-cell[b-ne119lmv7d]::before {
        content: attr(data-label);
        font-weight: 600;
        color: var(--ink-700);
        margin-right: 1rem;
    }

    .cell-criado[b-ne119lmv7d], .cell-expira[b-ne119lmv7d], .cell-assinado[b-ne119lmv7d], .cell-cancelado[b-ne119lmv7d] {
        display: flex;
    }
}

@media (max-width: 480px) {
    .assinatura-card-actions[b-ne119lmv7d] {
        flex-direction: column;
    }

    .assinatura-card-actions button[b-ne119lmv7d] {
        width: 100%;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/AuditoriaDetalhe.razor.rz.scp.css */
.badge-status-andamento[b-r7sdtktap4] {
    background-color: rgba(255, 152, 0, 0.15);
    color: #e65100;
    border: 1px solid rgba(255, 152, 0, 0.3);
    font-weight: 600;
}

.badge-status-finalizada[b-r7sdtktap4] {
    background-color: rgba(76, 175, 80, 0.15);
    color: #2e7d32;
    border: 1px solid rgba(76, 175, 80, 0.3);
    font-weight: 600;
}

.badge-item-pendente[b-r7sdtktap4] {
    background-color: rgba(255, 193, 7, 0.15);
    color: #856404;
    border: 1px solid rgba(255, 193, 7, 0.4);
    font-weight: 600;
}

.badge-item-auditado[b-r7sdtktap4] {
    background-color: rgba(76, 175, 80, 0.15);
    color: #2e7d32;
    border: 1px solid rgba(76, 175, 80, 0.3);
    font-weight: 600;
}

.badge-item-nao-localizado[b-r7sdtktap4] {
    background-color: rgba(158, 158, 158, 0.15);
    color: #555;
    border: 1px solid rgba(158, 158, 158, 0.3);
    font-weight: 600;
}

.info-item[b-r7sdtktap4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-r7sdtktap4] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    font-weight: 600;
}

.info-value[b-r7sdtktap4] {
    font-size: 0.9rem;
    color: var(--ink-900, #333);
}

.tag-code[b-r7sdtktap4] {
    font-family: 'Courier New', Courier, monospace;
    background: var(--primary-50, #f0f4ff);
    color: var(--primary-500, #2A63EF);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.saude-badge[b-r7sdtktap4] {
    padding: 6px 12px;
    border-radius: 8px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 0.9rem;
    min-width: 80px;
}

.patrimonio-info-card[b-r7sdtktap4] {
    background: var(--input-bg, #f8f9ff);
    border: 1px solid var(--border, #e0e7ff);
    border-radius: 10px;
    padding: 1rem;
}

.fotos-preview[b-r7sdtktap4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.foto-thumb[b-r7sdtktap4] {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--border, #dee2e6);
    cursor: pointer;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--input-bg, #f0f0f0);
}

.foto-thumb img[b-r7sdtktap4] {
    width: 100%;
    height: 60px;
    object-fit: cover;
}

.foto-thumb-name[b-r7sdtktap4] {
    font-size: 0.65rem;
    color: var(--ink-500, #555);
    padding: 2px 4px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.modal-overlay[b-r7sdtktap4] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.modal-panel[b-r7sdtktap4] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--border, #e9ecef);
}

.modal-panel-md[b-r7sdtktap4] {
    max-width: 540px;
}

.modal-panel-lg[b-r7sdtktap4] {
    max-width: 720px;
}

.modal-panel-header[b-r7sdtktap4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border, #e9ecef);
    flex-shrink: 0;
}

.modal-panel-header h5[b-r7sdtktap4] {
    margin: 0;
    font-weight: 700;
    color: var(--primary-500, #2A63EF);
}

.btn-close-panel[b-r7sdtktap4] {
    background: none;
    border: none;
    font-size: 1.2rem;
    color: var(--ink-500, #6c757d);
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    transition: all 0.2s;
}

.btn-close-panel:hover[b-r7sdtktap4] {
    background: var(--input-bg, #f0f0f0);
    color: var(--ink-900, #333);
}

.modal-panel-body[b-r7sdtktap4] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-panel-footer[b-r7sdtktap4] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border, #e9ecef);
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
}

/* ── Page Header ── */
.report-page-header[b-r7sdtktap4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.report-page-header-title[b-r7sdtktap4] {
    flex: 1 1 auto;
    min-width: 0;
}

.report-page-header h3[b-r7sdtktap4] {
    margin: 0;
    font-weight: 700;
    color: var(--ink-900);
    font-size: 1.45rem;
    line-height: 1.25;
}

.report-page-subtitle[b-r7sdtktap4] {
    margin: 4px 0 0 0;
    color: var(--ink-500, #70867b);
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

.subtitle-text[b-r7sdtktap4] {
    word-break: break-word;
}

.report-page-header-actions[b-r7sdtktap4] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.header-status-badge[b-r7sdtktap4] {
    font-size: 0.85rem;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 600;
    white-space: nowrap;
}

.header-action-buttons[b-r7sdtktap4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Card Items Header & Filters ── */
.card-items-header[b-r7sdtktap4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    border-bottom: 1px solid var(--border);
}

.card-items-title-row[b-r7sdtktap4] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.card-items-filters-row[b-r7sdtktap4] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.filter-search-box[b-r7sdtktap4] {
    position: relative;
    width: 220px;
    min-width: 160px;
}

.filter-icon[b-r7sdtktap4] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.75rem;
    pointer-events: none;
}

.filter-search-input[b-r7sdtktap4] {
    padding-left: 28px !important;
    border-radius: 8px !important;
    height: 34px;
}

.filter-status-select[b-r7sdtktap4] {
    width: 150px;
    min-width: 130px;
    border-radius: 8px !important;
    height: 34px;
    flex-shrink: 0;
}

/* ── Custom Card ── */
.custom-card[b-r7sdtktap4] {
    border: 1px solid var(--border, rgba(42, 99, 239, 0.08)) !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    background: var(--card-bg, #fff);
}

.custom-card:hover:not(.no-lift)[b-r7sdtktap4] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
    transform: translateY(-3px);
}

.custom-card.no-lift[b-r7sdtktap4],
.custom-card.no-lift:hover[b-r7sdtktap4],
.custom-card.no-lift:active[b-r7sdtktap4] {
    transform: none !important;
    will-change: auto !important;
}

/* ── Table ── */
.custom-table-wrapper[b-r7sdtktap4] {
    overflow: auto;
    border-radius: 0.75rem;
    border: 1px solid var(--border, #eef3f0);
}

.custom-table[b-r7sdtktap4] {
    margin: 0;
    font-size: .84rem;
}

.custom-thead[b-r7sdtktap4] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--primary-50, #e8f0fd);
    box-shadow: inset 0 -1px 0 var(--border, #e6ece8);
}

.custom-thead th[b-r7sdtktap4] {
    font-weight: 600;
    color: var(--ink-700, #3b4a43);
    font-size: 0.85rem;
    padding: 12px 12px;
    border: none;
}

.custom-table tbody td[b-r7sdtktap4] {
    padding: 10px 12px;
}

.custom-table tbody tr:hover[b-r7sdtktap4] {
    background: var(--primary-50, #f7fffa);
}

/* ── Buttons ── */
.btn-custom-primary[b-r7sdtktap4] {
    background-color: var(--primary-500, #2A63EF);
    color: #fff;
    border: none;
    border-radius: 0.75rem;
}

.btn-custom-primary:hover[b-r7sdtktap4],
.btn-custom-primary:focus[b-r7sdtktap4] {
    background-color: var(--primary-600, #2152d6);
    color: #fff;
}

.btn[b-r7sdtktap4] {
    border-radius: 0.75rem;
}

/* ── Scanner Overlay ── */
.overlay-top-center[b-r7sdtktap4] {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding-top: 40px;
}

.conteudo-overlay[b-r7sdtktap4] {
    background: var(--card-bg, white);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,.3);
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 95vw;
    border: 1px solid var(--border, transparent);
}

#barcode-scanner[b-r7sdtktap4] {
    position: relative;
    width: 640px;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border: 2px solid var(--border, #ddd);
    border-radius: 10px;
    background: #000;
}

#barcode-scanner video[b-r7sdtktap4],
#barcode-scanner canvas[b-r7sdtktap4] {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    display: block;
}

.overlay-center[b-r7sdtktap4] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.conteudo-overlay-selection[b-r7sdtktap4] {
    background: var(--card-bg, white);
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,.3);
    min-width: 300px;
    border: 1px solid var(--border, transparent);
}

/* ── Mobile Responsiveness ── */
@media (max-width: 768px) {
    .report-page-header[b-r7sdtktap4] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        margin-bottom: 16px;
    }

    .report-page-header-title[b-r7sdtktap4] {
        width: 100%;
        flex: 1 1 auto;
    }

    .report-page-header h3[b-r7sdtktap4] {
        font-size: 1.25rem;
    }

    .report-page-header-actions[b-r7sdtktap4] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 6px;
        border-top: 1px solid var(--border);
        gap: 8px;
    }

    .card-items-header[b-r7sdtktap4] {
        flex-direction: column;
        align-items: stretch;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        gap: 10px;
    }

    .card-items-title-row[b-r7sdtktap4] {
        width: 100%;
        justify-content: space-between;
    }

    .card-items-filters-row[b-r7sdtktap4] {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        flex-wrap: nowrap;
    }

    .filter-search-box[b-r7sdtktap4] {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    .filter-status-select[b-r7sdtktap4] {
        flex: 0 0 auto;
        width: 125px;
        min-width: 110px;
        font-size: 0.8rem;
    }

    .modal-panel-lg[b-r7sdtktap4] {
        max-width: 100%;
        margin: 0;
        border-radius: 12px 12px 0 0;
        max-height: 95vh;
    }

    .modal-overlay[b-r7sdtktap4] {
        align-items: flex-end;
        padding: 0;
    }

    .custom-table-wrapper[b-r7sdtktap4] {
        max-height: none;
    }

    #barcode-scanner[b-r7sdtktap4] {
        width: 100%;
        aspect-ratio: 4 / 3;
    }

    .d-flex.gap-2:has(.input-group)[b-r7sdtktap4] {
        flex-direction: column;
    }
}

@media (orientation: portrait) and (max-width: 600px) {
    #barcode-scanner[b-r7sdtktap4] {
        width: 100vw;
        max-width: 100vw;
        aspect-ratio: 3 / 4;
        max-height: 70vh;
    }
}

/* Container de Acessórios na Auditoria (Abordagem Flat no Mobile) */
.acessorios-auditados-wrapper[b-r7sdtktap4] {
    background: var(--input-bg, #f8f9fa);
    border: 1px solid var(--border, #dee2e6);
    border-radius: 16px;
    padding: 16px;
    margin-top: 8px;
}

.acessorio-auditado-card[b-r7sdtktap4] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, #dee2e6);
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 2px 6px var(--shadow-color, rgba(0,0,0,0.04));
    position: relative;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

@media (max-width: 576px) {
    .acessorios-auditados-wrapper[b-r7sdtktap4] {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin-top: 6px;
    }

    .acessorio-auditado-card[b-r7sdtktap4] {
        padding: 10px 10px !important;
        border-radius: 10px !important;
        margin-bottom: 8px !important;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/Auditorias.razor.rz.scp.css */
/* ── Page Header ── */
.report-page-header[b-6sw71b9t27] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.report-page-header h3[b-6sw71b9t27] {
    margin: 0;
    font-weight: 700;
}

.report-page-subtitle[b-6sw71b9t27] {
    margin: 4px 0 0 0;
    color: var(--ink-500, #70867b);
    font-size: 0.95rem;
}

/* ── KPI Row ── */
.kpi-row[b-6sw71b9t27] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.kpi-card[b-6sw71b9t27] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border, #e6ece9);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.08);
}

.kpi-icon[b-6sw71b9t27] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.kpi-info[b-6sw71b9t27] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.kpi-value[b-6sw71b9t27] {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1;
    color: var(--ink-900, #0b1f17);
}

.kpi-label[b-6sw71b9t27] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--ink-500, #70867b);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

/* ── Custom Card ── */
.custom-card[b-6sw71b9t27] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg, #fff);
transform: translateY(0);
    will-change: transform, box-shadow;
}

.custom-card:hover[b-6sw71b9t27] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
    transform: translateY(-3px);
}

.custom-card.no-lift[b-6sw71b9t27],
.custom-card.no-lift:hover[b-6sw71b9t27],
.custom-card.no-lift:active[b-6sw71b9t27] {
    transform: none !important;
}

/* ── Table ── */
.custom-table-wrapper[b-6sw71b9t27] {
    overflow: auto;
    border-radius: 0.75rem;
    border: 1px solid #eef3f0;
}

.custom-table[b-6sw71b9t27] {
    margin: 0;
    font-size: .84rem;
}

.custom-thead[b-6sw71b9t27] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--primary-50, #e8f0fd);
    box-shadow: inset 0 -1px 0 #e6ece8;
}

.custom-thead th[b-6sw71b9t27] {
    font-weight: 600;
    color: var(--ink-700, #3b4a43);
    font-size: 0.85rem;
    padding: 12px 12px;
    border: none;
}

.custom-table tbody td[b-6sw71b9t27] {
    padding: 10px 12px;
}

.custom-table tbody tr:hover[b-6sw71b9t27] {
    background: #f7fffa;
}

/* ── Buttons ── */
.btn-custom-primary[b-6sw71b9t27] {
    background-color: #2A63EF;
    color: #fff;
    border: none;
    border-radius: 0.75rem;
}

.btn-custom-primary:hover[b-6sw71b9t27],
.btn-custom-primary:focus[b-6sw71b9t27] {
    background-color: #2152d6;
    color: #fff;
}

.btn[b-6sw71b9t27] {
    border-radius: 0.75rem;
}

/* ── Status Badges ── */
.badge-status-andamento[b-6sw71b9t27] {
    background-color: rgba(255, 152, 0, 0.15);
    color: #e65100;
    border: 1px solid rgba(255, 152, 0, 0.3);
    font-weight: 600;
}

.badge-status-finalizada[b-6sw71b9t27] {
    background-color: rgba(76, 175, 80, 0.15);
    color: #2e7d32;
    border: 1px solid rgba(76, 175, 80, 0.3);
    font-weight: 600;
}

/* ── Filter Select List ── */
.filtros-select-list[b-6sw71b9t27] {
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    background: #f8f9fa;
}

.filtros-select-list .form-check[b-6sw71b9t27] {
    padding: 4px 0;
}

/* ── Modal Overlay ── */
.modal-overlay[b-6sw71b9t27] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.modal-panel[b-6sw71b9t27] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    width: 100%;
    overflow: hidden;
}

.modal-panel-md[b-6sw71b9t27] {
    max-width: 560px;
}

.modal-panel-header[b-6sw71b9t27] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e9ecef;
    flex-shrink: 0;
}

.modal-panel-header h5[b-6sw71b9t27] {
    margin: 0;
    font-weight: 700;
    color: #2A63EF;
}

.btn-close-panel[b-6sw71b9t27] {
    background: none;
    border: none;
    font-size: 1.2rem;
    color: #6c757d;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    transition: all 0.2s;
}

.btn-close-panel:hover[b-6sw71b9t27] {
    background: #f0f0f0;
    color: #333;
}

.modal-panel-body[b-6sw71b9t27] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-panel-footer[b-6sw71b9t27] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* ── Empty State ── */
.empty-state[b-6sw71b9t27] {
    padding: 3rem 1rem;
    text-align: center;
}

.empty-state i[b-6sw71b9t27] {
    font-size: 3rem;
    color: #dee2e6;
    margin-bottom: 1rem;
    display: block;
}

/* ── Sub-filter unidades ── */
.unidade-select-btn[b-6sw71b9t27] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-size: 0.9rem;
    transition: border-color 0.15s, background 0.15s;
}

.unidade-select-btn:hover[b-6sw71b9t27] {
    border-color: #2A63EF;
    background: #f0f4ff;
}

.unidade-select-btn.selected[b-6sw71b9t27] {
    border-color: #2A63EF;
    background: #e8f0fd;
    color: #2A63EF;
    font-weight: 600;
}

/* ── Mobile Responsiveness ── */
@media (max-width: 768px) {
    .kpi-row[b-6sw71b9t27] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .report-page-header[b-6sw71b9t27] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .modal-panel-md[b-6sw71b9t27] {
        max-width: 100%;
        margin: 0;
        border-radius: 12px 12px 0 0;
        max-height: 95vh;
    }

    .modal-overlay[b-6sw71b9t27] {
        align-items: flex-end;
        padding: 0;
    }

    .custom-table-wrapper[b-6sw71b9t27] {
        max-height: none;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .kpi-row[b-6sw71b9t27] {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/ChipEdit.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   CARDS E CONTAINERS
   ══════════════════════════════════════════════════════════════════════════ */

.custom-card[b-fhvxmdqfvs] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg);
}

.custom-card .card-body[b-fhvxmdqfvs] {
    padding: 1.5rem;
}

.dash-container[b-fhvxmdqfvs] {
    padding: 1.5rem;
    max-width: 100%;
}

/* ══════════════════════════════════════════════════════════════════════════
   BOTÕES
   ══════════════════════════════════════════════════════════════════════════ */

.btn[b-fhvxmdqfvs] {
    border-radius: 12px;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    font-size: 0.95rem;
}

.btn:hover[b-fhvxmdqfvs] {
    transform: translateY(-2px);
}

.btn:active[b-fhvxmdqfvs] {
    transform: translateY(0);
}

.btn-custom-primary[b-fhvxmdqfvs] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border: none;
    color: white;
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: 12px;
    transition: all 0.2s;
}

.btn-custom-primary:hover:not(:disabled)[b-fhvxmdqfvs] {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.3);
}

.btn-custom-primary:disabled[b-fhvxmdqfvs] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-secondary[b-fhvxmdqfvs] {
    background: #6c757d;
    color: white;
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.2);
}

.btn-secondary:hover[b-fhvxmdqfvs] {
    background: #5a6268;
    box-shadow: 0 8px 24px rgba(108, 117, 125, 0.3);
}

.btn-outline-secondary[b-fhvxmdqfvs] {
    border: 2px solid #e9ecef;
    color: #6c757d;
    background: white;
    border-radius: 12px;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-outline-secondary:hover[b-fhvxmdqfvs] {
    background: #f8f9fa;
    border-color: #6c757d;
    color: #495057;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* ══════════════════════════════════════════════════════════════════════════
   FORMULÁRIOS
   ══════════════════════════════════════════════════════════════════════════ */

.form-label[b-fhvxmdqfvs] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #495057;
}

.form-control[b-fhvxmdqfvs],
.form-select[b-fhvxmdqfvs] {
    border-radius: 0.375rem;
    border: 1px solid #ced4da;
    padding: 0.5rem 0.75rem;
    transition: all 0.2s;
}

.form-control:focus[b-fhvxmdqfvs],
.form-select:focus[b-fhvxmdqfvs] {
    border-color: #2a63ef;
    box-shadow: 0 0 0 0.2rem rgba(42, 99, 239, 0.15);
}

.form-control:disabled[b-fhvxmdqfvs] {
    background-color: #e9ecef;
    opacity: 1;
}

.form-check-input[b-fhvxmdqfvs] {
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
}

.form-check-input:checked[b-fhvxmdqfvs] {
    background-color: #2a63ef;
    border-color: #2a63ef;
}

.form-check-label[b-fhvxmdqfvs] {
    cursor: pointer;
    user-select: none;
}

/* ══════════════════════════════════════════════════════════════════════════
   TIMELINE - HISTÓRICO DE RESPONSÁVEIS
   ══════════════════════════════════════════════════════════════════════════ */

.timeline[b-fhvxmdqfvs] {
    position: relative;
    padding-left: 30px;
}

.timeline[b-fhvxmdqfvs]::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 15px;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, #2a63ef, #9db8f8 45%, #dbe5ff 80%, #edf2ff 100%);
}

.timeline-item[b-fhvxmdqfvs] {
    position: relative;
    margin-bottom: 1.2rem;
}

.timeline-item:last-child[b-fhvxmdqfvs] {
    margin-bottom: 0;
}

.timeline-marker[b-fhvxmdqfvs] {
    position: absolute;
    left: -30px;
    top: 16px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #b7c8f4;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #d3def9;
    z-index: 1;
}

.timeline-marker.active[b-fhvxmdqfvs] {
    background: #28a745;
    box-shadow: 0 0 0 2px #28a745, 0 0 10px rgba(40, 167, 69, 0.45);
    animation: pulse-b-fhvxmdqfvs 2s infinite;
}

@keyframes pulse-b-fhvxmdqfvs {

    0%,
    100% {
        box-shadow: 0 0 0 2px #28a745, 0 0 8px rgba(40, 167, 69, 0.5);
    }

    50% {
        box-shadow: 0 0 0 2px #28a745, 0 0 12px rgba(40, 167, 69, 0.8);
    }
}

.timeline-content[b-fhvxmdqfvs] {
    background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
    padding: 1rem 1.1rem;
    border-radius: 0.85rem;
    border: 1px solid #e6ecfb;
    box-shadow: 0 4px 10px rgba(42, 99, 239, 0.08);
}

.timeline-content-active[b-fhvxmdqfvs] {
    border-color: #a9c2fb;
    box-shadow: 0 6px 14px rgba(42, 99, 239, 0.14);
}

.timeline-header[b-fhvxmdqfvs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed #d8e1f7;
}

.timeline-header strong[b-fhvxmdqfvs] {
    color: #212529;
    font-size: 0.98rem;
}

.timeline-user[b-fhvxmdqfvs] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.timeline-user small[b-fhvxmdqfvs] {
    font-size: 0.8rem;
}

.timeline-status-badge[b-fhvxmdqfvs] {
    border-radius: 999px;
    padding: 0.28rem 0.7rem;
    font-size: 0.74rem;
    font-weight: 700;
    white-space: nowrap;
}

.timeline-status-badge.status-active[b-fhvxmdqfvs] {
    background: rgba(40, 167, 69, 0.15);
    color: #1f7a36;
}

.timeline-status-badge.status-finished[b-fhvxmdqfvs] {
    background: rgba(108, 117, 125, 0.14);
    color: #4f5a65;
}

.timeline-details[b-fhvxmdqfvs] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.timeline-period-grid[b-fhvxmdqfvs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.timeline-period-item[b-fhvxmdqfvs] {
    background: #f4f7ff;
    border: 1px solid #e2eafe;
    border-radius: 0.65rem;
    padding: 0.55rem 0.65rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.timeline-period-label[b-fhvxmdqfvs] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #6f7ca2;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.timeline-period-value[b-fhvxmdqfvs] {
    font-size: 0.83rem;
    color: #334056;
}

.timeline-duration[b-fhvxmdqfvs],
.timeline-reason[b-fhvxmdqfvs],
.timeline-obs[b-fhvxmdqfvs] {
    font-size: 0.875rem;
    color: #6c757d;
}

.timeline-period-value i[b-fhvxmdqfvs],
.timeline-duration i[b-fhvxmdqfvs],
.timeline-reason i[b-fhvxmdqfvs],
.timeline-obs i[b-fhvxmdqfvs] {
    color: #2a63ef;
    width: 16px;
    text-align: center;
}

.timeline-reason strong[b-fhvxmdqfvs],
.timeline-obs strong[b-fhvxmdqfvs] {
    color: #495057;
}

/* ══════════════════════════════════════════════════════════════════════════
   TABELA DE LOGS
   ══════════════════════════════════════════════════════════════════════════ */

.table-responsive[b-fhvxmdqfvs] {
    overflow-x: auto;
}

.table[b-fhvxmdqfvs] {
    margin-bottom: 0;
}

.table thead th[b-fhvxmdqfvs] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #495057;
    border-bottom: 2px solid #dee2e6;
    padding: 1rem 0.75rem;
}

.table tbody tr[b-fhvxmdqfvs] {
    transition: all 0.2s ease;
}

.table tbody tr:hover[b-fhvxmdqfvs] {
    background: rgba(42, 99, 239, 0.04);
}

.table tbody td[b-fhvxmdqfvs] {
    padding: 0.875rem 0.75rem;
    vertical-align: middle;
    border-bottom: 1px solid #e9ecef;
}

/* ══════════════════════════════════════════════════════════════════════════
   ALERTAS E BADGES
   ══════════════════════════════════════════════════════════════════════════ */

.alert[b-fhvxmdqfvs] {
    border-radius: 0.5rem;
    border: none;
}

.alert-info[b-fhvxmdqfvs] {
    background: #e7f3ff;
    color: #004085;
}

.alert-info i[b-fhvxmdqfvs] {
    color: #2a63ef;
}

.badge[b-fhvxmdqfvs] {
    padding: 0.35em 0.65em;
    font-weight: 600;
    border-radius: 0.25rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   VALIDAÇÃO
   ══════════════════════════════════════════════════════════════════════════ */

.validation-message[b-fhvxmdqfvs] {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.invalid[b-fhvxmdqfvs] {
    border-color: #dc3545 !important;
}

.invalid:focus[b-fhvxmdqfvs] {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   LOADING STATES
   ══════════════════════════════════════════════════════════════════════════ */

.spinner-border[b-fhvxmdqfvs] {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 0.2em;
}

.spinner-border-sm[b-fhvxmdqfvs] {
    width: 1rem;
    height: 1rem;
    border-width: 0.15em;
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVIDADE
   ══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .dash-container[b-fhvxmdqfvs] {
        padding: 1rem;
    }

    .timeline[b-fhvxmdqfvs] {
        padding-left: 30px;
    }

    .timeline-marker[b-fhvxmdqfvs] {
        left: -30px;
        top: 16px;
    }

    .timeline-header[b-fhvxmdqfvs] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .timeline-period-grid[b-fhvxmdqfvs] {
        grid-template-columns: 1fr;
    }

    .timeline-status-badge[b-fhvxmdqfvs] {
        align-self: flex-start;
    }

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

    .table tbody tr[b-fhvxmdqfvs] {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #e9ecef;
        border-radius: 0.75rem;
        overflow: hidden;
        background: #ffffff;
        box-shadow: 0 2px 8px rgba(42, 99, 239, 0.05);
    }

    .table tbody td[b-fhvxmdqfvs] {
        display: block;
        text-align: right;
        padding: 0.75rem 1rem;
        border-bottom: 1px solid #f1f3f5;
        word-break: break-word;
    }

    .table tbody td:last-child[b-fhvxmdqfvs] {
        border-bottom: none;
    }

    .table tbody td[b-fhvxmdqfvs]::before {
        content: attr(data-label);
        float: left;
        font-weight: 600;
        color: #495057;
        margin-right: 1rem;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   CARD TITLE
   ══════════════════════════════════════════════════════════════════════════ */

.card-title[b-fhvxmdqfvs] {
    color: var(--ink-900, #212529);
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.card-title i[b-fhvxmdqfvs] {
    color: #2a63ef;
}

/* ══════════════════════════════════════════════════════════════════════════
   MODAL DE MOTIVO DE TROCA DE RESPONSÁVEL
   ══════════════════════════════════════════════════════════════════════════ */
.motivo-overlay[b-fhvxmdqfvs] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1040;
    display: flex;
    align-items: center;
    justify-content: center;
}

.motivo-modal[b-fhvxmdqfvs] {
    width: clamp(320px, 90vw, 550px);
    background: var(--card-bg, #fff);
    color: var(--ink-900, #212529);
    border-radius: 1.1rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
    padding: 24px;
    display: flex;
    flex-direction: column;
    animation: modalIn-b-fhvxmdqfvs 0.25s ease;
}

@keyframes modalIn-b-fhvxmdqfvs {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

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

/* Card Collapsible Header & Content Styles */
.custom-card .card-header[b-fhvxmdqfvs] {
    background-color: var(--input-bg, #f8f9fa) !important;
    border-top-left-radius: 1.2rem !important;
    border-top-right-radius: 1.2rem !important;
    border-bottom: none !important;
    padding: 1.2rem 1.5rem !important;
    transition: background-color 0.2s ease, border-radius 0.2s ease;
    color: var(--ink-900, #212529);
}

.custom-card .card-header.collapsed[b-fhvxmdqfvs] {
    border-bottom-left-radius: 1.2rem !important;
    border-bottom-right-radius: 1.2rem !important;
}

.custom-card .card-header:hover[b-fhvxmdqfvs] {
    background-color: var(--primary-50, #f1f3f5) !important;
}

/* Smooth collapse animation using CSS Grid template-rows */
.collapse-content[b-fhvxmdqfvs] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-out;
    overflow: hidden;
}

.collapse-content.show[b-fhvxmdqfvs] {
    grid-template-rows: 1fr;
}

.collapse-inner[b-fhvxmdqfvs] {
    min-height: 0;
}

/* ══════════════════════════════════════════════════════════════════════════
   MODAL DE CONSUMO DE FRANQUIA & NAV TABS
   ══════════════════════════════════════════════════════════════════════════ */
.modal-backdrop-custom[b-fhvxmdqfvs] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(6px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    overflow-y: auto;
    animation: fadeInBackdrop-b-fhvxmdqfvs 0.25s ease-out forwards;
}

.modal-backdrop-custom.closing[b-fhvxmdqfvs] {
    animation: fadeOutBackdrop-b-fhvxmdqfvs 0.25s ease-in forwards;
}

/* O modal agora é filho do backdrop (position: relative), sem posicionamento fixo próprio */
.modal-variacoes[b-fhvxmdqfvs] {
    position: relative;
    width: min(92%, 860px);
    max-height: 90vh;
    background: #ffffff;
    border-radius: 1.25rem;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
    z-index: 1051;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: scaleUpModal-b-fhvxmdqfvs 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.modal-variacoes.closing[b-fhvxmdqfvs] {
    animation: scaleDownModal-b-fhvxmdqfvs 0.25s cubic-bezier(0.7, 0, 0.84, 0) forwards;
}

.modal-header-variacoes[b-fhvxmdqfvs] {
    background: linear-gradient(135deg, #1e4ab8 0%, #2A63EF 100%);
    color: white;
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-body-variacoes[b-fhvxmdqfvs] {
    padding: 1.5rem;
    overflow-y: auto;
    max-height: calc(90vh - 140px);
}

.modal-footer-variacoes[b-fhvxmdqfvs] {
    border-top: 1px solid var(--border, #e2e8f0);
    background: var(--input-bg, #f8fafc);
}

.nav-tabs-custom[b-fhvxmdqfvs] {
    border-bottom: 2px solid #e2e8f0;
    gap: 0.5rem;
}

.nav-tabs-custom .nav-link[b-fhvxmdqfvs] {
    border: none;
    border-bottom: 3px solid transparent;
    color: #64748b;
    font-weight: 600;
    padding: 0.6rem 1.2rem;
    border-radius: 0;
    background: transparent;
    transition: all 0.2s ease;
}

.nav-tabs-custom .nav-link:hover[b-fhvxmdqfvs] {
    color: #2A63EF;
    background: rgba(42, 99, 239, 0.04);
}

.nav-tabs-custom .nav-link.active[b-fhvxmdqfvs] {
    color: #2A63EF;
    border-bottom-color: #2A63EF;
    background: transparent;
}

@keyframes fadeInBackdrop-b-fhvxmdqfvs {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOutBackdrop-b-fhvxmdqfvs {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes scaleUpModal-b-fhvxmdqfvs {
    from { opacity: 0; transform: scale(0.96) translateY(-8px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

@keyframes scaleDownModal-b-fhvxmdqfvs {
    from { opacity: 1; transform: scale(1) translateY(0); }
    to { opacity: 0; transform: scale(0.96) translateY(-8px); }
}
/* _content/PatrimonioGarbo/Components/Pages/ChipsDepartamentos.razor.rz.scp.css */
/* === DEPARTAMENTOS DE CHIPS - VISUAL MODERNO === */

.dash-container[b-314h8texcd] {
    padding: 1.5rem;
    max-width: 100%;
}

.custom-card[b-314h8texcd] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: #fff;
}

.custom-card:hover:not(.no-lift)[b-314h8texcd] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
}

.btn[b-314h8texcd] {
    border-radius: 8px;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    font-size: 0.95rem;
}

.btn:hover[b-314h8texcd] {
    transform: translateY(-2px);
}

.btn:active[b-314h8texcd] {
    transform: translateY(0);
}

.btn-secondary[b-314h8texcd] {
    background: #6c757d;
    color: white;
    box-shadow: 0 4px 8px rgba(108, 117, 125, 0.2);
}

.btn-secondary:hover[b-314h8texcd] {
    background: #5a6268;
    box-shadow: 0 8px 24px rgba(108, 117, 125, 0.3);
}

.btn-custom-primary[b-314h8texcd] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border: none;
    color: white;
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
    transition: all 0.2s;
}

.btn-custom-primary:hover[b-314h8texcd] {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

.btn-custom-primary:disabled[b-314h8texcd] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.form-control[b-314h8texcd],
.form-select[b-314h8texcd] {
    border-radius: 12px;
    border: 2px solid #e9ecef;
    transition: all 0.3s ease;
    background: #f8f9fa;
    padding: 0.65rem 1rem;
    min-height: 42px;
}

.form-control:focus[b-314h8texcd],
.form-select:focus[b-314h8texcd] {
    border-color: #2A63EF;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.1);
    background: white;
    outline: none;
}

.form-label[b-314h8texcd] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   TABELA MODERNA - DESIGN RENOVADO
   ══════════════════════════════════════════════════════════════════════════ */

.departamentos-table-modern[b-314h8texcd] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    overflow-x: auto;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ── Header da Tabela ─────────────────────────────────────────────────────── */
.table-header-row[b-314h8texcd] {
    display: grid;
    grid-template-columns: 80px 1.5fr 1.8fr 1.2fr 1.2fr 1.4fr 110px;
    min-width: 950px;
    gap: 12px;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 2px solid var(--border, #e6ece9);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700, #3b4a43);
    align-items: center;
}

/* ── Linhas da Tabela ─────────────────────────────────────────────────────── */
.table-row[b-314h8texcd] {
    display: grid;
    grid-template-columns: 80px 1.5fr 1.8fr 1.2fr 1.2fr 1.4fr 110px;
    min-width: 950px;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border, #e6ece9);
    transition: all 0.2s ease;
    align-items: center;
    background: var(--card-bg, #fff);
}

.table-row:hover[b-314h8texcd] {
    background: rgba(42, 99, 239, 0.04);
    box-shadow: inset 4px 0 0 #2a63ef;
}

.table-row:last-child[b-314h8texcd] {
    border-bottom: none;
}

/* ── Células ──────────────────────────────────────────────────────────────── */
.table-cell[b-314h8texcd] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--ink-900, #0b1f17);
    overflow: hidden;
}

/* ── Badges ─────────────────────────────────────────────────────────────── */
.id-badge[b-314h8texcd] {
    background: linear-gradient(135deg, #6c757d 0%, #adb5bd 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

.nome-text[b-314h8texcd] {
    font-weight: 600;
    color: #212529;
}

.status-badge[b-314h8texcd] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.status-badge.status-ativo[b-314h8texcd] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.status-badge.status-inativo[b-314h8texcd] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

.produtos-count[b-314h8texcd] {
    font-size: 0.85rem;
    color: #6c757d;
    font-weight: 500;
}

.produtos-count i[b-314h8texcd] {
    opacity: 0.85;
}

/* ── Ações ──────────────────────────────────────────────────────────────── */
.cell-actions[b-314h8texcd] {
    justify-content: flex-end;
    overflow: visible;
}

.action-buttons[b-314h8texcd] {
    display: flex;
    gap: 6px;
}

.btn-action[b-314h8texcd] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    text-decoration: none;
    background: transparent;
}

.btn-action-primary[b-314h8texcd] {
    background: rgba(42, 99, 239, 0.1);
    color: #2a63ef;
}

.btn-action-primary:hover[b-314h8texcd] {
    background: #2a63ef;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

.btn-action-danger[b-314h8texcd] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.btn-action-danger:hover[b-314h8texcd] {
    background: #dc3545;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
}

/* ── Empty State ──────────────────────────────────────────────────────────── */
.empty-state[b-314h8texcd] {
    text-align: center;
    padding: 60px 20px;
    color: var(--text-muted, #6c757d);
}

.empty-state i[b-314h8texcd] {
    font-size: 3.5rem;
    margin-bottom: 16px;
    opacity: 0.4;
    display: block;
}

.empty-state h5[b-314h8texcd] {
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--ink-700, #3b4a43);
}

/* ══════════════════════════════════════════════════════════════════════════
   MODAL MODERNO DE CADASTRO/EDIÇÃO
   ══════════════════════════════════════════════════════════════════════════ */

.modal-backdrop-custom[b-314h8texcd] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1040;
    backdrop-filter: blur(8px);
    animation: fadeInBackdrop-b-314h8texcd 0.3s ease-out;
}

@keyframes fadeInBackdrop-b-314h8texcd {
    from {
        opacity: 0;
        backdrop-filter: blur(0px);
    }
    to {
        opacity: 1;
        backdrop-filter: blur(8px);
    }
}

.modal-cadastro[b-314h8texcd] {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    width: 90vw;
    max-width: 500px;
    background: var(--card-bg, white);
    color: var(--ink-900, #212529);
    border-radius: 24px;
    z-index: 1051;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    margin: auto;
    animation: modalSlideIn-b-314h8texcd 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
}

@keyframes modalSlideIn-b-314h8texcd {
    from {
        opacity: 0;
        transform: translate(-50%, -45%) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.modal-header-cadastro[b-314h8texcd] {
    padding: 24px 28px;
    border-bottom: none;
    background: linear-gradient(135deg, #2a63ef 0%, #5483f2 100%);
    position: relative;
}

.modal-header-cadastro h5[b-314h8texcd] {
    margin: 0;
    color: white;
    font-weight: 700;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
}

.modal-header-cadastro h5 i[b-314h8texcd] {
    font-size: 1.5rem;
    margin-right: 12px;
}

.btn-close-white[b-314h8texcd] {
    position: absolute;
    right: 20px;
    top: 20px;
    filter: brightness(0) invert(1);
    opacity: 0.8;
    transition: all 0.3s ease;
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.5rem;
}

.btn-close-white:hover[b-314h8texcd] {
    opacity: 1;
    transform: rotate(90deg);
}

.modal-body-cadastro[b-314h8texcd] {
    padding: 28px;
    background: white;
}

.modal-footer-cadastro[b-314h8texcd] {
    padding: 20px 28px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    background: #fafafa;
}

/* Form Switch personalizado */
.form-switch[b-314h8texcd] {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.form-switch .form-check-input[b-314h8texcd] {
    width: 3.2rem !important;
    height: 1.6rem !important;
    cursor: pointer;
    background-color: #cbd5e1;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
    background-position: left center;
    border-radius: 2rem;
    border: none !important;
    transition: background-position 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    margin-left: 0;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
}

.form-switch .form-check-input:checked[b-314h8texcd] {
    background-color: #2A63EF !important;
    background-position: right center !important;
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.2);
}

.form-switch .form-check-input:focus[b-314h8texcd] {
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.25);
}

.form-check-label[b-314h8texcd] {
    margin-left: 0.75rem;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
    user-select: none;
}

@media (max-width: 768px) {
    .dash-container[b-314h8texcd] {
        padding: 1rem;
    }

    .table-header-row[b-314h8texcd],
    .table-row[b-314h8texcd] {
        grid-template-columns: 60px 1fr 100px;
        gap: 8px;
        padding: 12px 16px;
    }

    .cell-status[b-314h8texcd],
    .cell-chips[b-314h8texcd] {
        display: none;
    }

    .modal-cadastro[b-314h8texcd] {
        width: 95vw;
        max-width: 95vw;
        border-radius: 20px;
    }

    .modal-header-cadastro[b-314h8texcd],
    .modal-body-cadastro[b-314h8texcd],
    .modal-footer-cadastro[b-314h8texcd] {
        padding: 20px;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/ChipsHistoricoConsumoListagem.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   HISTÓRICO DE CONSUMO DE DADOS - ESTILOS EXCLUSIVOS
   ══════════════════════════════════════════════════════════════════════════ */

.kpi-row[b-vzp86ve3tr] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 1.5rem;
}

.kpi-card[b-vzp86ve3tr] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border, #e6ece9);
    border-radius: 12px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.kpi-icon[b-vzp86ve3tr] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.kpi-icon-primary[b-vzp86ve3tr] {
    background: var(--primary-50, #eef2ff);
    color: var(--primary-600, #2a63ef);
}

.kpi-icon-success[b-vzp86ve3tr] {
    background: rgba(76, 175, 80, 0.12);
    color: #2e7d32;
}

.kpi-icon-info[b-vzp86ve3tr] {
    background: rgba(3, 169, 244, 0.12);
    color: #0288d1;
}

.kpi-info[b-vzp86ve3tr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.kpi-value[b-vzp86ve3tr] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--ink-900, #0b1f17);
    line-height: 1.2;
}

.kpi-label[b-vzp86ve3tr] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--ink-600, #677d73);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

/* ── TABELA MODERNA MESMO ESTILO DE CHIPSLISTAGEM ── */
.historico-table-modern[b-vzp86ve3tr] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    border: 1px solid var(--border, #e6ece9);
}

.table-header-row[b-vzp86ve3tr] {
    display: grid;
    grid-template-columns: 1.1fr 1.3fr 1.1fr 2fr 1.5fr 1.1fr 1fr 1fr;
    gap: 12px;
    padding: 14px 20px;
    background: linear-gradient(135deg, var(--primary-50, #eef2ff) 0%, color-mix(in srgb, var(--primary-100, #dde6ff) 60%, #f8f9fa) 100%);
    border-bottom: 2px solid var(--primary-200, #c3d0ff);
    font-weight: 700;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--primary-700, #2a44a3);
    align-items: center;
}

.table-row[b-vzp86ve3tr] {
    display: grid;
    grid-template-columns: 1.1fr 1.3fr 1.1fr 2fr 1.5fr 1.1fr 1fr 1fr;
    gap: 12px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--border, #e6ece9);
    transition: all 0.2s ease;
    align-items: center;
    background: var(--card-bg, #fff);
}

.table-row:hover[b-vzp86ve3tr] {
    background: rgba(42, 99, 239, 0.04);
    box-shadow: inset 4px 0 0 var(--primary-500, #2a63ef);
}

.table-row:last-child[b-vzp86ve3tr] {
    border-bottom: none;
}

.table-cell[b-vzp86ve3tr] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--ink-900, #0b1f17);
    overflow: hidden;
}

@media (max-width: 992px) {
    .kpi-row[b-vzp86ve3tr] {
        grid-template-columns: 1fr;
    }

    .table-header-row[b-vzp86ve3tr] {
        display: none;
    }

    .table-row[b-vzp86ve3tr] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 16px;
    }

    .table-cell[b-vzp86ve3tr] {
        width: 100%;
        justify-content: space-between;
    }

    .table-cell[b-vzp86ve3tr]::before {
        content: attr(data-label);
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        color: var(--ink-600);
        margin-right: 12px;
    }
}

/* Nav Tabs Custom */
.nav-tabs-custom[b-vzp86ve3tr] {
    border-bottom: 2px solid var(--border, #e6ece9);
    gap: 8px;
}

.nav-tabs-custom .nav-link[b-vzp86ve3tr] {
    border: none;
    border-bottom: 3px solid transparent;
    color: var(--ink-600, #677d73);
    font-weight: 600;
    font-size: 0.95rem;
    padding: 10px 20px;
    border-radius: 8px 8px 0 0;
    background: transparent;
    transition: all 0.2s ease;
    cursor: pointer;
}

.nav-tabs-custom .nav-link:hover[b-vzp86ve3tr] {
    color: var(--primary-600, #2a63ef);
    background: rgba(42, 99, 239, 0.05);
}

.nav-tabs-custom .nav-link.active[b-vzp86ve3tr] {
    color: var(--primary-600, #2a63ef);
    border-bottom-color: var(--primary-600, #2a63ef);
    background: rgba(42, 99, 239, 0.08);
    font-weight: 700;
}

/* _content/PatrimonioGarbo/Components/Pages/ChipsListagem.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   KPI ROW E CARDS
   ══════════════════════════════════════════════════════════════════════════ */

.kpi-row[b-4q5xk43bsk] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 1.5rem;
}

.kpi-card[b-4q5xk43bsk] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border, #e6ece9);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.08);
}

.kpi-icon[b-4q5xk43bsk] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.kpi-info[b-4q5xk43bsk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.kpi-value[b-4q5xk43bsk] {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1;
    color: var(--ink-900, #0b1f17);
}

.kpi-label[b-4q5xk43bsk] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--ink-500, #70867b);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

/* ══════════════════════════════════════════════════════════════════════════
   CARDS E CONTAINERS
   ══════════════════════════════════════════════════════════════════════════ */

.custom-card[b-4q5xk43bsk] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: #fff;
position: relative;
}

.custom-card:hover:not(.no-lift)[b-4q5xk43bsk] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
    transform: translateY(-2px);
}

.custom-card .card-body[b-4q5xk43bsk] {
    padding: 1rem;
}

.custom-card:has(.custom-dropdown)[b-4q5xk43bsk] {
    overflow: visible !important;
}

.custom-card:has(.custom-dropdown) .card-body[b-4q5xk43bsk] {
    overflow: visible !important;
}

.dash-container[b-4q5xk43bsk] {
    padding: 1.5rem;
    max-width: 100%;
}

/* ══════════════════════════════════════════════════════════════════════════
   BOTÕES
   ══════════════════════════════════════════════════════════════════════════ */

.btn-custom-primary[b-4q5xk43bsk] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border: none;
    color: white;
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
    transition: all 0.2s;
}

.btn-custom-primary:hover[b-4q5xk43bsk] {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

/* ══════════════════════════════════════════════════════════════════════════
   FILTROS EXPANSÍVEIS
   ══════════════════════════════════════════════════════════════════════════ */

.btn-toggle-filters[b-4q5xk43bsk] {
    background: transparent;
    border: 1px solid #393c3f;
    border-radius: 8px;
    padding: 0.4rem 0.8rem;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s;
    font-size: 0.875rem;
}

.btn-toggle-filters:hover[b-4q5xk43bsk] {
    background: #f8f9fa;
    border-color: 393c3f;
    color: #495057;
}

.btn-toggle-filters i[b-4q5xk43bsk] {
    transition: transform 0.2s;
}

.btn-toggle-filters.expanded i[b-4q5xk43bsk] {
    transform: rotate(180deg);
}

.btn-custom-primary-outline[b-4q5xk43bsk] {
    background: transparent;
    border: 1px solid #28415b;
    border-radius: 8px;
    padding: 0.4rem 0.8rem;
    color: #2d6ef5;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s;
    font-size: 0.875rem;
}

.btn-custom-primary-outline:hover[b-4q5xk43bsk] {
    background: #2A63EF;
    color: white;
    border-color: #2A63EF;
}

.export-dropdown-menu[b-4q5xk43bsk] {
    border-radius: 12px;
    padding: 0.5rem;
    position: absolute;
    right: 0;
    z-index: 1050;
    margin-top: 5px;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, #e6ece9);
    box-shadow: 0 10px 30px var(--shadow-color, rgba(0,0,0,0.15));
}

.export-dropdown-item[b-4q5xk43bsk] {
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    color: var(--ink-900);
    transition: all 0.2s ease;
}

.export-dropdown-item:hover[b-4q5xk43bsk] {
    background-color: var(--primary-50);
}

.filters-container[b-4q5xk43bsk] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, margin-top 0.3s ease;
    opacity: 0;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.filters-container.expanded[b-4q5xk43bsk] {
    grid-template-rows: 1fr;
    opacity: 1;
    margin-top: 1rem;
    overflow: visible;
}

.filters-container > .row[b-4q5xk43bsk] {
    overflow: visible;
    min-height: 0;
}

/* ══════════════════════════════════════════════════════════════════════════
   DROPDOWNS CUSTOMIZADOS
   ══════════════════════════════════════════════════════════════════════════ */

.custom-dropdown[b-4q5xk43bsk] {
    position: relative;
    width: 100%;
    z-index: 100;
}

.custom-dropdown.open[b-4q5xk43bsk] {
    z-index: 1000;
}

.custom-dropdown-trigger[b-4q5xk43bsk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
    background: var(--card-bg, white);
    border: 1px solid var(--border, #ced4da);
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 101;
}

.custom-dropdown-trigger:hover[b-4q5xk43bsk] {
    border-color: var(--primary-400, #adb5bd);
    background: var(--input-bg, #f8f9fa);
}

.custom-dropdown.open .custom-dropdown-trigger[b-4q5xk43bsk] {
    border-color: var(--primary-500, #2a63ef);
    box-shadow: 0 0 0 0.2rem rgba(42, 99, 239, 0.15);
}

.custom-dropdown-trigger .selected-text[b-4q5xk43bsk] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ink-900, #495057);
    font-size: 0.875rem;
}

.custom-dropdown-trigger i[b-4q5xk43bsk] {
    color: var(--ink-500, #6c757d);
    font-size: 0.75rem;
    transition: transform 0.2s;
}

.custom-dropdown.open .custom-dropdown-trigger i[b-4q5xk43bsk] {
    transform: rotate(180deg);
}

.custom-dropdown-options[b-4q5xk43bsk] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--card-bg, white);
    border: 1px solid var(--border, #dee2e6);
    border-radius: 0.375rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.2s ease;
    z-index: 1050;
}

.custom-dropdown-options.show[b-4q5xk43bsk] {
    max-height: 300px;
    overflow-y: auto;
    opacity: 1;
}

.dropdown-option[b-4q5xk43bsk] {
    padding: 0.6rem 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--ink-900, #495057);
    font-size: 0.875rem;
}

.dropdown-option:hover[b-4q5xk43bsk] {
    background: var(--primary-50, rgba(42, 99, 239, 0.08));
    color: var(--primary-400, #2a63ef);
}

.dropdown-option.selected[b-4q5xk43bsk] {
    background: var(--primary-50, rgba(42, 99, 239, 0.12));
    color: var(--primary-500, #2a63ef);
}
    opacity: 1;[b-4q5xk43bsk]
}

.dropdown-option[b-4q5xk43bsk] {
    padding: 0.6rem 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
    color: #495057;
    font-size: 0.875rem;
}

.dropdown-option:hover[b-4q5xk43bsk] {
    background: rgba(42, 99, 239, 0.08);
    color: #2a63ef;
}

.dropdown-option.selected[b-4q5xk43bsk] {
    background: rgba(42, 99, 239, 0.12);
    color: #2a63ef;
    font-weight: 600;
}

/* ══════════════════════════════════════════════════════════════════════════
   TABELA MODERNA - DESIGN RENOVADO
   ══════════════════════════════════════════════════════════════════════════ */

.chips-table-modern[b-4q5xk43bsk] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    overflow-x: auto;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ── Header da Tabela ─────────────────────────────────────────────────────── */
.table-header-row[b-4q5xk43bsk] {
    display: grid;
    grid-template-columns: 55px 1.1fr 0.65fr 0.85fr 1.1fr 1.1fr 1fr 45px 130px;
    min-width: 1000px;
    gap: 10px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 2px solid var(--border, #e6ece9);
    font-weight: 700;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--primary-700, #2a44a3);
    align-items: center;
}

/* ── Linhas da Tabela ─────────────────────────────────────────────────────── */
.table-row[b-4q5xk43bsk] {
    display: grid;
    grid-template-columns: 55px 1.1fr 0.65fr 0.85fr 1.1fr 1.1fr 1fr 45px 130px;
    min-width: 1000px;
    gap: 10px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--border, #e6ece9);
    transition: all 0.2s ease;
    cursor: pointer;
    align-items: center;
    background: var(--card-bg, #fff);
    position: relative;
    z-index: 1;
}

.table-row.has-open-popover[b-4q5xk43bsk],
.table-row:has(.show-popover)[b-4q5xk43bsk] {
    background: rgba(42, 99, 239, 0.04);
    box-shadow: inset 4px 0 0 #2a63ef;
    z-index: 10000 !important;
    overflow: visible !important;
}

.table-row:hover[b-4q5xk43bsk],
.table-row:focus-within[b-4q5xk43bsk] {
    background: rgba(42, 99, 239, 0.04);
    box-shadow: inset 4px 0 0 #2a63ef;
}

.table-row:last-child[b-4q5xk43bsk] {
    border-bottom: none;
}

/* ── Células ──────────────────────────────────────────────────────────────── */
.table-cell[b-4q5xk43bsk] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--ink-900, #0b1f17);
    overflow: hidden;
}

.table-cell[data-label="Número"][b-4q5xk43bsk],
.table-cell[data-label="Status"][b-4q5xk43bsk],
.table-cell[data-label="Ações"][b-4q5xk43bsk],
.table-cell.cell-actions[b-4q5xk43bsk],
.cell-actions[b-4q5xk43bsk] {
    overflow: visible !important;
}

/* ── Operadora Badge ──────────────────────────────────────────────────────── */
.operadora-badge[b-4q5xk43bsk] {
    background: linear-gradient(135deg, #2a63ef 0%, #5483f2 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

/* ── Número com Ícone ────────────────────────────────────────────────────── */
.numero-info[b-4q5xk43bsk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.numero-icon-wrapper[b-4q5xk43bsk] {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(42, 99, 239, 0.1) 0%, rgba(84, 131, 242, 0.1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1rem;
    color: #2a63ef;
}

/* ── Status Badge ─────────────────────────────────────────────────────────── */
.status-badge[b-4q5xk43bsk] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
}

.status-badge-ativo[b-4q5xk43bsk] {
    background: rgba(76, 175, 80, 0.1);
    color: #2e7d32;
}

.status-badge-inativo[b-4q5xk43bsk] {
    background: rgba(189, 189, 189, 0.1);
    color: #666;
}

.status-badge-perdido[b-4q5xk43bsk] {
    background: rgba(244, 67, 54, 0.1);
    color: #d32f2f;
}

.status-badge-extraviado[b-4q5xk43bsk] {
    background: rgba(255, 152, 0, 0.1);
    color: #e65100;
}

.status-badge-danificado[b-4q5xk43bsk] {
    background: rgba(63, 81, 181, 0.1);
    color: #283593;
}

.status-badge-bloqueado[b-4q5xk43bsk] {
    background: rgba(233, 30, 99, 0.1);
    color: #ad1457;
}

/* ── Responsável Badge ────────────────────────────────────────────────────── */
.responsavel-badge[b-4q5xk43bsk] {
    font-size: 0.85rem;
    color: var(--ink-900, #0b1f17);
}

.responsavel-badge.sem-responsavel[b-4q5xk43bsk] {
    color: #999;
    font-style: italic;
}

/* ── Actions ──────────────────────────────────────────────────────────────── */
.cell-actions[b-4q5xk43bsk] {
    justify-content: center;
    overflow: visible !important;
    position: relative;
    z-index: 5;
}

.action-buttons[b-4q5xk43bsk] {
    display: flex;
    gap: 6px;
    position: relative;
    overflow: visible !important;
}

.btn-action[b-4q5xk43bsk] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 0.9rem;
    text-decoration: none;
    position: relative;
    z-index: 1;
}

.btn-action:hover[b-4q5xk43bsk] {
    z-index: 10;
    transform: translateY(-2px);
}

.btn-action-info[b-4q5xk43bsk] {
    background: rgba(2, 136, 209, 0.12);
    color: #0288d1;
}

.btn-action-info:hover[b-4q5xk43bsk] {
    background: #0288d1;
    color: white;
    box-shadow: 0 4px 12px rgba(2, 136, 209, 0.3);
}

.btn-action-primary[b-4q5xk43bsk] {
    background: rgba(42, 99, 239, 0.1);
    color: #2a63ef;
}

.btn-action-primary:hover[b-4q5xk43bsk] {
    background: #2a63ef;
    color: white;
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.3);
}

.btn-action-danger[b-4q5xk43bsk] {
    background: rgba(244, 67, 54, 0.1);
    color: #f44336;
}

.btn-action-danger:hover[b-4q5xk43bsk] {
    background: #f44336;
    color: white;
    box-shadow: 0 4px 12px rgba(244, 67, 54, 0.3);
}

/* ── Tabela Tradicional (fallback) ───────────────────────────────────────── */
.table-responsive[b-4q5xk43bsk] {
    overflow-x: auto;
}

.table[b-4q5xk43bsk] {
    margin-bottom: 0;
}

.table thead th[b-4q5xk43bsk] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #495057;
    border-bottom: 2px solid #dee2e6;
    padding: 1rem 0.75rem;
}

.table tbody tr[b-4q5xk43bsk] {
    transition: all 0.2s ease;
}

.table tbody tr:hover[b-4q5xk43bsk] {
    background: rgba(42, 99, 239, 0.04);
    box-shadow: inset 4px 0 0 #2a63ef;
}

.table tbody td[b-4q5xk43bsk] {
    padding: 0.875rem 0.75rem;
    vertical-align: middle;
    border-bottom: 1px solid #e9ecef;
}

/* ══════════════════════════════════════════════════════════════════════════
   MODAL DE EXCLUSÃO
   ══════════════════════════════════════════════════════════════════════════ */

/* Estilos específicos adicionais do Modal de Exclusão */

.modal-header-variacoes[b-4q5xk43bsk] {
    background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);
    color: white;
    padding: 1.25rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border);
}

.modal-header-variacoes h5[b-4q5xk43bsk] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.modal-body-variacoes[b-4q5xk43bsk] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVIDADE
   ══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1200px) {
    .kpi-row[b-4q5xk43bsk] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .dash-container[b-4q5xk43bsk] {
        padding: 1rem;
    }

    .kpi-row[b-4q5xk43bsk] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .filters-container.expanded[b-4q5xk43bsk] {
        max-height: 800px;
    }

    .chips-table-modern[b-4q5xk43bsk] {
        overflow-x: hidden !important;
        background: transparent;
        box-shadow: none;
    }

    .table-header-row[b-4q5xk43bsk] {
        display: none !important;
    }

    .table-row[b-4q5xk43bsk] {
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
        width: 100% !important;
        gap: 0;
        padding: 0;
        margin-bottom: 1rem;
        border: 1px solid #e9ecef;
        border-radius: 0.85rem;
        overflow: visible !important;
        background: #ffffff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .table-cell[b-4q5xk43bsk] {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0.85rem 1.25rem !important;
        border-bottom: 1px solid #f1f3f5;
        box-sizing: border-box;
        word-break: break-word;
    }

    .table-cell:last-child[b-4q5xk43bsk] {
        border-bottom: none;
    }

    .table-cell[b-4q5xk43bsk]::before {
        content: attr(data-label);
        font-weight: 700;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #6c757d;
        margin-right: 1rem;
        flex-shrink: 0;
    }

    .modal-variacoes[b-4q5xk43bsk] {
        width: 95%;
        max-height: 90vh;
    }
}

.dropdown-search-container[b-4q5xk43bsk] {
    padding: 0.5rem;
    position: sticky;
    top: 0;
    background: #ffffff;
    border-bottom: 1px solid #dee2e6;
    z-index: 10;
}

.dropdown-search-input[b-4q5xk43bsk] {
    font-size: 0.875rem;
    padding: 0.4rem 0.75rem;
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    color: #495057;
    background-color: #fff;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dropdown-search-input:focus[b-4q5xk43bsk] {
    color: #212529;
    background-color: #fff;
    border-color: #2a63ef;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(42, 99, 239, 0.15);
}

/* Nav Tabs Custom */
.nav-tabs-custom[b-4q5xk43bsk] {
    border-bottom: 2px solid var(--border, #e6ece9);
    gap: 8px;
}

.nav-tabs-custom .nav-link[b-4q5xk43bsk] {
    border: none;
    border-bottom: 3px solid transparent;
    color: var(--ink-600, #677d73);
    font-weight: 600;
    font-size: 0.9rem;
    padding: 10px 20px;
    border-radius: 8px 8px 0 0;
    background: transparent;
    transition: all 0.2s ease;
    cursor: pointer;
}

.nav-tabs-custom .nav-link:hover[b-4q5xk43bsk] {
    color: var(--primary-600, #2a63ef);
    background: rgba(42, 99, 239, 0.05);
}

.nav-tabs-custom .nav-link.active[b-4q5xk43bsk] {
    color: var(--primary-600, #2a63ef);
    border-bottom-color: var(--primary-600, #2a63ef);
    background: rgba(42, 99, 239, 0.08);
    font-weight: 700;
}

/* ── Popover de Tags do Chip ────────────────────────────────────────────────── */
.tags-popover-wrapper[b-4q5xk43bsk] {
    position: relative;
    display: inline-block;
}

.btn-tags-trigger[b-4q5xk43bsk] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(42, 99, 239, 0.1);
    color: #2a63ef;
    border: 1px solid rgba(42, 99, 239, 0.25);
    border-radius: 12px;
    padding: 3px 8px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-tags-trigger:hover[b-4q5xk43bsk] {
    background: #2a63ef;
    color: white;
    border-color: #2a63ef;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(42, 99, 239, 0.3);
}

.tags-count-pill[b-4q5xk43bsk] {
    background: #2a63ef;
    color: white;
    border-radius: 10px;
    padding: 0px 6px;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.4;
}

.btn-tags-trigger:hover .tags-count-pill[b-4q5xk43bsk] {
    background: white;
    color: #2a63ef;
}

.tags-popover-dropdown[b-4q5xk43bsk] {
    position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    margin-top: 6px;
    width: max-content;
    min-width: 160px;
    max-width: 250px;
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
    border: 1px solid var(--border, rgba(0, 0, 0, 0.12));
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
    z-index: 10000 !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    pointer-events: none;
    color: var(--ink-900, #334056);
}

.tags-popover-dropdown.show-popover[b-4q5xk43bsk] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

.chips-table-modern:has(.show-popover)[b-4q5xk43bsk],
.custom-card:has(.show-popover)[b-4q5xk43bsk],
.custom-card .card-body:has(.show-popover)[b-4q5xk43bsk] {
    overflow: visible !important;
}

.tags-popover-dropdown.popover-open-top[b-4q5xk43bsk] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 6px;
    transform: translateY(-6px);
}

.tags-popover-dropdown.popover-open-top.show-popover[b-4q5xk43bsk] {
    transform: translateY(0) !important;
}

.tags-popover-header[b-4q5xk43bsk] {
    padding: 8px 12px;
    background: var(--input-bg, #f8f9fa);
    border-bottom: 1px solid var(--border, #e9ecef);
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--ink-900, #495057);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.tags-popover-body[b-4q5xk43bsk] {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 180px;
    overflow-y: auto;
}

.tag-item-chip[b-4q5xk43bsk] {
    display: flex;
    align-items: center;
}

/* ── Popover de Status Portal Claro (SyncClaro) ──────────────────────────────── */
.claro-popover-wrapper[b-4q5xk43bsk] {
    position: relative;
    display: inline-block;
}

.btn-claro-status-trigger[b-4q5xk43bsk] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 10px;
    padding: 2px 7px;
    font-size: 0.68rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    white-space: nowrap;
}

.btn-claro-status-trigger.ativo[b-4q5xk43bsk] {
    background: rgba(16, 185, 129, 0.08);
    color: #059669;
    border-color: rgba(16, 185, 129, 0.3);
}

.btn-claro-status-trigger.ativo:hover[b-4q5xk43bsk] {
    background: #10b981;
    color: white;
}

.btn-claro-status-trigger.suspenso[b-4q5xk43bsk] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border-color: rgba(239, 68, 68, 0.3);
}

.btn-claro-status-trigger.suspenso:hover[b-4q5xk43bsk] {
    background: #ef4444;
    color: white;
}

.claro-popover-dropdown[b-4q5xk43bsk] {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    margin-top: 6px;
    width: max-content;
    min-width: 180px;
    max-width: 280px;
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
    border: 1px solid var(--border, rgba(0, 0, 0, 0.12));
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
    z-index: 10000 !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    pointer-events: none;
    color: var(--ink-900, #334056);
}

.claro-popover-dropdown.show-popover[b-4q5xk43bsk] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

.claro-popover-dropdown.popover-open-top[b-4q5xk43bsk] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 6px;
    transform: translateY(-6px);
}

.claro-popover-dropdown.popover-open-top.show-popover[b-4q5xk43bsk] {
    transform: translateY(0) !important;
}

.claro-popover-header[b-4q5xk43bsk] {
    padding: 8px 12px;
    background: var(--input-bg, #f8f9fa);
    border-bottom: 1px solid var(--border, #e9ecef);
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--ink-900, #495057);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.claro-popover-body[b-4q5xk43bsk] {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--ink-900, #334056);
}


/* _content/PatrimonioGarbo/Components/Pages/ChipsTags.razor.rz.scp.css */
/* === TAGS DE CHIPS - VISUAL MODERNO === */

.dash-container[b-ghvqgvfi17] {
    padding: 1.5rem;
    max-width: 100%;
}

.custom-card[b-ghvqgvfi17] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: #fff;
}

.custom-card:hover:not(.no-lift)[b-ghvqgvfi17] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
}

.btn[b-ghvqgvfi17] {
    border-radius: 8px;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    font-size: 0.95rem;
}

.btn:hover[b-ghvqgvfi17] {
    transform: translateY(-2px);
}

.btn:active[b-ghvqgvfi17] {
    transform: translateY(0);
}

.btn-secondary[b-ghvqgvfi17] {
    background: #6c757d;
    color: white;
    box-shadow: 0 4px 8px rgba(108, 117, 125, 0.2);
}

.btn-secondary:hover[b-ghvqgvfi17] {
    background: #5a6268;
    box-shadow: 0 8px 24px rgba(108, 117, 125, 0.3);
}

.btn-custom-primary[b-ghvqgvfi17] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border: none;
    color: white;
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
    transition: all 0.2s;
}

.btn-custom-primary:hover[b-ghvqgvfi17] {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

.btn-custom-primary:disabled[b-ghvqgvfi17] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.form-control[b-ghvqgvfi17],
.form-select[b-ghvqgvfi17] {
    border-radius: 12px;
    border: 2px solid #e9ecef;
    transition: all 0.3s ease;
    background: #f8f9fa;
    padding: 0.65rem 1rem;
    min-height: 42px;
}

.form-control:focus[b-ghvqgvfi17],
.form-select:focus[b-ghvqgvfi17] {
    border-color: #2A63EF;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.1);
    background: white;
    outline: none;
}

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

/* ══════════════════════════════════════════════════════════════════════════
   TABELA MODERNA - DESIGN RENOVADO
   ══════════════════════════════════════════════════════════════════════════ */

.tags-table-modern[b-ghvqgvfi17] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    overflow-x: auto;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ── Header da Tabela ─────────────────────────────────────────────────────── */
.table-header-row[b-ghvqgvfi17] {
    display: grid;
    grid-template-columns: 80px 1.5fr 1.8fr 1.2fr 1.4fr 110px;
    min-width: 850px;
    gap: 12px;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 2px solid var(--border, #e6ece9);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700, #3b4a43);
    align-items: center;
}

/* ── Linhas da Tabela ─────────────────────────────────────────────────────── */
.table-row[b-ghvqgvfi17] {
    display: grid;
    grid-template-columns: 80px 1.5fr 1.8fr 1.2fr 1.4fr 110px;
    min-width: 850px;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border, #e6ece9);
    transition: all 0.2s ease;
    align-items: center;
    background: var(--card-bg, #fff);
}

.table-row:hover[b-ghvqgvfi17] {
    background: rgba(42, 99, 239, 0.04);
    box-shadow: inset 4px 0 0 #2a63ef;
}

.table-row:last-child[b-ghvqgvfi17] {
    border-bottom: none;
}

/* ── Células ──────────────────────────────────────────────────────────────── */
.table-cell[b-ghvqgvfi17] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--ink-900, #0b1f17);
    overflow: hidden;
}

/* ── Badges ─────────────────────────────────────────────────────────────── */
.id-badge[b-ghvqgvfi17] {
    background: linear-gradient(135deg, #6c757d 0%, #adb5bd 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

.nome-text[b-ghvqgvfi17] {
    font-weight: 600;
    color: #212529;
}

.status-badge[b-ghvqgvfi17] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.status-badge.status-ativo[b-ghvqgvfi17] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.status-badge.status-inativo[b-ghvqgvfi17] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

.produtos-count[b-ghvqgvfi17] {
    font-size: 0.85rem;
    color: #6c757d;
    font-weight: 500;
}

.produtos-count i[b-ghvqgvfi17] {
    opacity: 0.85;
}

/* ── Ações ──────────────────────────────────────────────────────────────── */
.cell-actions[b-ghvqgvfi17] {
    justify-content: flex-end;
    overflow: visible;
}

.action-buttons[b-ghvqgvfi17] {
    display: flex;
    gap: 6px;
}

.btn-action[b-ghvqgvfi17] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    text-decoration: none;
    background: transparent;
}

.btn-action-primary[b-ghvqgvfi17] {
    background: rgba(42, 99, 239, 0.1);
    color: #2a63ef;
}

.btn-action-primary:hover[b-ghvqgvfi17] {
    background: #2a63ef;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

.btn-action-danger[b-ghvqgvfi17] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.btn-action-danger:hover[b-ghvqgvfi17] {
    background: #dc3545;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
}

/* ── Empty State ──────────────────────────────────────────────────────────── */
.empty-state[b-ghvqgvfi17] {
    text-align: center;
    padding: 60px 20px;
    color: var(--text-muted, #6c757d);
}

.empty-state i[b-ghvqgvfi17] {
    font-size: 3.5rem;
    margin-bottom: 16px;
    opacity: 0.4;
    display: block;
}

.empty-state h5[b-ghvqgvfi17] {
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--ink-700, #3b4a43);
}

/* ══════════════════════════════════════════════════════════════════════════
   MODAL MODERNO DE CADASTRO/EDIÇÃO
   ══════════════════════════════════════════════════════════════════════════ */

.modal-backdrop-custom[b-ghvqgvfi17] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1040;
    backdrop-filter: blur(8px);
    animation: fadeInBackdrop-b-ghvqgvfi17 0.3s ease-out;
}

@keyframes fadeInBackdrop-b-ghvqgvfi17 {
    from {
        opacity: 0;
        backdrop-filter: blur(0px);
    }
    to {
        opacity: 1;
        backdrop-filter: blur(8px);
    }
}

.modal-cadastro[b-ghvqgvfi17] {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    width: 90vw;
    max-width: 500px;
    background: var(--card-bg, white);
    color: var(--ink-900, #212529);
    border-radius: 24px;
    z-index: 1051;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    margin: auto;
    animation: modalSlideIn-b-ghvqgvfi17 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
}

@keyframes modalSlideIn-b-ghvqgvfi17 {
    from {
        opacity: 0;
        transform: translate(-50%, -45%) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.modal-header-cadastro[b-ghvqgvfi17] {
    padding: 24px 28px;
    border-bottom: none;
    background: linear-gradient(135deg, #2a63ef 0%, #5483f2 100%);
    position: relative;
}

.modal-header-cadastro h5[b-ghvqgvfi17] {
    margin: 0;
    color: white;
    font-weight: 700;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
}

.modal-header-cadastro h5 i[b-ghvqgvfi17] {
    font-size: 1.5rem;
    margin-right: 12px;
}

.btn-close-white[b-ghvqgvfi17] {
    position: absolute;
    right: 20px;
    top: 20px;
    filter: brightness(0) invert(1);
    opacity: 0.8;
    transition: all 0.3s ease;
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.5rem;
}

.btn-close-white:hover[b-ghvqgvfi17] {
    opacity: 1;
    transform: rotate(90deg);
}

.modal-body-cadastro[b-ghvqgvfi17] {
    padding: 28px;
    background: white;
}

.modal-footer-cadastro[b-ghvqgvfi17] {
    padding: 20px 28px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    background: #fafafa;
}

/* Form Switch personalizado */
.form-switch[b-ghvqgvfi17] {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.form-switch .form-check-input[b-ghvqgvfi17] {
    width: 3.2rem !important;
    height: 1.6rem !important;
    cursor: pointer;
    background-color: #cbd5e1;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
    background-position: left center;
    border-radius: 2rem;
    border: none !important;
    transition: background-position 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    margin-left: 0;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
}

.form-switch .form-check-input:checked[b-ghvqgvfi17] {
    background-color: #2A63EF !important;
    background-position: right center !important;
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.2);
}

.form-switch .form-check-input:focus[b-ghvqgvfi17] {
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.25);
}

.form-check-label[b-ghvqgvfi17] {
    margin-left: 0.75rem;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
    user-select: none;
}

@media (max-width: 768px) {
    .dash-container[b-ghvqgvfi17] {
        padding: 1rem;
    }

    .table-header-row[b-ghvqgvfi17],
    .table-row[b-ghvqgvfi17] {
        grid-template-columns: 60px 1fr 100px;
        gap: 8px;
        padding: 12px 16px;
    }

    .cell-status[b-ghvqgvfi17],
    .cell-chips[b-ghvqgvfi17] {
        display: none;
    }

    .modal-cadastro[b-ghvqgvfi17] {
        width: 95vw;
        max-width: 95vw;
        border-radius: 20px;
    }

    .modal-header-cadastro[b-ghvqgvfi17],
    .modal-body-cadastro[b-ghvqgvfi17],
    .modal-footer-cadastro[b-ghvqgvfi17] {
        padding: 20px;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/ClaroSyncLogs.razor.rz.scp.css */
/* ── Layout & Container ─────────────────────────────────────────────────── */
.dash-container[b-mlh7inmyrr] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-bottom: 2rem;
}

/* ── KPI Cards ───────────────────────────────────────────────────────────── */
.kpi-row[b-mlh7inmyrr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 16px;
}

.kpi-card[b-mlh7inmyrr] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kpi-card:hover[b-mlh7inmyrr] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.kpi-icon[b-mlh7inmyrr] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.kpi-icon-blue[b-mlh7inmyrr] {
    background: rgba(42, 99, 239, 0.12);
    color: var(--primary-600, #2a63ef);
}

.kpi-icon-green[b-mlh7inmyrr] {
    background: rgba(16, 185, 129, 0.12);
    color: #10b981;
}

.kpi-icon-red[b-mlh7inmyrr] {
    background: rgba(239, 68, 68, 0.12);
    color: #ef4444;
}

.kpi-icon-purple[b-mlh7inmyrr] {
    background: rgba(139, 92, 246, 0.12);
    color: #8b5cf6;
}

.kpi-icon-amber[b-mlh7inmyrr] {
    background: rgba(245, 158, 11, 0.12);
    color: #f59e0b;
}

.kpi-icon-cyan[b-mlh7inmyrr] {
    background: rgba(6, 182, 212, 0.12);
    color: #06b6d4;
}

.kpi-info[b-mlh7inmyrr] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.kpi-value[b-mlh7inmyrr] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--ink-900, #1e293b);
    line-height: 1.2;
}

.kpi-label[b-mlh7inmyrr] {
    font-size: 0.75rem;
    color: var(--ink-500, #64748b);
    font-weight: 500;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Abas de Navegação (Tabs) ────────────────────────────────────────────── */
.tabs-container[b-mlh7inmyrr] {
    display: flex;
    gap: 8px;
    border-bottom: 2px solid var(--border, #e2e8f0);
    padding-bottom: 2px;
}

.tab-button[b-mlh7inmyrr] {
    background: transparent;
    border: none;
    border-radius: 8px 8px 0 0;
    padding: 10px 18px;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--ink-500, #64748b);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    position: relative;
    bottom: -2px;
}

.tab-button:hover[b-mlh7inmyrr] {
    color: var(--primary-600, #2a63ef);
    background: rgba(42, 99, 239, 0.05);
}

.tab-button.active[b-mlh7inmyrr] {
    color: var(--primary-600, #2a63ef);
    border-bottom: 2px solid var(--primary-600, #2a63ef);
    background: var(--card-bg, #ffffff);
}

/* ── Filtros ─────────────────────────────────────────────────────────────── */
.filtro-card[b-mlh7inmyrr] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

.filtro-card .form-label[b-mlh7inmyrr] {
    color: var(--ink-700, #475569);
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 4px;
}

/* ── Tabela Moderna de Sincronização ─────────────────────────────────────── */
.sync-table-container[b-mlh7inmyrr] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.sync-table[b-mlh7inmyrr] {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-x: auto;
}

.sync-table-header[b-mlh7inmyrr] {
    display: grid;
    grid-template-columns: 140px 85px 95px 85px 105px 110px 110px 75px 65px 1fr 65px;
    background: var(--bg, #f8fafc);
    border-bottom: 1px solid var(--border, #e2e8f0);
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--ink-700, #475569);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-width: 1050px;
}

.sync-table-row[b-mlh7inmyrr] {
    display: grid;
    grid-template-columns: 140px 85px 95px 85px 105px 110px 110px 75px 65px 1fr 65px;
    border-bottom: 1px solid var(--border, #e2e8f0);
    font-size: 0.84rem;
    color: var(--ink-700, #334155);
    transition: background 0.15s ease;
    align-items: center;
    cursor: pointer;
    min-width: 1050px;
}

.sync-table-row:last-child[b-mlh7inmyrr] {
    border-bottom: none;
}

.sync-table-row:hover[b-mlh7inmyrr] {
    background: var(--primary-50, rgba(42, 99, 239, 0.04));
}

.sync-cell[b-mlh7inmyrr] {
    padding: 10px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.sync-table-header .sync-cell[b-mlh7inmyrr] {
    padding: 12px;
}

.cell-centro[b-mlh7inmyrr] {
    justify-content: center;
    text-align: center;
}

.cell-acoes[b-mlh7inmyrr] {
    justify-content: center;
}

.mensagem-texto[b-mlh7inmyrr] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

/* ── Badges de Contador ──────────────────────────────────────────────────── */
.badge-counter[b-mlh7inmyrr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 7px;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 6px;
    min-width: 24px;
}

.badge-counter-blue[b-mlh7inmyrr] {
    background: rgba(42, 99, 239, 0.12);
    color: var(--primary-600, #2a63ef);
}

.badge-counter-green[b-mlh7inmyrr] {
    background: rgba(16, 185, 129, 0.12);
    color: #10b981;
}

.badge-counter-amber[b-mlh7inmyrr] {
    background: rgba(245, 158, 11, 0.12);
    color: #f59e0b;
}

.badge-counter-red[b-mlh7inmyrr] {
    background: rgba(239, 68, 68, 0.12);
    color: #ef4444;
}

.badge-counter-purple[b-mlh7inmyrr] {
    background: rgba(139, 92, 246, 0.12);
    color: #8b5cf6;
}

.badge-counter-cyan[b-mlh7inmyrr] {
    background: rgba(6, 182, 212, 0.12);
    color: #06b6d4;
}

/* ── Terminal de Logs em Disco ───────────────────────────────────────────── */
.log-terminal-container[b-mlh7inmyrr] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.log-terminal-toolbar[b-mlh7inmyrr] {
    background: var(--bg, #f8fafc);
    border-bottom: 1px solid var(--border, #e2e8f0);
    padding: 12px 16px;
}

.log-terminal-screen[b-mlh7inmyrr] {
    background: #0f172a;
    color: #e2e8f0;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.82rem;
    padding: 14px 16px;
    height: 540px;
    overflow-y: auto;
    line-height: 1.6;
}

.log-line-item[b-mlh7inmyrr] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 2px 0;
    border-radius: 4px;
    transition: background 0.1s ease;
}

.log-line-item:hover[b-mlh7inmyrr] {
    background: rgba(255, 255, 255, 0.06);
}

.log-num[b-mlh7inmyrr] {
    color: #475569;
    font-size: 0.75rem;
    min-width: 40px;
    user-select: none;
    text-align: right;
}

.log-time[b-mlh7inmyrr] {
    color: #94a3b8;
    font-size: 0.78rem;
    white-space: nowrap;
}

.log-badge-nivel[b-mlh7inmyrr] {
    font-size: 0.68rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-width: 36px;
    text-align: center;
}

.log-badge-inf[b-mlh7inmyrr] {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.4);
}

.log-badge-wrn[b-mlh7inmyrr] {
    background: rgba(245, 158, 11, 0.2);
    color: #fbbf24;
    border: 1px solid rgba(245, 158, 11, 0.4);
}

.log-badge-err[b-mlh7inmyrr] {
    background: rgba(239, 68, 68, 0.25);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.5);
}

.log-badge-dbg[b-mlh7inmyrr] {
    background: rgba(100, 116, 139, 0.2);
    color: #cbd5e1;
    border: 1px solid rgba(100, 116, 139, 0.4);
}

.log-msg[b-mlh7inmyrr] {
    flex: 1;
    word-break: break-word;
    white-space: pre-wrap;
}

.log-err .log-msg[b-mlh7inmyrr] {
    color: #fca5a5;
    font-weight: 600;
}

.log-wrn .log-msg[b-mlh7inmyrr] {
    color: #fde68a;
}

.log-inf .log-msg[b-mlh7inmyrr] {
    color: #e2e8f0;
}

.log-dbg .log-msg[b-mlh7inmyrr] {
    color: #94a3b8;
}

/* ── Botões Customizados Auxiliares ──────────────────────────────────────── */
.btn-icon-custom[b-mlh7inmyrr] {
    background: transparent;
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 8px;
    color: var(--ink-700, #475569);
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-icon-custom:hover[b-mlh7inmyrr] {
    background: var(--primary-50, rgba(42, 99, 239, 0.08));
    border-color: var(--primary-600, #2a63ef);
    color: var(--primary-600, #2a63ef);
}

/* ── Dark Mode Adaptations ───────────────────────────────────────────────── */
[data-theme="dark"] .sync-table-header[b-mlh7inmyrr] {
    background: var(--card-bg, #1a211e);
    border-color: var(--border, #3a4843);
    color: var(--ink-700, #9baaa4);
}

[data-theme="dark"] .sync-table-row[b-mlh7inmyrr] {
    border-color: var(--border, #3a4843);
    color: var(--ink-900, #e8f0ed);
}

[data-theme="dark"] .sync-table-row:hover[b-mlh7inmyrr] {
    background: rgba(84, 131, 242, 0.08);
}

[data-theme="dark"] .tab-button.active[b-mlh7inmyrr] {
    background: var(--card-bg, #1a211e);
    border-bottom-color: var(--primary-400, #5483f2);
    color: var(--primary-400, #5483f2);
}

[data-theme="dark"] .log-terminal-toolbar[b-mlh7inmyrr] {
    background: var(--card-bg, #1a211e);
    border-color: var(--border, #3a4843);
}

[data-theme="dark"] .btn-icon-custom[b-mlh7inmyrr] {
    border-color: var(--border, #3a4843);
    color: var(--ink-700, #9baaa4);
}

[data-theme="dark"] .btn-icon-custom:hover[b-mlh7inmyrr] {
    background: rgba(84, 131, 242, 0.15);
    border-color: var(--primary-400, #5483f2);
    color: var(--primary-400, #5483f2);
}
/* _content/PatrimonioGarbo/Components/Pages/ConsultaAssinatura.razor.rz.scp.css */
:root[b-7ufqy6mx98] {
    --primary-color: #2A63EF;
    --primary-dark: #1e4bb8;
    --primary-light: #5584f3;
    --intermediate-color: #E75733;
    --secondary-color: #ACF047;
    --secondary-dark: #8dc235;
}

.consulta-page[b-7ufqy6mx98] {
    min-height: var(--sidebar-viewport-height, 100vh);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 16px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to right bottom, #2a63ef, #4360df, #515dd0, #5a5ac1, #5f58b3, #4d69c3, #3479cf, #0089d9, #00ade9, #00ccce, #00e390, #acf047);
}
.consulta-page[b-7ufqy6mx98]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #2A63EF 0%, #5584f3 50%, #ACF047 100%);
    opacity: 1;
    animation: fadeOutGradient-b-7ufqy6mx98 3s ease forwards;
    pointer-events: none;
    z-index: 0;
}

@keyframes fadeOutGradient-b-7ufqy6mx98 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.consulta-card[b-7ufqy6mx98] {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(42, 99, 239, 0.3), 0 0 100px rgba(231, 87, 51, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    padding: 40px;
    width: 100%;
    max-width: 540px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    animation: cardEntrance-b-7ufqy6mx98 0.6s ease-out;
}

@keyframes cardEntrance-b-7ufqy6mx98 {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }

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

.consulta-brand-strip[b-7ufqy6mx98] {
    background: linear-gradient(135deg, #2A63EF 0%, #5584f3 50%, #E75733 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    margin: -40px -40px 32px -40px;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.2), 0 4px 12px rgba(42, 99, 239, 0.3);
    position: relative;
    overflow: hidden;
}

    .consulta-brand-strip[b-7ufqy6mx98]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
        animation: shimmer 3s infinite;
    }

    .consulta-brand-strip img[b-7ufqy6mx98] {
        display: block;
        max-height: 70px;
        width: auto;
        filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)) brightness(1.1);
        position: relative;
        z-index: 1;
    }

.consulta-header[b-7ufqy6mx98] {
    text-align: center;
    margin-bottom: 4px;
}

.consulta-logo[b-7ufqy6mx98] {
    height: 38px;
    margin-bottom: 10px;
}

.consulta-title[b-7ufqy6mx98] {
    color: #2A63EF;
    font-weight: 600;
    margin-bottom: 4px;
}

.empty-state[b-7ufqy6mx98] {
    text-align: center;
    padding: 28px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.doc-card[b-7ufqy6mx98] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 10px;
}

.doc-info[b-7ufqy6mx98] {
    flex: 1;
    min-width: 0;
}

@media (max-width: 480px) {
    .doc-card[b-7ufqy6mx98] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/ControleMenu.razor.rz.scp.css */
/* Controle Page Styles */
.report-header[b-m3n63x6gf7] {
    margin-bottom: 30px;
}

.report-header h2[b-m3n63x6gf7] {
    margin: 0 0 8px 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.report-subtitle[b-m3n63x6gf7] {
    color: var(--ink-500);
    font-size: 1rem;
    margin: 0;
}

/* Reports Grid - 2 columns */
.reports-grid[b-m3n63x6gf7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .reports-grid[b-m3n63x6gf7] {
        grid-template-columns: 1fr;
    }
}

/* Report Card */
.report-card[b-m3n63x6gf7] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px;
    background: var(--white);
    border-radius: 16px;
    border: 1px solid var(--border);
    box-shadow: 0 4px 15px rgba(42, 99, 239, 0.08);
    text-decoration: none;
    transition: all 0.25s ease;
    cursor: pointer;
}

.report-card:hover[b-m3n63x6gf7] {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(42, 99, 239, 0.15);
    border-color: var(--primary-400);
}

.report-card:hover .report-arrow[b-m3n63x6gf7] {
    color: var(--primary-600);
    transform: translateX(4px);
}

/* Report Icon */
.report-icon[b-m3n63x6gf7] {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.report-icon-logs[b-m3n63x6gf7] {
    background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
    color: white;
}

.report-icon-assinaturas[b-m3n63x6gf7] {
    background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
    color: white;
}

.report-icon-relatorios[b-m3n63x6gf7] {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    color: white;
}

.report-icon-documentos[b-m3n63x6gf7] {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
    color: white;
}

/* Report Content */
.report-content[b-m3n63x6gf7] {
    flex: 1;
    min-width: 0;
}

.report-content h4[b-m3n63x6gf7] {
    margin: 0 0 6px 0;
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--ink-900);
}

.report-content p[b-m3n63x6gf7] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--ink-500);
    line-height: 1.4;
}

/* Report Arrow */
.report-arrow[b-m3n63x6gf7] {
    color: var(--ink-500);
    font-size: 1.2rem;
    transition: all 0.25s ease;
    flex-shrink: 0;
}
/* _content/PatrimonioGarbo/Components/Pages/ControlePerfis.razor.rz.scp.css */
.dash-container[b-w38c823hlv] {
    padding: 1.5rem;
    max-width: 100%;
}

.custom-card[b-w38c823hlv] {
    border: 1px solid var(--border) !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    background: var(--card-bg, #fff);
    transition: all 0.2s ease-in-out;
}

.custom-card:hover:not(.no-lift)[b-w38c823hlv] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.14), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
}

.custom-card .card-body[b-w38c823hlv] {
    padding: 1.25rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   BARRA DE FERRAMENTAS E BUSCA
   ══════════════════════════════════════════════════════════════════════════ */

.search-trigger-box[b-w38c823hlv] {
    display: flex;
    align-items: center;
    background: var(--input-bg, #fff);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 0.55rem 0.9rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.search-trigger-box:focus-within[b-w38c823hlv] {
    border-color: var(--primary-500, #2A63EF);
    box-shadow: 0 0 0 3px rgba(42, 99, 239, 0.15);
}

.dropdown-search-input[b-w38c823hlv] {
    width: 100%;
    color: var(--ink-900, #111827);
    font-size: 0.9rem;
    outline: none;
}

.dropdown-search-input[b-w38c823hlv]::placeholder {
    color: var(--ink-500, #9ca3af);
}

/* ══════════════════════════════════════════════════════════════════════════
   CUSTOM PILLS / TABS
   ══════════════════════════════════════════════════════════════════════════ */

.custom-pills[b-w38c823hlv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.custom-pills .nav-link[b-w38c823hlv] {
    color: var(--ink-700, #4b5563);
    font-weight: 600;
    font-size: 0.85rem;
    border-radius: 10px;
    padding: 0.5rem 1rem;
    transition: all 0.2s ease;
    border: 1px solid var(--border);
    background: var(--card-bg, #fff);
    cursor: pointer;
}

.custom-pills .nav-link:hover[b-w38c823hlv] {
    background-color: var(--bg);
    color: var(--primary-600, #1e4ab8);
    border-color: var(--primary-300, #93c5fd);
}

.custom-pills .nav-link.active[b-w38c823hlv] {
    background-color: var(--primary-50, #eff6ff);
    color: var(--primary-600, #2A63EF);
    border-color: var(--primary-500, #2A63EF);
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(42, 99, 239, 0.15);
}

[data-theme="dark"] .custom-pills .nav-link.active[b-w38c823hlv] {
    background-color: rgba(42, 99, 239, 0.2);
    color: #93c5fd;
    border-color: #3b82f6;
}

/* ══════════════════════════════════════════════════════════════════════════
   ALTERNADOR DE MODO DE VISUALIZAÇÃO (TABS / SEGMENTED CONTROL)
   ══════════════════════════════════════════════════════════════════════════ */

.view-mode-switch[b-w38c823hlv] {
    display: inline-flex;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 3px;
    gap: 3px;
}

.view-mode-btn[b-w38c823hlv] {
    border: none;
    background: transparent;
    padding: 6px 14px;
    border-radius: 7px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--ink-700);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.view-mode-btn:hover[b-w38c823hlv] {
    color: var(--primary-600);
    background: rgba(42, 99, 239, 0.06);
}

.view-mode-btn.active[b-w38c823hlv] {
    background: var(--primary-500, #2A63EF);
    color: #fff;
    box-shadow: 0 2px 6px rgba(42, 99, 239, 0.25);
}

/* ══════════════════════════════════════════════════════════════════════════
   CARDS DE MÓDULOS (MODO TABELA)
   ══════════════════════════════════════════════════════════════════════════ */

.module-card[b-w38c823hlv] {
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--card-bg, #fff);
    overflow: hidden;
    margin-bottom: 1.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
}

.module-card.is-collapsed[b-w38c823hlv] {
    box-shadow: none;
}

.module-card-header[b-w38c823hlv] {
    padding: 0.9rem 1.25rem;
    background: var(--bg);
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    user-select: none;
    transition: background-color 0.15s ease;
}

.module-card-header.cursor-pointer:hover[b-w38c823hlv] {
    background: rgba(42, 99, 239, 0.04);
}

.module-card.is-collapsed .module-card-header[b-w38c823hlv] {
    border-bottom: none;
}

.module-title[b-w38c823hlv] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--ink-900);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.module-desc[b-w38c823hlv] {
    font-size: 0.8rem;
    color: var(--ink-500);
    margin-top: 2px;
}

.collapse-toggle-btn[b-w38c823hlv] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: all 0.2s ease;
    color: var(--ink-700);
}

.module-card-header.cursor-pointer:hover .collapse-toggle-btn[b-w38c823hlv] {
    background: rgba(42, 99, 239, 0.1);
    color: var(--primary-600);
}

.animate-fadeIn[b-w38c823hlv] {
    animation: fadeInModule-b-w38c823hlv 0.2s ease-in-out;
}

@keyframes fadeInModule-b-w38c823hlv {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.permissions-table[b-w38c823hlv] {
    width: 100%;
    border-collapse: collapse;
}

.permissions-table .table-header-row[b-w38c823hlv] {
    display: flex;
    padding: 10px 16px;
    background: var(--bg);
    border-bottom: 2px solid var(--border);
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700);
    align-items: center;
}

.permissions-table .table-row[b-w38c823hlv] {
    display: flex;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    transition: all 0.15s ease;
    align-items: center;
    background: var(--card-bg);
}

.permissions-table .table-row:hover[b-w38c823hlv] {
    background: rgba(42, 99, 239, 0.04);
}

.permissions-table .table-row:last-child[b-w38c823hlv] {
    border-bottom: none;
}

.permissions-table .table-row.row-disabled[b-w38c823hlv] {
    opacity: 0.65;
}

.cell-info[b-w38c823hlv] {
    flex: 3;
    min-width: 250px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.cell-icon[b-w38c823hlv] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-50, #eff6ff);
    color: var(--primary-600, #2A63EF);
    font-size: 0.95rem;
    flex-shrink: 0;
}

[data-theme="dark"] .cell-icon[b-w38c823hlv] {
    background: rgba(42, 99, 239, 0.2);
    color: #93c5fd;
}

.cell-text-title[b-w38c823hlv] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--ink-900);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.cell-text-desc[b-w38c823hlv] {
    font-size: 0.75rem;
    color: var(--ink-500);
    line-height: 1.2;
    margin-top: 2px;
}

.cell-check[b-w38c823hlv] {
    flex: 1;
    min-width: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cell-actions-fast[b-w38c823hlv] {
    flex: 0.8;
    min-width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Custom Checkbox */
.custom-cb[b-w38c823hlv] {
    width: 1.25em;
    height: 1.25em;
    cursor: pointer;
    accent-color: var(--primary-500, #2A63EF);
    border-radius: 4px;
}

.custom-cb:disabled[b-w38c823hlv] {
    cursor: not-allowed;
    opacity: 0.5;
}

.stat-pill[b-w38c823hlv] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    background: var(--bg);
    border: 1px solid var(--border);
    color: var(--ink-700);
}

.stat-pill strong[b-w38c823hlv] {
    color: var(--primary-600);
}

/* ══════════════════════════════════════════════════════════════════════════
   NOVO TREEVIEW INTERATIVO EXPANSÍVEL (NAVMENU)
   ══════════════════════════════════════════════════════════════════════════ */

.tree-view-wrapper[b-w38c823hlv] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.tree-root-card[b-w38c823hlv] {
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--card-bg, #fff);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    transition: all 0.2s ease;
}

.tree-root-header[b-w38c823hlv] {
    padding: 0.85rem 1.25rem;
    background: var(--bg);
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s ease;
}

.tree-root-card.is-collapsed .tree-root-header[b-w38c823hlv] {
    border-bottom: none;
}

.tree-root-header:hover[b-w38c823hlv] {
    background: rgba(42, 99, 239, 0.04);
}

.tree-root-title[b-w38c823hlv] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
}

.tree-expander-icon[b-w38c823hlv] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ink-500);
    transition: transform 0.2s ease;
}

.tree-branch-body[b-w38c823hlv] {
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.tree-item-card[b-w38c823hlv] {
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--card-bg);
    padding: 0.65rem 0.85rem;
    transition: all 0.15s ease;
}

.tree-item-card:hover[b-w38c823hlv] {
    border-color: var(--primary-300, #93c5fd);
    background: rgba(42, 99, 239, 0.02);
}

.tree-item-header[b-w38c823hlv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tree-item-title[b-w38c823hlv] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--ink-900);
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.tree-item-route[b-w38c823hlv] {
    font-size: 0.72rem;
    font-family: monospace;
    padding: 2px 6px;
    border-radius: 5px;
    background: var(--bg);
    color: var(--ink-500);
    border: 1px solid var(--border);
}

.tree-perm-chips[b-w38c823hlv] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

.tree-chip[b-w38c823hlv] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 6px;
    border: 1px solid var(--border);
    background: var(--bg);
    color: var(--ink-500);
    cursor: pointer;
    user-select: none;
    transition: all 0.15s ease;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.tree-chip:hover:not(.chip-disabled)[b-w38c823hlv] {
    border-color: var(--primary-400);
    color: var(--primary-600);
}

.tree-chip.active-vis[b-w38c823hlv] {
    background: #dbeafe;
    border-color: #3b82f6;
    color: #1d4ed8;
}

.tree-chip.active-inc[b-w38c823hlv] {
    background: #dcfce7;
    border-color: #22c55e;
    color: #15803d;
}

.tree-chip.active-edit[b-w38c823hlv] {
    background: #fef3c7;
    border-color: #f59e0b;
    color: #b45309;
}

.tree-chip.active-exc[b-w38c823hlv] {
    background: #fee2e2;
    border-color: #ef4444;
    color: #b91c1c;
}

.tree-chip.active-exp[b-w38c823hlv] {
    background: #f3e8ff;
    border-color: #a855f7;
    color: #6b21a8;
}

[data-theme="dark"] .tree-chip.active-vis[b-w38c823hlv] {
    background: rgba(59, 130, 246, 0.25);
    color: #93c5fd;
    border-color: #3b82f6;
}

[data-theme="dark"] .tree-chip.active-inc[b-w38c823hlv] {
    background: rgba(34, 197, 94, 0.25);
    color: #86efac;
    border-color: #22c55e;
}

[data-theme="dark"] .tree-chip.active-edit[b-w38c823hlv] {
    background: rgba(245, 158, 11, 0.25);
    color: #fde68a;
    border-color: #f59e0b;
}

[data-theme="dark"] .tree-chip.active-exc[b-w38c823hlv] {
    background: rgba(239, 68, 68, 0.25);
    color: #fca5a5;
    border-color: #ef4444;
}

[data-theme="dark"] .tree-chip.active-exp[b-w38c823hlv] {
    background: rgba(168, 85, 247, 0.25);
    color: #d8b4fe;
    border-color: #a855f7;
}

.tree-chip.chip-disabled[b-w38c823hlv] {
    opacity: 0.5;
    cursor: not-allowed;
}

.tree-subitems-container[b-w38c823hlv] {
    margin-top: 0.5rem;
    padding-left: 0.85rem;
    border-left: 2px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.tree-subnode-row[b-w38c823hlv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 3px 6px;
    border-radius: 6px;
    background: var(--bg);
}

.tree-subnode-title[b-w38c823hlv] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ink-700);
    display: flex;
    align-items: center;
    gap: 0.35rem;
}
/* _content/PatrimonioGarbo/Components/Pages/ControleUsuarios.razor.rz.scp.css */
.dash-container[b-6ol1o0cesg] {
    padding: 1.5rem;
    max-width: 100%;
}

.custom-card[b-6ol1o0cesg] {
    border: 1px solid var(--border) !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    background: var(--card-bg, #fff);
    transition: all 0.2s ease-in-out;
}

.custom-card:hover:not(.no-lift)[b-6ol1o0cesg] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.14), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
}

.custom-card .card-body[b-6ol1o0cesg] {
    padding: 1.25rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   BARRA DE FERRAMENTAS E BUSCA
   ══════════════════════════════════════════════════════════════════════════ */

.user-banner-box[b-6ol1o0cesg] {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0.85rem 1.25rem;
}

.search-trigger-box[b-6ol1o0cesg] {
    display: flex;
    align-items: center;
    background: var(--input-bg, #fff);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 0.55rem 0.9rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.search-trigger-box:focus-within[b-6ol1o0cesg] {
    border-color: var(--primary-500, #2A63EF);
    box-shadow: 0 0 0 3px rgba(42, 99, 239, 0.15);
}

.dropdown-search-input[b-6ol1o0cesg] {
    width: 100%;
    color: var(--ink-900, #111827);
    font-size: 0.9rem;
    outline: none;
}

.dropdown-search-input[b-6ol1o0cesg]::placeholder {
    color: var(--ink-500, #9ca3af);
}

/* ══════════════════════════════════════════════════════════════════════════
   CUSTOM PILLS / TABS
   ══════════════════════════════════════════════════════════════════════════ */

.custom-pills[b-6ol1o0cesg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.custom-pills .nav-link[b-6ol1o0cesg] {
    color: var(--ink-700, #4b5563);
    font-weight: 600;
    font-size: 0.85rem;
    border-radius: 10px;
    padding: 0.5rem 1rem;
    transition: all 0.2s ease;
    border: 1px solid var(--border);
    background: var(--card-bg, #fff);
    cursor: pointer;
}

.custom-pills .nav-link:hover[b-6ol1o0cesg] {
    background-color: var(--bg);
    color: var(--primary-600, #1e4ab8);
    border-color: var(--primary-300, #93c5fd);
}

.custom-pills .nav-link.active[b-6ol1o0cesg] {
    background-color: var(--primary-50, #eff6ff);
    color: var(--primary-600, #2A63EF);
    border-color: var(--primary-500, #2A63EF);
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(42, 99, 239, 0.15);
}

[data-theme="dark"] .custom-pills .nav-link.active[b-6ol1o0cesg] {
    background-color: rgba(42, 99, 239, 0.2);
    color: #93c5fd;
    border-color: #3b82f6;
}

/* ══════════════════════════════════════════════════════════════════════════
   ALTERNADOR DE MODO DE VISUALIZAÇÃO
   ══════════════════════════════════════════════════════════════════════════ */

.view-mode-switch[b-6ol1o0cesg] {
    display: inline-flex;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 3px;
    gap: 3px;
}

.view-mode-btn[b-6ol1o0cesg] {
    border: none;
    background: transparent;
    padding: 6px 14px;
    border-radius: 7px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--ink-700);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.view-mode-btn:hover[b-6ol1o0cesg] {
    color: var(--primary-600);
    background: rgba(42, 99, 239, 0.06);
}

.view-mode-btn.active[b-6ol1o0cesg] {
    background: var(--primary-500, #2A63EF);
    color: #fff;
    box-shadow: 0 2px 6px rgba(42, 99, 239, 0.25);
}

/* ══════════════════════════════════════════════════════════════════════════
   CARDS DE MÓDULOS & TABELA MODERNA DE USUÁRIO
   ══════════════════════════════════════════════════════════════════════════ */

.module-card[b-6ol1o0cesg] {
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--card-bg, #fff);
    overflow: hidden;
    margin-bottom: 1.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
}

.module-card.is-collapsed[b-6ol1o0cesg] {
    box-shadow: none;
}

.module-card-header[b-6ol1o0cesg] {
    padding: 0.9rem 1.25rem;
    background: var(--bg);
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    user-select: none;
    transition: background-color 0.15s ease;
}

.module-card-header.cursor-pointer:hover[b-6ol1o0cesg] {
    background: rgba(42, 99, 239, 0.04);
}

.module-card.is-collapsed .module-card-header[b-6ol1o0cesg] {
    border-bottom: none;
}

.module-title[b-6ol1o0cesg] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--ink-900);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.module-desc[b-6ol1o0cesg] {
    font-size: 0.8rem;
    color: var(--ink-500);
    margin-top: 2px;
}

.collapse-toggle-btn[b-6ol1o0cesg] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: all 0.2s ease;
    color: var(--ink-700);
}

.module-card-header.cursor-pointer:hover .collapse-toggle-btn[b-6ol1o0cesg] {
    background: rgba(42, 99, 239, 0.1);
    color: var(--primary-600);
}

.animate-fadeIn[b-6ol1o0cesg] {
    animation: fadeInModule-b-6ol1o0cesg 0.2s ease-in-out;
}

@keyframes fadeInModule-b-6ol1o0cesg {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.permissions-table[b-6ol1o0cesg] {
    width: 100%;
    border-collapse: collapse;
}

.permissions-table .table-header-row[b-6ol1o0cesg] {
    display: flex;
    padding: 10px 16px;
    background: var(--bg);
    border-bottom: 2px solid var(--border);
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700);
    align-items: center;
}

.permissions-table .table-row[b-6ol1o0cesg] {
    display: flex;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    transition: all 0.15s ease;
    align-items: center;
    background: var(--card-bg);
}

.permissions-table .table-row:hover[b-6ol1o0cesg] {
    background: rgba(42, 99, 239, 0.04);
}

.permissions-table .table-row.row-override[b-6ol1o0cesg] {
    background-color: rgba(245, 158, 11, 0.06);
    border-left: 3px solid #f59e0b;
}

.permissions-table .table-row.row-override:hover[b-6ol1o0cesg] {
    background-color: rgba(245, 158, 11, 0.12);
}

.permissions-table .table-row:last-child[b-6ol1o0cesg] {
    border-bottom: none;
}

.cell-info[b-6ol1o0cesg] {
    flex: 3;
    min-width: 240px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.cell-icon[b-6ol1o0cesg] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-50, #eff6ff);
    color: var(--primary-600, #2A63EF);
    font-size: 0.95rem;
    flex-shrink: 0;
}

[data-theme="dark"] .cell-icon[b-6ol1o0cesg] {
    background: rgba(42, 99, 239, 0.2);
    color: #93c5fd;
}

.cell-text-title[b-6ol1o0cesg] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--ink-900);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.cell-text-desc[b-6ol1o0cesg] {
    font-size: 0.75rem;
    color: var(--ink-500);
    line-height: 1.2;
    margin-top: 2px;
}

.cell-profile-toggle[b-6ol1o0cesg] {
    flex: 1.2;
    min-width: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

.cell-check[b-6ol1o0cesg] {
    flex: 1;
    min-width: 85px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Custom Checkbox */
.custom-cb[b-6ol1o0cesg] {
    width: 1.25em;
    height: 1.25em;
    cursor: pointer;
    accent-color: var(--primary-500, #2A63EF);
    border-radius: 4px;
}

.custom-cb.cb-disabled[b-6ol1o0cesg] {
    opacity: 0.55;
    cursor: not-allowed;
    accent-color: #6c757d;
}

/* Custom Switch */
.form-switch .form-check-input[b-6ol1o0cesg] {
    width: 2.2em;
    height: 1.25em;
    cursor: pointer;
}

.stat-pill[b-6ol1o0cesg] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    background: var(--bg);
    border: 1px solid var(--border);
    color: var(--ink-700);
}

.stat-pill strong[b-6ol1o0cesg] {
    color: var(--primary-600);
}

/* ══════════════════════════════════════════════════════════════════════════
   NOVO TREEVIEW INTERATIVO EXPANSÍVEL (NAVMENU)
   ══════════════════════════════════════════════════════════════════════════ */

.tree-view-wrapper[b-6ol1o0cesg] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.tree-root-card[b-6ol1o0cesg] {
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--card-bg, #fff);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    transition: all 0.2s ease;
}

.tree-root-header[b-6ol1o0cesg] {
    padding: 0.85rem 1.25rem;
    background: var(--bg);
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s ease;
}

.tree-root-card.is-collapsed .tree-root-header[b-6ol1o0cesg] {
    border-bottom: none;
}

.tree-root-header:hover[b-6ol1o0cesg] {
    background: rgba(42, 99, 239, 0.04);
}

.tree-root-title[b-6ol1o0cesg] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
}

.tree-expander-icon[b-6ol1o0cesg] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ink-500);
    transition: transform 0.2s ease;
}

.tree-branch-body[b-6ol1o0cesg] {
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.tree-item-card[b-6ol1o0cesg] {
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--card-bg);
    padding: 0.65rem 0.85rem;
    transition: all 0.15s ease;
}

.tree-item-card.node-override[b-6ol1o0cesg] {
    border-color: #f59e0b;
    background: rgba(245, 158, 11, 0.04);
}

.tree-item-card:hover[b-6ol1o0cesg] {
    border-color: var(--primary-300, #93c5fd);
    background: rgba(42, 99, 239, 0.02);
}

.tree-item-header[b-6ol1o0cesg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tree-item-title[b-6ol1o0cesg] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--ink-900);
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.tree-item-route[b-6ol1o0cesg] {
    font-size: 0.72rem;
    font-family: monospace;
    padding: 2px 6px;
    border-radius: 5px;
    background: var(--bg);
    color: var(--ink-500);
    border: 1px solid var(--border);
}

.tree-perm-chips[b-6ol1o0cesg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

.tree-chip[b-6ol1o0cesg] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 6px;
    border: 1px solid var(--border);
    background: var(--bg);
    color: var(--ink-500);
    cursor: pointer;
    user-select: none;
    transition: all 0.15s ease;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.tree-chip:hover:not(.chip-disabled)[b-6ol1o0cesg] {
    border-color: var(--primary-400);
    color: var(--primary-600);
}

.tree-chip.active-vis[b-6ol1o0cesg] {
    background: #dbeafe;
    border-color: #3b82f6;
    color: #1d4ed8;
}

.tree-chip.active-inc[b-6ol1o0cesg] {
    background: #dcfce7;
    border-color: #22c55e;
    color: #15803d;
}

.tree-chip.active-edit[b-6ol1o0cesg] {
    background: #fef3c7;
    border-color: #f59e0b;
    color: #b45309;
}

.tree-chip.active-exc[b-6ol1o0cesg] {
    background: #fee2e2;
    border-color: #ef4444;
    color: #b91c1c;
}

.tree-chip.active-exp[b-6ol1o0cesg] {
    background: #f3e8ff;
    border-color: #a855f7;
    color: #6b21a8;
}

[data-theme="dark"] .tree-chip.active-vis[b-6ol1o0cesg] {
    background: rgba(59, 130, 246, 0.25);
    color: #93c5fd;
    border-color: #3b82f6;
}

[data-theme="dark"] .tree-chip.active-inc[b-6ol1o0cesg] {
    background: rgba(34, 197, 94, 0.25);
    color: #86efac;
    border-color: #22c55e;
}

[data-theme="dark"] .tree-chip.active-edit[b-6ol1o0cesg] {
    background: rgba(245, 158, 11, 0.25);
    color: #fde68a;
    border-color: #f59e0b;
}

[data-theme="dark"] .tree-chip.active-exc[b-6ol1o0cesg] {
    background: rgba(239, 68, 68, 0.25);
    color: #fca5a5;
    border-color: #ef4444;
}

[data-theme="dark"] .tree-chip.active-exp[b-6ol1o0cesg] {
    background: rgba(168, 85, 247, 0.25);
    color: #d8b4fe;
    border-color: #a855f7;
}

.tree-chip.chip-disabled[b-6ol1o0cesg] {
    opacity: 0.5;
    cursor: not-allowed;
}

.tree-subitems-container[b-6ol1o0cesg] {
    margin-top: 0.5rem;
    padding-left: 0.85rem;
    border-left: 2px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.tree-subnode-row[b-6ol1o0cesg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 3px 6px;
    border-radius: 6px;
    background: var(--bg);
}

.tree-subnode-title[b-6ol1o0cesg] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ink-700);
    display: flex;
    align-items: center;
    gap: 0.35rem;
}
/* _content/PatrimonioGarbo/Components/Pages/Cores.razor.rz.scp.css */
/* === CORES - VISUAL MODERNO === */

.dash-container[b-xqnmuurwqh] {
    padding: 1.5rem;
    max-width: 100%;
}

.custom-card[b-xqnmuurwqh] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg, #fff);
}

.custom-card:hover:not(.no-lift)[b-xqnmuurwqh] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
}

.btn[b-xqnmuurwqh] {
    border-radius: 8px;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    font-size: 0.95rem;
}

.btn:hover[b-xqnmuurwqh] {
    transform: translateY(-2px);
}

.btn:active[b-xqnmuurwqh] {
    transform: translateY(0);
}

.btn-outline-secondary[b-xqnmuurwqh] {
    border: 2px solid #e9ecef;
    color: #6c757d;
    background: white;
    border-radius: 8px;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-outline-secondary:hover[b-xqnmuurwqh] {
    background: #f8f9fa;
    border-color: #6c757d;
    color: #495057;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.btn-secondary[b-xqnmuurwqh] {
    background: #6c757d;
    color: white;
    box-shadow: 0 4px 8px rgba(108, 117, 125, 0.2);
}

.btn-secondary:hover[b-xqnmuurwqh] {
    background: #5a6268;
    box-shadow: 0 8px 24px rgba(108, 117, 125, 0.3);
}

.btn-custom-primary[b-xqnmuurwqh] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border: none;
    color: white;
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
    transition: all 0.2s;
}

.btn-custom-primary:hover[b-xqnmuurwqh] {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

.btn-custom-primary:disabled[b-xqnmuurwqh] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.form-control[b-xqnmuurwqh],
.form-select[b-xqnmuurwqh] {
    border-radius: 12px;
    border: 2px solid var(--input-border, #e9ecef);
    transition: all 0.3s ease;
    background: var(--input-bg, #f8f9fa);
    color: var(--ink-900);
    padding: 0.65rem 1rem;
    min-height: 42px;
}

.form-control:focus[b-xqnmuurwqh],
.form-select:focus[b-xqnmuurwqh] {
    border-color: #2A63EF;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.1);
    background: white;
    outline: none;
}

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

/* ══════════════════════════════════════════════════════════════════════════
   TABELA MODERNA - DESIGN RENOVADO
   ══════════════════════════════════════════════════════════════════════════ */

.cores-table-modern[b-xqnmuurwqh] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ── Header da Tabela ─────────────────────────────────────────────────────── */
.table-header-row[b-xqnmuurwqh] {
    display: grid;
    grid-template-columns: 80px 2fr 1.2fr 1.5fr 120px;
    gap: 12px;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 2px solid var(--border, #e6ece9);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700, #3b4a43);
    align-items: center;
}

/* ── Linhas da Tabela ─────────────────────────────────────────────────────── */
.table-row[b-xqnmuurwqh] {
    display: grid;
    grid-template-columns: 80px 2fr 1.2fr 1.5fr 120px;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border, #e6ece9);
    transition: all 0.2s ease;
    align-items: center;
    background: var(--card-bg, #fff);
}

.table-row:hover[b-xqnmuurwqh] {
    background: rgba(42, 99, 239, 0.04);
    box-shadow: inset 4px 0 0 #2a63ef;
}

.table-row:last-child[b-xqnmuurwqh] {
    border-bottom: none;
}

/* ── Células ──────────────────────────────────────────────────────────────── */
.table-cell[b-xqnmuurwqh] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--ink-900, #0b1f17);
    overflow: hidden;
}

/* ── Badges ─────────────────────────────────────────────────────────────── */
.id-badge[b-xqnmuurwqh] {
    background: linear-gradient(135deg, #6c757d 0%, #adb5bd 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

.nome-text[b-xqnmuurwqh] {
    font-weight: 600;
    color: var(--ink-900, #212529);
}

.status-badge[b-xqnmuurwqh] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.status-badge.status-ativo[b-xqnmuurwqh] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.status-badge.status-inativo[b-xqnmuurwqh] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

.produtos-count[b-xqnmuurwqh] {
    font-size: 0.85rem;
    color: #6c757d;
}

.produtos-count i[b-xqnmuurwqh] {
    opacity: 0.7;
}

/* ── Ações ──────────────────────────────────────────────────────────────── */
.cell-actions[b-xqnmuurwqh] {
    justify-content: flex-end;
    overflow: visible;
}

.action-buttons[b-xqnmuurwqh] {
    display: flex;
    gap: 6px;
}

.btn-action[b-xqnmuurwqh] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    text-decoration: none;
    background: transparent;
}

.btn-action-primary[b-xqnmuurwqh] {
    background: rgba(42, 99, 239, 0.1);
    color: #2a63ef;
}

.btn-action-primary:hover[b-xqnmuurwqh] {
    background: #2a63ef;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

.btn-action-danger[b-xqnmuurwqh] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.btn-action-danger:hover[b-xqnmuurwqh] {
    background: #dc3545;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
}

/* ── Empty State ──────────────────────────────────────────────────────────── */
.empty-state[b-xqnmuurwqh] {
    text-align: center;
    padding: 60px 20px;
    color: var(--text-muted, #6c757d);
}

.empty-state i[b-xqnmuurwqh] {
    font-size: 3.5rem;
    margin-bottom: 16px;
    opacity: 0.4;
    display: block;
}

.empty-state h5[b-xqnmuurwqh] {
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--ink-700, #3b4a43);
}

/* ══════════════════════════════════════════════════════════════════════════
   MODAL MODERNO DE CADASTRO/EDIÇÃO
   ══════════════════════════════════════════════════════════════════════════ */

.modal-backdrop-custom[b-xqnmuurwqh] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1040;
    backdrop-filter: blur(8px);
    animation: fadeInBackdrop-b-xqnmuurwqh 0.3s ease-out;
}

@keyframes fadeInBackdrop-b-xqnmuurwqh {
    from {
        opacity: 0;
        backdrop-filter: blur(0px);
    }

    to {
        opacity: 1;
        backdrop-filter: blur(8px);
    }
}

.modal-cadastro[b-xqnmuurwqh] {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    width: 90vw;
    max-width: 500px;
    background: var(--card-bg, white);
    color: var(--ink-900, #212529);
    border-radius: 24px;
    z-index: 1051;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    margin: auto;
    animation: modalSlideIn-b-xqnmuurwqh 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
}

@keyframes modalSlideIn-b-xqnmuurwqh {
    from {
        opacity: 0;
        transform: translate(-50%, -45%) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.modal-header-cadastro[b-xqnmuurwqh] {
    padding: 24px 28px;
    border-bottom: none;
    background: linear-gradient(135deg, #2a63ef 0%, #5483f2 100%);
    position: relative;
}

.modal-header-cadastro h5[b-xqnmuurwqh] {
    margin: 0;
    color: white;
    font-weight: 700;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
}

.modal-header-cadastro h5 i[b-xqnmuurwqh] {
    font-size: 1.5rem;
    margin-right: 12px;
}

.btn-close-white[b-xqnmuurwqh] {
    position: absolute;
    right: 20px;
    top: 20px;
    filter: brightness(0) invert(1);
    opacity: 0.8;
    transition: all 0.3s ease;
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.5rem;
}

.btn-close-white:hover[b-xqnmuurwqh] {
    opacity: 1;
    transform: rotate(90deg);
}

.modal-body-cadastro[b-xqnmuurwqh] {
    padding: 28px;
    background: var(--card-bg, white);
    color: var(--ink-900);
}

.modal-footer-cadastro[b-xqnmuurwqh] {
    padding: 20px 28px;
    border-top: 1px solid var(--border, #f0f0f0);
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    background: var(--input-bg, #fafafa);
}

/* Form Switch personalizado */
.form-switch[b-xqnmuurwqh] {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.form-switch .form-check-input[b-xqnmuurwqh] {
    width: 3.2rem !important;
    height: 1.6rem !important;
    cursor: pointer;
    background-color: #cbd5e1;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
    background-position: left center;
    border-radius: 2rem;
    border: none !important;
    transition: background-position 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    margin-left: 0;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
}

.form-switch .form-check-input:checked[b-xqnmuurwqh] {
    background-color: #2A63EF !important;
    background-position: right center !important;
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.2);
}

.form-switch .form-check-input:focus[b-xqnmuurwqh] {
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.25);
}

.form-check-label[b-xqnmuurwqh] {
    margin-left: 0.75rem;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
    user-select: none;
}

@media (max-width: 768px) {
    .dash-container[b-xqnmuurwqh] {
        padding: 1rem;
    }

    .table-header-row[b-xqnmuurwqh],
    .table-row[b-xqnmuurwqh] {
        grid-template-columns: 60px 1fr 100px;
        gap: 8px;
        padding: 12px 16px;
    }

    .cell-status[b-xqnmuurwqh],
    .cell-produtos[b-xqnmuurwqh] {
        display: none;
    }

    .modal-cadastro[b-xqnmuurwqh] {
        width: 95vw;
        max-width: 95vw;
        border-radius: 20px;
    }

    .modal-header-cadastro[b-xqnmuurwqh],
    .modal-body-cadastro[b-xqnmuurwqh],
    .modal-footer-cadastro[b-xqnmuurwqh] {
        padding: 20px;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/Documentos.razor.rz.scp.css */
.custom-card[b-yxcxwlppxa] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: #fff;
transform: translateY(0);
    will-change: transform, box-shadow;
}

    .custom-card:hover[b-yxcxwlppxa] {
        box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
    }

/* ── KPI Row ── */
.kpi-row[b-yxcxwlppxa] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}

.kpi-card[b-yxcxwlppxa] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    padding: 18px 20px;
    box-shadow: 0 2px 8px var(--shadow-color, rgba(42,99,239,0.08));
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid var(--border, #e6ece9);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.kpi-card:hover[b-yxcxwlppxa] {
    box-shadow: 0 4px 16px var(--shadow-color, rgba(42,99,239,0.12));
    transform: translateY(-2px);
}

.kpi-icon[b-yxcxwlppxa] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.kpi-value[b-yxcxwlppxa] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--ink-900, #0b1f17);
    line-height: 1.1;
}

.kpi-label[b-yxcxwlppxa] {
    font-size: 0.78rem;
    color: var(--text-muted, #6c757d);
    margin-top: 2px;
}

/* ── Toolbar ──────────────────────────────────────────────────────────────── */
.toolbar-row[b-yxcxwlppxa] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.search-box[b-yxcxwlppxa] {
    position: relative;
    flex: 1 1 220px;
    min-width: 180px;
}

.search-icon[b-yxcxwlppxa] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted, #6c757d);
    pointer-events: none;
    font-size: 0.85rem;
}

.filter-select[b-yxcxwlppxa] {
    flex: 0 1 160px;
    min-width: 130px;
    font-size: 0.875rem;
}

/* ── View Toggle ──────────────────────────────────────────────────────────── */
.view-toggle[b-yxcxwlppxa] {
    display: flex;
    border: 1px solid var(--input-border, #dee2e6);
    border-radius: 8px;
    overflow: hidden;
}

.btn-view[b-yxcxwlppxa] {
    padding: 6px 12px;
    background: none;
    border: none;
    color: var(--text-muted, #6c757d);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    font-size: 0.9rem;
}

.btn-view:hover[b-yxcxwlppxa] {
    background: var(--primary-50, #e8f0fd);
    color: var(--primary-500, #2a63ef);
}

.btn-view.active[b-yxcxwlppxa] {
    background: var(--primary-500, #2a63ef);
    color: #fff;
}

/* ── Document Grid ────────────────────────────────────────────────────────── */
.documentos-grid[b-yxcxwlppxa] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
    margin-top: 4px;
}

.doc-card[b-yxcxwlppxa] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    padding: 20px 16px 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.2s;
    cursor: pointer;
    position: relative;
    border: 2px solid transparent;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.doc-card:hover[b-yxcxwlppxa] {
    box-shadow: 0 8px 24px rgba(42, 99, 239, 0.15);
    transform: translateY(-4px);
}

.doc-card.selected[b-yxcxwlppxa] {
    border-color: var(--primary-500, #2a63ef);
    box-shadow: 0 0 0 3px rgba(42, 99, 239, 0.1);
}

.doc-card.card-selecionado[b-yxcxwlppxa] {
    border-color: #2a63ef;
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.2);
    background: rgba(42, 99, 239, 0.02);
}

/* ── Checkbox e Indicadores nos Cards ─────────────────────────────────────── */
.card-checkbox[b-yxcxwlppxa] {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 10;
}

    .card-checkbox .form-check-input[b-yxcxwlppxa] {
        width: 20px;
        height: 20px;
        cursor: pointer;
        border: 2px solid #6c757d;
    }

        .card-checkbox .form-check-input:checked[b-yxcxwlppxa] {
            background-color: #2a63ef;
            border-color: #2a63ef;
        }

.assinatura-indicator[b-yxcxwlppxa] {
    position: absolute;
    top: 12px;
    right: 12px;
    background: linear-gradient(135deg, #2a63ef 0%, #5483f2 100%);
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.3);
    z-index: 5;
}

.doc-badge[b-yxcxwlppxa] {
    position: absolute;
    top: 50px;
    color: white;
    right: 12px;
    padding: 3px 9px;
    border-radius: 20px;
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.doc-card-icon[b-yxcxwlppxa] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    color: var(--primary-500, #2a63ef);
    opacity: 0.75;
    transition: opacity 0.2s;
}

.doc-card:hover .doc-card-icon[b-yxcxwlppxa] {
    opacity: 1;
}

.doc-card-info[b-yxcxwlppxa] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.doc-card-name[b-yxcxwlppxa] {
    font-weight: 600;
    font-size: 0.88rem;
    color: var(--ink-900, #0b1f17);
    word-break: break-word;
    line-height: 1.3;
}

.doc-card-meta[b-yxcxwlppxa] {
    font-size: 0.75rem;
    color: var(--text-muted, #6c757d);
}

.doc-card-actions[b-yxcxwlppxa] {
    display: flex;
    gap: 6px;
    padding-top: 6px;
    border-top: 1px solid var(--border, #e6ece9);
    opacity: 0;
    transition: opacity 0.2s;
}

.doc-card:hover .doc-card-actions[b-yxcxwlppxa] {
    opacity: 1;
}

/* ── Empty State ──────────────────────────────────────────────────────────── */
.empty-state[b-yxcxwlppxa] {
    text-align: center;
    padding: 60px 20px;
    color: var(--text-muted, #6c757d);
}

.empty-state i[b-yxcxwlppxa] {
    font-size: 3.5rem;
    margin-bottom: 16px;
    opacity: 0.4;
    display: block;
}

.empty-state h5[b-yxcxwlppxa] {
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--ink-700, #3b4a43);
}

/* ── Preview Modal ────────────────────────────────────────────────────────── */
.modal-backdrop-custom[b-yxcxwlppxa] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    backdrop-filter: blur(2px);
}

.preview-modal[b-yxcxwlppxa] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90vw;
    max-width: 1400px;
    height: 85vh;
    background: var(--card-bg, #fff);
    border-radius: 16px;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.preview-modal-header[b-yxcxwlppxa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border, #e6ece9);
    flex-shrink: 0;
    gap: 12px;
}

.preview-modal-body[b-yxcxwlppxa] {
    display: grid;
    grid-template-columns: 1fr 300px;
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

.preview-content[b-yxcxwlppxa] {
    overflow: auto;
    background: #f0f0f0;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.preview-iframe[b-yxcxwlppxa] {
    width: 100%;
    flex: 1;
    min-height: 500px;
    border: none;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.preview-sidebar[b-yxcxwlppxa] {
    padding: 20px;
    background: var(--card-bg, #fff);
    border-left: 1px solid var(--border, #e6ece9);
    overflow-y: auto;
}

/* ── Info Items ───────────────────────────────────────────────────────────── */
.info-item[b-yxcxwlppxa] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 14px;
}

.info-label[b-yxcxwlppxa] {
    font-size: 0.72rem;
    color: var(--text-muted, #6c757d);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-value[b-yxcxwlppxa] {
    font-size: 0.88rem;
    color: var(--ink-900, #0b1f17);
}

.hash-value[b-yxcxwlppxa] {
    font-family: monospace;
    font-size: 0.8rem;
    word-break: break-all;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .kpi-row[b-yxcxwlppxa] {
        grid-template-columns: repeat(2, 1fr);
    }

    .toolbar-row[b-yxcxwlppxa] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box[b-yxcxwlppxa],
    .filter-select[b-yxcxwlppxa] {
        flex: 1 1 100%;
    }

    .view-toggle[b-yxcxwlppxa] {
        align-self: flex-end;
    }

    .documentos-grid[b-yxcxwlppxa] {
        grid-template-columns: repeat(2, 1fr);
    }

    .preview-modal[b-yxcxwlppxa] {
        width: 100vw;
        height: 100vh;
        max-width: 100%;
        border-radius: 0;
    }

    .preview-modal-header[b-yxcxwlppxa] {
        flex-wrap: wrap;
        padding: 12px 16px;
        gap: 8px;
    }

        .preview-modal-header > div:first-child[b-yxcxwlppxa] {
            flex: 1 1 100%;
            order: 1;
            margin-bottom: 8px;
        }

        .preview-modal-header > div:last-child[b-yxcxwlppxa] {
            flex: 1 1 100%;
            order: 2;
            display: flex;
            gap: 6px;
            justify-content: stretch;
        }

        .preview-modal-header button[b-yxcxwlppxa] {
            flex: 1;
            font-size: 0.85rem;
            padding: 6px 10px;
            white-space: nowrap;
        }

            .preview-modal-header button i[b-yxcxwlppxa] {
                margin-right: 4px;
            }

    .preview-modal-body[b-yxcxwlppxa] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
    }

    .preview-content[b-yxcxwlppxa] {
        padding: 12px;
    }

    .preview-sidebar[b-yxcxwlppxa] {
        max-height: 40vh;
        border-left: none;
        border-top: 1px solid var(--border, #e6ece9);
    }

    .preview-iframe[b-yxcxwlppxa] {
        min-height: 300px;
    }

    .preview-modal-body[b-yxcxwlppxa] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
    }

    .preview-sidebar[b-yxcxwlppxa] {
        border-left: none;
        border-top: 1px solid var(--border, #e6ece9);
        max-height: 40vh;
    }
}

@media (max-width: 480px) {
    .kpi-row[b-yxcxwlppxa] {
        grid-template-columns: 1fr;
    }

    .documentos-grid[b-yxcxwlppxa] {
        grid-template-columns: 1fr;
    }
    .preview-modal-header button span[b-yxcxwlppxa] {
        display: none;
    }

    .preview-modal-header button i[b-yxcxwlppxa] {
        margin-right: 0;
    }

    .preview-modal-header button[b-yxcxwlppxa] {
        min-width: 40px;
        padding: 8px 12px;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   TABELA MODERNA - DESIGN RENOVADO
   ══════════════════════════════════════════════════════════════════════════ */

.documentos-table-modern[b-yxcxwlppxa] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ── Header da Tabela ─────────────────────────────────────────────────────── */
.table-header-row[b-yxcxwlppxa] {
    display: grid;
    grid-template-columns: 40px 2fr 1.2fr 1fr 1fr 0.8fr 1fr 120px;
    gap: 12px;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 2px solid var(--border, #e6ece9);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700, #3b4a43);
    align-items: center;
}

/* ── Linhas da Tabela ─────────────────────────────────────────────────────── */
.table-row[b-yxcxwlppxa] {
    display: grid;
    grid-template-columns: 40px 2fr 1.2fr 1fr 1fr 0.8fr 1fr 120px;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border, #e6ece9);
    transition: all 0.2s ease;
    cursor: pointer;
    align-items: center;
    background: var(--card-bg, #fff);
}

    .table-row:hover[b-yxcxwlppxa] {
        background: rgba(42, 99, 239, 0.04);
        box-shadow: inset 4px 0 0 #2a63ef;
    }

    .table-row.row-selected[b-yxcxwlppxa] {
        background: rgba(42, 99, 239, 0.08);
        box-shadow: inset 4px 0 0 #2a63ef;
    }

    .table-row.row-checked[b-yxcxwlppxa] {
        background: rgba(42, 99, 239, 0.05);
        border-left: 3px solid #2a63ef;
    }

    .table-row:last-child[b-yxcxwlppxa] {
        border-bottom: none;
    }

/* ── Células ──────────────────────────────────────────────────────────────── */
.table-cell[b-yxcxwlppxa] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--ink-900, #0b1f17);
    overflow: hidden;
}

.cell-checkbox[b-yxcxwlppxa] {
    justify-content: center;
}

    .cell-checkbox .form-check-input[b-yxcxwlppxa] {
        width: 18px;
        height: 18px;
        cursor: pointer;
        border: 2px solid #6c757d;
        margin: 0;
    }

        .cell-checkbox .form-check-input:checked[b-yxcxwlppxa] {
            background-color: #2a63ef;
            border-color: #2a63ef;
        }

        .cell-checkbox .form-check-input:focus[b-yxcxwlppxa] {
            border-color: #2a63ef;
            box-shadow: 0 0 0 0.2rem rgba(42, 99, 239, 0.25);
        }

/* ── Arquivo com Ícone e Detalhes ────────────────────────────────────────── */
.file-info[b-yxcxwlppxa] {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    width: 100%;
}

.file-icon-wrapper[b-yxcxwlppxa] {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(42, 99, 239, 0.1) 0%, rgba(84, 131, 242, 0.1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.2rem;
    color: #2a63ef;
}

.file-details[b-yxcxwlppxa] {
    flex: 1;
    overflow: hidden;
}

.file-name[b-yxcxwlppxa] {
    font-weight: 600;
    color: var(--ink-900, #0b1f17);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
}

.file-description[b-yxcxwlppxa] {
    font-size: 0.75rem;
    color: var(--text-muted, #6c757d);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

/* ── Responsável ──────────────────────────────────────────────────────────── */
.responsavel-info[b-yxcxwlppxa] {
    display: flex;
    align-items: center;
    color: var(--ink-700, #3b4a43);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Tipo Badge ───────────────────────────────────────────────────────────── */
.tipo-badge[b-yxcxwlppxa] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    background: linear-gradient(135deg, rgba(42, 99, 239, 0.1) 0%, rgba(84, 131, 242, 0.1) 100%);
    color: #2a63ef;
    border: 1px solid rgba(42, 99, 239, 0.2);
    white-space: nowrap;
}

/* ── Data Info ────────────────────────────────────────────────────────────── */
.date-info[b-yxcxwlppxa] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--ink-700, #3b4a43);
}

    .date-info i[b-yxcxwlppxa] {
        color: var(--text-muted, #6c757d);
    }

.time-info[b-yxcxwlppxa] {
    font-size: 0.75rem;
    color: var(--text-muted, #6c757d);
    margin-left: 4px;
}

/* ── Size Badge ───────────────────────────────────────────────────────────── */
.size-badge[b-yxcxwlppxa] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    background: rgba(172, 240, 71, 0.15);
    color: #8ac92f;
    border: 1px solid rgba(172, 240, 71, 0.3);
}

/* ── Status ───────────────────────────────────────────────────────────────── */
.cell-status .badge[b-yxcxwlppxa] {
    font-size: 0.72rem;
    padding: 5px 10px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.status-no-signature[b-yxcxwlppxa] {
    font-size: 0.72rem;
    color: var(--text-muted, #6c757d);
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    font-weight: 500;
}

/* ── Botões de Ação ───────────────────────────────────────────────────────── */
.cell-actions[b-yxcxwlppxa] {
    overflow: visible;
}

.action-buttons[b-yxcxwlppxa] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
}

.btn-action[b-yxcxwlppxa] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.85rem;
}

.btn-action-primary[b-yxcxwlppxa] {
    background: rgba(42, 99, 239, 0.1);
    color: #2a63ef;
}

    .btn-action-primary:hover[b-yxcxwlppxa] {
        background: #2a63ef;
        color: white;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
    }

.btn-action-secondary[b-yxcxwlppxa] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

    .btn-action-secondary:hover[b-yxcxwlppxa] {
        background: #6c757d;
        color: white;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(108, 117, 125, 0.3);
    }

.btn-action-danger[b-yxcxwlppxa] {
    background: rgba(231, 87, 51, 0.1);
    color: #e75733;
}

    .btn-action-danger:hover[b-yxcxwlppxa] {
        background: #e75733;
        color: white;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(231, 87, 51, 0.3);
    }

/* ── Responsive da Tabela ─────────────────────────────────────────────────── */
@media (max-width: 1200px) {
    .table-header-row[b-yxcxwlppxa],
    .table-row[b-yxcxwlppxa] {
        grid-template-columns: 40px 2fr 1fr 0.8fr 0.8fr 0.7fr 0.9fr 100px;
        gap: 10px;
        padding: 14px 16px;
        font-size: 0.82rem;
    }

    .file-name[b-yxcxwlppxa] {
        font-size: 0.85rem;
    }
}

@media (max-width: 768px) {
    .documentos-table-modern[b-yxcxwlppxa] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-header-row[b-yxcxwlppxa],
    .table-row[b-yxcxwlppxa] {
        min-width: 900px;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/GestaoMenu.razor.rz.scp.css */
/* Gestão Page Styles */
.report-header[b-zozurfmff9] {
    margin-bottom: 30px;
}

.report-header h2[b-zozurfmff9] {
    margin: 0 0 8px 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.report-subtitle[b-zozurfmff9] {
    color: var(--ink-500);
    font-size: 1rem;
    margin: 0;
}

/* Reports Grid - 2 columns */
.reports-grid[b-zozurfmff9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .reports-grid[b-zozurfmff9] {
        grid-template-columns: 1fr;
    }
}

/* Report Card */
.report-card[b-zozurfmff9] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px;
    background: var(--white);
    border-radius: 16px;
    border: 1px solid var(--border);
    box-shadow: 0 4px 15px rgba(42, 99, 239, 0.08);
    text-decoration: none;
    transition: all 0.25s ease;
    cursor: pointer;
}

.report-card:hover[b-zozurfmff9] {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(42, 99, 239, 0.15);
    border-color: var(--primary-400);
}

.report-card:hover .report-arrow[b-zozurfmff9] {
    color: var(--primary-600);
    transform: translateX(4px);
}

/* Report Icon */
.report-icon[b-zozurfmff9] {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.report-icon-usuarios[b-zozurfmff9] {
    background: linear-gradient(135deg, #2A63EF 0%, #2152d6 100%);
    color: white;
}

.report-icon-responsaveis[b-zozurfmff9] {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    color: white;
}

.report-icon-unidades[b-zozurfmff9] {
    background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
    color: white;
}

/* Report Content */
.report-content[b-zozurfmff9] {
    flex: 1;
    min-width: 0;
}

.report-content h4[b-zozurfmff9] {
    margin: 0 0 6px 0;
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--ink-900);
}

.report-content p[b-zozurfmff9] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--ink-500);
    line-height: 1.4;
}

/* Report Arrow */
.report-arrow[b-zozurfmff9] {
    color: var(--ink-500);
    font-size: 1.2rem;
    transition: all 0.25s ease;
    flex-shrink: 0;
}

.report-icon-controle-usuarios[b-zozurfmff9] {
    background: linear-gradient(135deg, #1abc9c 0%, #16a085 100%);
    color: white;
}

.report-icon-controle-perfis[b-zozurfmff9] {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
    color: white;
}
/* _content/PatrimonioGarbo/Components/Pages/Home.razor.rz.scp.css */
/* ── Dashboard Container & Header ────────────────────────────────────────── */
.dash-container[b-n5pyes8y1o] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.dash-title-top[b-n5pyes8y1o] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dash-title[b-n5pyes8y1o] {
    color: var(--ink-900, #0b1f17);
    font-weight: 800;
}

.dash-subtitle[b-n5pyes8y1o] {
    color: var(--ink-500, #6c757d);
    font-size: 0.88rem;
}

.fw-extrabold[b-n5pyes8y1o] {
    font-weight: 800 !important;
}

.extra-small[b-n5pyes8y1o] {
    font-size: 0.75rem !important;
}

.btn-xs[b-n5pyes8y1o] {
    padding: 2px 8px;
    font-size: 0.75rem;
    border-radius: 6px;
    font-weight: 600;
}

.btn-refresh[b-n5pyes8y1o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 8px;
    border: 1px solid var(--border, rgba(0, 0, 0, 0.12));
    background: var(--card-bg, #ffffff);
    color: var(--ink-500, #6c757d);
    font-size: 0.85rem;
    transition: all 0.2s ease;
    cursor: pointer;
    flex-shrink: 0;
}

.btn-refresh:hover:not(:disabled)[b-n5pyes8y1o] {
    background: var(--primary-50, rgba(42, 99, 239, 0.08));
    color: var(--primary-600, #2a63ef);
    border-color: var(--primary-300, rgba(42, 99, 239, 0.3));
}

.btn-refresh:disabled[b-n5pyes8y1o] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ── Custom Area Tabs ────────────────────────────────────────────────────── */
.nav-areas-wrapper[b-n5pyes8y1o] {
    background: var(--card-bg, #ffffff);
    padding: 6px;
    border-radius: 14px;
    border: 1px solid var(--border, rgba(0, 0, 0, 0.08));
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.custom-area-tabs[b-n5pyes8y1o] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.custom-area-tabs .nav-link[b-n5pyes8y1o] {
    border-radius: 10px;
    padding: 10px 18px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--ink-700, #495057);
    background: transparent;
    border: none;
    transition: all 0.2s ease;
    cursor: pointer;
}

.custom-area-tabs .nav-link:hover[b-n5pyes8y1o] {
    background: rgba(42, 99, 239, 0.06);
    color: var(--primary-600, #2a63ef);
}

.custom-area-tabs .nav-link.active[b-n5pyes8y1o] {
    background: var(--primary-600, #2a63ef);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.3);
}

/* ── KPI Grid & Cards ────────────────────────────────────────────────────── */
.kpi-grid[b-n5pyes8y1o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}

.kpi-card[b-n5pyes8y1o] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    border-radius: 16px;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, rgba(0, 0, 0, 0.08));
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    cursor: pointer;
}

.kpi-card:hover[b-n5pyes8y1o] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(42, 99, 239, 0.15);
}

.kpi-icon[b-n5pyes8y1o] {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #ffffff;
    flex-shrink: 0;
}

.kpi-card-primary .kpi-icon[b-n5pyes8y1o] { background: linear-gradient(135deg, #2a63ef 0%, #1d4ed8 100%); }
.kpi-card-success .kpi-icon[b-n5pyes8y1o] { background: linear-gradient(135deg, #10b981 0%, #059669 100%); }
.kpi-card-warning .kpi-icon[b-n5pyes8y1o] { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); }
.kpi-card-info .kpi-icon[b-n5pyes8y1o] { background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); }
.kpi-card-danger .kpi-icon[b-n5pyes8y1o] { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); }

.kpi-content[b-n5pyes8y1o] {
    display: flex;
    flex-direction: column;
}

.kpi-value[b-n5pyes8y1o] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--ink-900, #0b1f17);
    line-height: 1.1;
}

.kpi-label[b-n5pyes8y1o] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--ink-700, #495057);
}

.kpi-sub[b-n5pyes8y1o] {
    font-size: 0.75rem;
    color: var(--ink-500, #6c757d);
    margin-top: 2px;
}

/* ── Alertas & Items ─────────────────────────────────────────────────────── */
.alert-item[b-n5pyes8y1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid var(--border, rgba(0, 0, 0, 0.08));
    transition: all 0.2s ease;
}

.alert-item-warning[b-n5pyes8y1o] { background: rgba(245, 158, 11, 0.06); border-color: rgba(245, 158, 11, 0.2); }
.alert-item-danger[b-n5pyes8y1o] { background: rgba(239, 68, 68, 0.06); border-color: rgba(239, 68, 68, 0.2); }
.alert-item-info[b-n5pyes8y1o] { background: rgba(6, 182, 212, 0.06); border-color: rgba(6, 182, 212, 0.2); }
.alert-item-secondary[b-n5pyes8y1o] { background: rgba(108, 117, 125, 0.06); border-color: rgba(108, 117, 125, 0.2); }

/* ── Status Pills & Metrics ──────────────────────────────────────────────── */
.status-badge-grid[b-n5pyes8y1o] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.status-pill[b-n5pyes8y1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 0.82rem;
    font-weight: 600;
    border: 1px solid var(--border, rgba(0, 0, 0, 0.08));
}

.status-pill-success[b-n5pyes8y1o] { background: rgba(16, 185, 129, 0.08); color: #059669; }
.status-pill-warning[b-n5pyes8y1o] { background: rgba(245, 158, 11, 0.08); color: #d97706; }
.status-pill-secondary[b-n5pyes8y1o] { background: rgba(108, 117, 125, 0.08); color: #495057; }
.status-pill-danger[b-n5pyes8y1o] { background: rgba(239, 68, 68, 0.08); color: #dc2626; }

.info-metric-box[b-n5pyes8y1o] {
    padding: 14px;
    border-radius: 12px;
    background: var(--bg, #f8f9fa);
    border: 1px solid var(--border, rgba(0, 0, 0, 0.08));
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-metric-box i[b-n5pyes8y1o] {
    font-size: 1.2rem;
    margin-bottom: 2px;
}

.metric-val[b-n5pyes8y1o] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--ink-900, #0b1f17);
}

.metric-lbl[b-n5pyes8y1o] {
    font-size: 0.78rem;
    color: var(--ink-500, #6c757d);
    font-weight: 600;
}

/* ── Saúde Grid ──────────────────────────────────────────────────────────── */
.saude-grid[b-n5pyes8y1o] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.saude-box[b-n5pyes8y1o] {
    padding: 16px;
    border-radius: 12px;
    text-align: center;
    border: 1px solid var(--border, rgba(0, 0, 0, 0.08));
}

.saude-box-a[b-n5pyes8y1o] { background: rgba(16, 185, 129, 0.08); border-color: rgba(16, 185, 129, 0.2); }
.saude-box-b[b-n5pyes8y1o] { background: rgba(245, 158, 11, 0.08); border-color: rgba(245, 158, 11, 0.2); }
.saude-box-c[b-n5pyes8y1o] { background: rgba(239, 68, 68, 0.08); border-color: rgba(239, 68, 68, 0.2); }
.saude-box-d[b-n5pyes8y1o] { background: rgba(108, 117, 125, 0.08); border-color: rgba(108, 117, 125, 0.2); }

.saude-num[b-n5pyes8y1o] {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--ink-900, #0b1f17);
}

.saude-lbl[b-n5pyes8y1o] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--ink-700, #495057);
}

/* ── Top Modelos ─────────────────────────────────────────────────────────── */
.top-models-list[b-n5pyes8y1o] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.top-model-item[b-n5pyes8y1o] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rank-badge[b-n5pyes8y1o] {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.8rem;
    color: #ffffff;
    flex-shrink: 0;
}

.rank-1[b-n5pyes8y1o] { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); }
.rank-2[b-n5pyes8y1o] { background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%); }
.rank-3[b-n5pyes8y1o] { background: linear-gradient(135deg, #b45309 0%, #78350f 100%); }
.rank-4[b-n5pyes8y1o], .rank-5[b-n5pyes8y1o] { background: linear-gradient(135deg, #2a63ef 0%, #1d4ed8 100%); }

.model-info[b-n5pyes8y1o] {
    flex: 1;
    min-width: 0;
}

.model-name[b-n5pyes8y1o] {
    font-weight: 600;
    color: var(--ink-900, #0b1f17);
    font-size: 0.85rem;
    display: block;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.model-bar[b-n5pyes8y1o] {
    height: 6px;
    background: var(--bg, #f8f9fa);
    border-radius: 3px;
    overflow: hidden;
}

.model-bar-fill[b-n5pyes8y1o] {
    height: 100%;
    background: var(--primary-600, #2a63ef);
    border-radius: 3px;
    transition: width 0.3s ease;
}

.model-count[b-n5pyes8y1o] {
    font-weight: 700;
    color: var(--primary-600, #2a63ef);
    font-size: 0.9rem;
    flex-shrink: 0;
}

.empty-chart[b-n5pyes8y1o] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--ink-500, #6c757d);
    font-size: 0.88rem;
}

/* ── Ajustes dos Gráficos ApexCharts sob Zoom 0.9 ────────────────────────── */
@media screen and (max-width: 1440px) and (max-height: 900px) {
    .apexcharts-canvas[b-n5pyes8y1o] {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ── Dark Mode Overrides ─────────────────────────────────────────────────── */
[data-theme="dark"] .nav-areas-wrapper[b-n5pyes8y1o] {
    background: var(--card-bg, #1a211e);
    border-color: var(--border, #2d3b34);
}

[data-theme="dark"] .custom-area-tabs .nav-link[b-n5pyes8y1o] {
    color: var(--ink-700, #c8d4cf);
}

[data-theme="dark"] .custom-area-tabs .nav-link:hover[b-n5pyes8y1o] {
    background: rgba(84, 131, 242, 0.15);
    color: var(--primary-400, #5483f2);
}

[data-theme="dark"] .kpi-card[b-n5pyes8y1o] {
    background: var(--card-bg, #1a211e);
    border-color: var(--border, #2d3b34);
}

[data-theme="dark"] .kpi-value[b-n5pyes8y1o] {
    color: var(--ink-900, #e8f0ed);
}

[data-theme="dark"] .kpi-label[b-n5pyes8y1o] {
    color: var(--ink-700, #c8d4cf);
}

[data-theme="dark"] .kpi-sub[b-n5pyes8y1o] {
    color: var(--ink-500, #9aafa3);
}

[data-theme="dark"] .dash-title[b-n5pyes8y1o] {
    color: var(--ink-900, #e8f0ed);
}

[data-theme="dark"] .dash-subtitle[b-n5pyes8y1o] {
    color: var(--ink-500, #9aafa3);
}

[data-theme="dark"] .alert-item[b-n5pyes8y1o] {
    border-color: var(--border, #2d3b34);
}

[data-theme="dark"] .alert-item-warning[b-n5pyes8y1o] { background: rgba(245, 158, 11, 0.12); border-color: rgba(245, 158, 11, 0.3); }
[data-theme="dark"] .alert-item-danger[b-n5pyes8y1o] { background: rgba(239, 68, 68, 0.12); border-color: rgba(239, 68, 68, 0.3); }
[data-theme="dark"] .alert-item-info[b-n5pyes8y1o] { background: rgba(6, 182, 212, 0.12); border-color: rgba(6, 182, 212, 0.3); }
[data-theme="dark"] .alert-item-secondary[b-n5pyes8y1o] { background: rgba(154, 175, 163, 0.12); border-color: rgba(154, 175, 163, 0.3); }

[data-theme="dark"] .status-pill[b-n5pyes8y1o] {
    border-color: var(--border, #2d3b34);
}

[data-theme="dark"] .status-pill-secondary[b-n5pyes8y1o] {
    background: rgba(154, 175, 163, 0.12);
    color: var(--ink-700, #c8d4cf);
}

[data-theme="dark"] .info-metric-box[b-n5pyes8y1o] {
    background: var(--input-bg, #242d29);
    border-color: var(--border, #2d3b34);
}

[data-theme="dark"] .metric-val[b-n5pyes8y1o] {
    color: var(--ink-900, #e8f0ed);
}

[data-theme="dark"] .metric-lbl[b-n5pyes8y1o] {
    color: var(--ink-500, #9aafa3);
}

[data-theme="dark"] .saude-num[b-n5pyes8y1o] {
    color: var(--ink-900, #e8f0ed);
}

[data-theme="dark"] .saude-lbl[b-n5pyes8y1o] {
    color: var(--ink-700, #c8d4cf);
}

[data-theme="dark"] .model-name[b-n5pyes8y1o] {
    color: var(--ink-900, #e8f0ed);
}

[data-theme="dark"] .model-bar[b-n5pyes8y1o] {
    background: var(--input-bg, #242d29);
}

[data-theme="dark"] .empty-chart[b-n5pyes8y1o] {
    color: var(--ink-500, #9aafa3);
}

[data-theme="dark"] .btn-refresh[b-n5pyes8y1o] {
    background: var(--input-bg, #242d29);
    border-color: var(--border, #2d3b34);
    color: var(--ink-500, #9aafa3);
}

[data-theme="dark"] .btn-refresh:hover:not(:disabled)[b-n5pyes8y1o] {
    background: rgba(84, 131, 242, 0.15);
    color: var(--primary-400, #5483f2);
    border-color: rgba(84, 131, 242, 0.3);
}

/* ── Mobile Responsiveness ────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .dash-container[b-n5pyes8y1o] {
        padding: 1rem 0.75rem;
    }

    .dash-title-top[b-n5pyes8y1o] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .dash-title[b-n5pyes8y1o] {
        font-size: 1.3rem;
    }

    .dash-subtitle[b-n5pyes8y1o] {
        font-size: 0.78rem;
    }

    .btn-refresh[b-n5pyes8y1o] {
        width: 30px;
        height: 30px;
        font-size: 0.8rem;
    }

    .nav-areas-wrapper[b-n5pyes8y1o] {
        padding: 4px;
        border-radius: 12px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .nav-areas-wrapper[b-n5pyes8y1o]::-webkit-scrollbar {
        display: none;
    }

    .custom-area-tabs[b-n5pyes8y1o] {
        flex-wrap: nowrap;
        gap: 4px;
        width: max-content;
        min-width: 100%;
    }

    .custom-area-tabs .nav-link[b-n5pyes8y1o] {
        padding: 7px 12px;
        font-size: 0.8rem;
        flex-shrink: 0;
        white-space: nowrap;
    }

    .kpi-grid[b-n5pyes8y1o] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .kpi-card[b-n5pyes8y1o] {
        padding: 14px;
        gap: 12px;
        border-radius: 12px;
    }

    .kpi-icon[b-n5pyes8y1o] {
        width: 44px;
        height: 44px;
        font-size: 1.15rem;
        border-radius: 10px;
    }

    .kpi-value[b-n5pyes8y1o] {
        font-size: 1.45rem;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/ImportarProdutosModal.razor.rz.scp.css */
/* ─── Overlay ─── */
.import-overlay[b-9q5myw5uyr] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(3px);
    z-index: 1055;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    opacity: 0;
    animation: overlayIn-b-9q5myw5uyr 0.25s ease forwards;
}
.import-overlay.entering[b-9q5myw5uyr] { animation: none; opacity: 1; }

@keyframes overlayIn-b-9q5myw5uyr {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ─── Modal ─── */
.import-modal[b-9q5myw5uyr] {
    background: var(--card-bg, #fff);
    border-radius: 20px;
    box-shadow: 0 24px 80px rgba(0,0,0,0.2);
    width: 100%;
    max-width: 1000px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    transform: translateY(20px) scale(0.98);
    opacity: 0;
    animation: modalIn-b-9q5myw5uyr 0.3s cubic-bezier(0.34,1.56,0.64,1) 0.08s forwards;
    overflow: hidden;
}
.import-modal.modal-entering[b-9q5myw5uyr] { animation: none; transform: none; opacity: 1; }

@keyframes modalIn-b-9q5myw5uyr {
    from { transform: translateY(20px) scale(0.98); opacity: 0; }
    to   { transform: translateY(0) scale(1); opacity: 1; }
}

/* ─── Header ─── */
.import-modal-header[b-9q5myw5uyr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid rgba(0,0,0,0.07);
}
.import-icon-box[b-9q5myw5uyr] {
    width: 44px; height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, #4f9cf9, #1e73f8);
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 1.1rem;
    box-shadow: 0 4px 12px rgba(30,115,248,0.25);
}
.import-close-btn[b-9q5myw5uyr] {
    width: 36px; height: 36px;
    border: none; border-radius: 50%;
    background: rgba(0,0,0,0.05);
    color: var(--text-muted, #6c757d);
    font-size: 1rem;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: all 0.2s;
}
.import-close-btn:hover[b-9q5myw5uyr] { background: rgba(0,0,0,0.12); transform: scale(1.1); }

/* ─── Body ─── */
.import-modal-body[b-9q5myw5uyr] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
}

/* ─── Loading ─── */
.import-loading[b-9q5myw5uyr] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    min-height: 200px;
}
.import-spinner[b-9q5myw5uyr] {
    width: 48px; height: 48px;
    border: 3px solid rgba(30,115,248,0.15);
    border-top-color: #1e73f8;
    border-radius: 50%;
    animation: spin-b-9q5myw5uyr 0.8s linear infinite;
}
@keyframes spin-b-9q5myw5uyr { to { transform: rotate(360deg); } }

/* ─── Step Cards ─── */
.import-step-card[b-9q5myw5uyr] {
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 14px;
    padding: 1.25rem;
    background: rgba(79,156,249,0.03);
    transition: box-shadow 0.2s;
}
.import-step-card:hover[b-9q5myw5uyr] { box-shadow: 0 4px 16px rgba(0,0,0,0.06); }
.import-step-header[b-9q5myw5uyr] {
    display: flex; align-items: center; gap: 0.75rem;
    margin-bottom: 0.5rem; font-size: 0.95rem;
}
.import-step-number[b-9q5myw5uyr] {
    width: 26px; height: 26px;
    border-radius: 50%;
    background: #1e73f8;
    color: #fff;
    font-size: 0.75rem; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}

/* ─── File drop area ─── */
.import-file-area[b-9q5myw5uyr] {
    border: 2px dashed rgba(30,115,248,0.3);
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    position: relative;
    transition: all 0.2s;
    background: rgba(30,115,248,0.02);
}
.import-file-area:hover[b-9q5myw5uyr] { border-color: #1e73f8; background: rgba(30,115,248,0.05); }
.import-file-icon[b-9q5myw5uyr] { font-size: 2rem; color: #1e73f8; margin-bottom: 0.5rem; display: block; }
[b-9q5myw5uyr] .import-file-input {
    position: absolute; inset: 0;
    opacity: 0; cursor: pointer; width: 100%; height: 100%;
}

/* ─── Alerts ─── */
.import-alert[b-9q5myw5uyr] {
    border-radius: 12px;
    padding: 1rem 1.25rem;
}
.import-alert-warning[b-9q5myw5uyr] { background: rgba(255,193,7,0.08); border: 1px solid rgba(255,193,7,0.3); }
.import-alert-danger[b-9q5myw5uyr]  { background: rgba(220,53,69,0.07);  border: 1px solid rgba(220,53,69,0.25); }
.import-alert-icon[b-9q5myw5uyr] {
    width: 36px; height: 36px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; font-size: 1rem;
}
.import-alert-warning .import-alert-icon[b-9q5myw5uyr] { background: rgba(255,193,7,0.15); color: #d4a017; }
.import-alert-danger  .import-alert-icon[b-9q5myw5uyr] { background: rgba(220,53,69,0.12);  color: #dc3545; }

/* ─── Stats Bar ─── */
.import-stats-bar[b-9q5myw5uyr] {
    display: flex; align-items: center; gap: 0;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 12px;
    overflow: hidden;
    background: var(--card-bg, #fff);
}
.import-stat[b-9q5myw5uyr] {
    flex: 1; display: flex; flex-direction: column; align-items: center;
    padding: 0.75rem 1rem;
}
.import-stat-value[b-9q5myw5uyr] { font-size: 1.4rem; font-weight: 700; line-height: 1; }
.import-stat-label[b-9q5myw5uyr] { font-size: 0.7rem; color: var(--text-muted, #6c757d); text-transform: uppercase; letter-spacing: 0.04em; margin-top: 2px; }
.import-stat-divider[b-9q5myw5uyr] { width: 1px; background: rgba(0,0,0,0.08); align-self: stretch; }

/* ─── Main Table ─── */
.import-table-wrapper[b-9q5myw5uyr] {
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 14px;
    overflow: hidden;
}
.import-table[b-9q5myw5uyr] {
    width: 100%; border-collapse: collapse;
    font-size: 0.875rem;
}
.import-table thead tr[b-9q5myw5uyr] {
    background: rgba(0,0,0,0.03);
}
.import-table thead th[b-9q5myw5uyr] {
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted, #6c757d);
    border-bottom: 1px solid rgba(0,0,0,0.07);
    white-space: nowrap;
}
.import-row td[b-9q5myw5uyr] {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    vertical-align: middle;
    transition: background 0.15s;
}
.import-row:last-child td[b-9q5myw5uyr] { border-bottom: none; }
.import-row-expandable[b-9q5myw5uyr] { cursor: pointer; }
.import-row-ok:hover td[b-9q5myw5uyr]    { background: rgba(25,135,84,0.04); }
.import-row-warning:hover td[b-9q5myw5uyr] { background: rgba(255,193,7,0.06); }
.import-row-error td[b-9q5myw5uyr]       { background: rgba(220,53,69,0.04); }
.import-row-error:hover td[b-9q5myw5uyr] { background: rgba(220,53,69,0.08); }

.import-chevron[b-9q5myw5uyr] { font-size: 0.65rem; color: #6c757d; transition: transform 0.2s; }
.import-chevron-empty[b-9q5myw5uyr] { font-size: 0.5rem; color: rgba(0,0,0,0.2); }

/* ─── Product icon ─── */
.import-product-icon[b-9q5myw5uyr] {
    width: 32px; height: 32px; border-radius: 8px;
    background: rgba(30,115,248,0.1);
    color: #1e73f8;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.8rem; flex-shrink: 0;
}
.import-product-icon-error[b-9q5myw5uyr] {
    background: rgba(220, 53, 69, 0.1) !important;
    color: #dc3545 !important;
}

/* ─── Badges ─── */
.import-badge[b-9q5myw5uyr] {
    display: inline-flex; align-items: center;
    padding: 0.2em 0.65em;
    border-radius: 50px;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}
.import-badge-category[b-9q5myw5uyr] { background: rgba(108,117,125,0.1); color: #495057; }
.import-badge-info[b-9q5myw5uyr]     { background: rgba(13,202,240,0.12); color: #0d9aaf; }
.import-badge-success[b-9q5myw5uyr]  { background: rgba(25,135,84,0.12);  color: #198754; }
.import-badge-cor[b-9q5myw5uyr]      { background: rgba(111,66,193,0.1);  color: #6f42c1; }
.import-badge-tam[b-9q5myw5uyr]      { background: rgba(253,126,20,0.1);  color: #fd7e14; }

/* ─── Status cell ─── */
.import-status[b-9q5myw5uyr] {
    display: flex; align-items: center; gap: 0.4rem;
    font-size: 0.78rem; font-weight: 500;
}
.import-status-ok[b-9q5myw5uyr]      { color: #198754; }
.import-status-warning[b-9q5myw5uyr] { color: #d4a017; }
.import-status-error[b-9q5myw5uyr]   { color: #dc3545; }

/* ─── Sub-table ─── */
.import-subrow-container > td[b-9q5myw5uyr] { padding: 0 !important; }
.import-subtable-wrapper[b-9q5myw5uyr] {
    background: rgba(0,0,0,0.02);
    border-top: 1px solid rgba(0,0,0,0.06);
    padding: 0.3rem 1rem;
    animation: slideDown-b-9q5myw5uyr 0.2s ease;
}
@keyframes slideDown-b-9q5myw5uyr {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}
.import-subtable[b-9q5myw5uyr] {
    width: 100%; border-collapse: collapse;
    font-size: 0.82rem;
}
.import-subtable thead th[b-9q5myw5uyr] {
    padding: 0.6rem 0.85rem;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6c757d;
    border-bottom: 1px solid rgba(0,0,0,0.07);
}
.import-subtable tbody tr td[b-9q5myw5uyr] {
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid rgba(0,0,0,0.04);
    vertical-align: middle;
}
.import-subtable thead th:first-child[b-9q5myw5uyr],
.import-subtable tbody tr td:first-child[b-9q5myw5uyr] {
    padding-left: 0.75rem;
}
.import-subtable thead th:last-child[b-9q5myw5uyr],
.import-subtable tbody tr td:last-child[b-9q5myw5uyr] {
    padding-right: 0.75rem;
}
.import-subtable tbody tr:last-child td[b-9q5myw5uyr] { border-bottom: none; }
.import-sub-error   td[b-9q5myw5uyr] { background-color: rgba(220,53,69,0.05); }
.import-sub-warning td[b-9q5myw5uyr] { background-color: rgba(255,193,7,0.05); }
.import-msg[b-9q5myw5uyr] { font-size: 0.75rem; display: block; }
.import-msg-error[b-9q5myw5uyr]   { color: #dc3545; }
.import-msg-warning[b-9q5myw5uyr] { color: #d4a017; }
.import-msg-ok[b-9q5myw5uyr]      { color: #198754; }

/* ─── Footer ─── */
.import-modal-footer[b-9q5myw5uyr] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 1rem 1.5rem;
    border-top: 1px solid rgba(0,0,0,0.07);
    background: rgba(0,0,0,0.02);
}

.btn-custom-primary[b-9q5myw5uyr] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border: none;
    color: white;
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
    transition: all 0.2s;
}

.btn-custom-primary:hover[b-9q5myw5uyr] {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}
/* _content/PatrimonioGarbo/Components/Pages/InventarioMenu.razor.rz.scp.css */
/* Inventário Page Styles */
.report-header[b-ckhc8pt0ws] {
    margin-bottom: 30px;
}

.report-header h2[b-ckhc8pt0ws] {
    margin: 0 0 8px 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.report-subtitle[b-ckhc8pt0ws] {
    color: var(--ink-500);
    font-size: 1rem;
    margin: 0;
}

/* Reports Grid - 2 columns */
.reports-grid[b-ckhc8pt0ws] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .reports-grid[b-ckhc8pt0ws] {
        grid-template-columns: 1fr;
    }
}

/* Report Card */
.report-card[b-ckhc8pt0ws] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px;
    background: var(--white);
    border-radius: 16px;
    border: 1px solid var(--border);
    box-shadow: 0 4px 15px rgba(42, 99, 239, 0.08);
    text-decoration: none;
    transition: all 0.25s ease;
    cursor: pointer;
}

.report-card:hover[b-ckhc8pt0ws] {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(42, 99, 239, 0.15);
    border-color: var(--primary-400);
}

.report-card:hover .report-arrow[b-ckhc8pt0ws] {
    color: var(--primary-600);
    transform: translateX(4px);
}

/* Report Icon */
.report-icon[b-ckhc8pt0ws] {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.report-icon-patrimonio[b-ckhc8pt0ws] {
    background: linear-gradient(135deg, #2A63EF 0%, #2152d6 100%);
    color: white;
}

.report-icon-transferencias[b-ckhc8pt0ws] {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    color: white;
}

.report-icon-auditorias[b-ckhc8pt0ws] {
    background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
    color: white;
}

.report-icon-termos[b-ckhc8pt0ws] {
    background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
    color: white;
}

/* Report Content */
.report-content[b-ckhc8pt0ws] {
    flex: 1;
    min-width: 0;
}

.report-content h4[b-ckhc8pt0ws] {
    margin: 0 0 6px 0;
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--ink-900);
}

.report-content p[b-ckhc8pt0ws] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--ink-500);
    line-height: 1.4;
}

/* Report Arrow */
.report-arrow[b-ckhc8pt0ws] {
    color: var(--ink-500);
    font-size: 1.2rem;
    transition: all 0.25s ease;
    flex-shrink: 0;
}
/* _content/PatrimonioGarbo/Components/Pages/Login.razor.rz.scp.css */
@media (max-width: 420px) {
    .login-card[b-z1dnlercqx] {
        padding: 32px;
    }

    .login-brand-strip[b-z1dnlercqx] {
        padding: 12px;
    }

        .login-brand-strip img[b-z1dnlercqx] {
            max-height: 52px;
        }
}

/* _content/PatrimonioGarbo/Components/Pages/Logs.razor.rz.scp.css */
/* Custom card */
.custom-card[b-h6jh92j5ct] {
    border: 1px solid var(--border) !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    transform: translateY(0);
    will-change: transform, box-shadow;
}

.custom-card:hover:not(.no-lift)[b-h6jh92j5ct] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
}

/* Disable hover effect for no-lift cards */
.custom-card.no-lift[b-h6jh92j5ct],
.custom-card.no-lift:hover[b-h6jh92j5ct] {
    transform: none !important;
}

/* Header */
.report-page-header[b-h6jh92j5ct] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.report-page-header h3[b-h6jh92j5ct] {
    margin: 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.report-page-subtitle[b-h6jh92j5ct] {
    margin: 4px 0 0 0;
    color: var(--ink-500);
    font-size: 0.95rem;
}

/* Loading container */
.loading-container[b-h6jh92j5ct] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 16px;
}

.loading-container p[b-h6jh92j5ct] {
    color: var(--ink-500);
    margin: 0;
}

/* ══════════════════════════════════════════════════════════════════════════
   TABELA MODERNA - DESIGN RENOVADO
   ══════════════════════════════════════════════════════════════════════════ */

.logs-table-modern[b-h6jh92j5ct] {
    background: var(--card-bg);
    border-radius: 12px;
    border: 1px solid var(--border);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ── Header da Tabela ─────────────────────────────────────────────────────── */
.table-header-row[b-h6jh92j5ct] {
    display: grid;
    grid-template-columns: 180px 180px 150px 1fr 80px;
    gap: 12px;
    padding: 16px 20px;
    background: var(--bg);
    border-bottom: 2px solid var(--border);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700);
    align-items: center;
}

/* ── Linhas da Tabela ─────────────────────────────────────────────────────── */
.table-row[b-h6jh92j5ct] {
    display: grid;
    grid-template-columns: 180px 180px 150px 1fr 80px;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border);
    transition: all 0.2s ease;
    align-items: center;
    background: var(--card-bg);
}

.table-row:hover[b-h6jh92j5ct] {
    background: rgba(42, 99, 239, 0.04);
    box-shadow: inset 4px 0 0 var(--primary-500);
}

.table-row:last-child[b-h6jh92j5ct] {
    border-bottom: none;
}

/* ── Células ──────────────────────────────────────────────────────────────── */
.table-cell[b-h6jh92j5ct] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--ink-900);
    overflow: hidden;
}

.cell-acoes[b-h6jh92j5ct] {
    justify-content: center;
    overflow: visible !important;
}

/* ── Empty State ──────────────────────────────────────────────────────────── */
.empty-state[b-h6jh92j5ct] {
    text-align: center;
    padding: 60px 20px;
    color: var(--ink-500);
}

.empty-state i[b-h6jh92j5ct] {
    font-size: 3.5rem;
    margin-bottom: 16px;
    opacity: 0.4;
    display: block;
}

.empty-state h5[b-h6jh92j5ct] {
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--ink-700);
}

/* Responsividade */
@media (max-width: 768px) {
    .table-header-row[b-h6jh92j5ct] {
        display: none;
    }

    .table-row[b-h6jh92j5ct] {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 0;
        margin-bottom: 1rem;
        border: 1px solid var(--border);
        border-radius: 0.75rem;
        overflow: hidden;
        background: var(--card-bg);
        box-shadow: 0 2px 8px rgba(42, 99, 239, 0.05);
    }

    .table-cell[b-h6jh92j5ct] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0.85rem 1.25rem;
        border-bottom: 1px solid var(--border);
        box-sizing: border-box;
        word-break: break-word;
    }

    .table-cell:last-child[b-h6jh92j5ct] {
        border-bottom: none;
    }

    .table-cell[b-h6jh92j5ct]::before {
        content: attr(data-label);
        font-weight: 600;
        color: var(--ink-700);
        margin-right: 1rem;
    }

    .cell-acoes[b-h6jh92j5ct] {
        justify-content: space-between;
        overflow: visible !important;
    }
}

/* Avatar circle */
.avatar-circle-xs[b-h6jh92j5ct] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.initials-xs[b-h6jh92j5ct] {
    color: #fff;
    font-weight: 600;
    font-size: 0.6rem;
}

/* Badge patrimonio */
.badge-patrimonio[b-h6jh92j5ct] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 14px;
    background: rgba(42, 99, 239, 0.15);
    color: #60a5fa;
    border: 1px solid rgba(42, 99, 239, 0.3);
    white-space: nowrap;
    transition: all 0.2s ease;
}

.badge-patrimonio:hover[b-h6jh92j5ct] {
    background: rgba(42, 99, 239, 0.25);
    color: #93c5fd;
}

/* Badge comum */
.badge-comum[b-h6jh92j5ct] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 14px;
    background: var(--bg);
    color: var(--ink-600);
    border: 1px solid var(--border);
    white-space: nowrap;
    transition: background 0.2s ease;
}

/* Button */
.btn-custom-primary[b-h6jh92j5ct] {
    background-color: var(--primary-600);
    color: #fff;
    border: none;
    border-radius: 0.75rem;
}

.btn-custom-primary:hover[b-h6jh92j5ct],
.btn-custom-primary:focus[b-h6jh92j5ct] {
    background-color: var(--primary-700);
    color: #fff;
}

.btn[b-h6jh92j5ct] {
    border-radius: 0.75rem;
}

.btn-action[b-h6jh92j5ct] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: var(--card-bg);
    border: 1px solid var(--border);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    text-decoration: none;
}

.btn-action:hover[b-h6jh92j5ct] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.btn-action-primary[b-h6jh92j5ct] {
    color: var(--primary-600);
    background: rgba(42, 99, 239, 0.12);
}

.btn-action-primary:hover[b-h6jh92j5ct] {
    background: var(--primary-600);
    color: white;
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

/* Card title */
.card-title[b-h6jh92j5ct] {
    margin-bottom: 0;
    font-weight: 600;
    color: var(--ink-900);
}

/* ── Modal Overlay ── */
.modal-overlay[b-h6jh92j5ct] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.modal-panel[b-h6jh92j5ct] {
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width: 1440px) and (max-height: 900px) {
    .modal-panel[b-h6jh92j5ct] {
        max-height: calc(90vh / 0.9) !important;
    }
}

.modal-panel-md[b-h6jh92j5ct] {
    max-width: 620px;
}

.modal-panel-header[b-h6jh92j5ct] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);
    color: #ffffff;
    flex-shrink: 0;
}

.modal-panel-body[b-h6jh92j5ct] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-panel-footer[b-h6jh92j5ct] {
    padding: 1rem 1.5rem;
    background: var(--bg);
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .modal-panel-md[b-h6jh92j5ct] {
        max-width: 100%;
        margin: 0;
        border-radius: 12px 12px 0 0;
        max-height: 95vh;
    }

    .modal-overlay[b-h6jh92j5ct] {
        align-items: flex-end;
        padding: 0;
    }
}

/* ── Resumo de Detalhes do Log (Modal Header-Body) ── */
.log-details-summary[b-h6jh92j5ct] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    background-color: var(--bg);
    padding: 14px 18px;
    border-radius: 10px;
    border: 1px solid var(--border);
}

.summary-item[b-h6jh92j5ct] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.summary-label[b-h6jh92j5ct] {
    font-size: 0.72rem;
    text-transform: uppercase;
    color: var(--ink-500);
    font-weight: 700;
    letter-spacing: 0.5px;
}

.summary-val[b-h6jh92j5ct] {
    font-size: 0.875rem;
    color: var(--ink-900);
    font-weight: 600;
}

@media (max-width: 576px) {
    .log-details-summary[b-h6jh92j5ct] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

/* ── Tabela de Detalhes do Log (Modal) ── */
.details-table-modern[b-h6jh92j5ct] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.details-table-modern th[b-h6jh92j5ct] {
    font-weight: 700;
    color: var(--ink-500);
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.5px;
    padding: 10px 8px;
    border-bottom: 2px solid var(--border);
    text-align: left;
}

.details-table-modern td[b-h6jh92j5ct] {
    padding: 12px 8px;
    border-bottom: 1px solid var(--border);
    color: var(--ink-900);
    vertical-align: middle;
}

.details-table-modern tr:last-child td[b-h6jh92j5ct] {
    border-bottom: none;
}

.details-table-modern tr:hover[b-h6jh92j5ct] {
    background-color: rgba(42, 99, 239, 0.04);
}

.field-name[b-h6jh92j5ct] {
    font-weight: 600;
    color: var(--ink-900);
}

.change-arrow[b-h6jh92j5ct] {
    text-align: center;
    font-size: 0.75rem;
    color: var(--ink-500) !important;
}

.val-old[b-h6jh92j5ct] {
    color: #ef4444;
    background-color: rgba(239, 68, 68, 0.12);
    padding: 3px 8px;
    border-radius: 6px;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.775rem;
    display: inline-block;
    word-break: break-all;
    border: 1px solid rgba(239, 68, 68, 0.25);
}

.val-new[b-h6jh92j5ct] {
    color: #10b981;
    background-color: rgba(16, 185, 129, 0.12);
    padding: 3px 8px;
    border-radius: 6px;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.775rem;
    display: inline-block;
    word-break: break-all;
    border: 1px solid rgba(16, 185, 129, 0.25);
}

.val-empty[b-h6jh92j5ct] {
    color: var(--ink-500);
    font-style: italic;
    font-size: 0.775rem;
    opacity: 0.7;
}
/* _content/PatrimonioGarbo/Components/Pages/MaterialRHMenu.razor.rz.scp.css */
/* Material RH Page Styles */
.report-header[b-c96anxegzs] {
    margin-bottom: 30px;
}

.report-header h2[b-c96anxegzs] {
    margin: 0 0 8px 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.report-subtitle[b-c96anxegzs] {
    color: var(--ink-500);
    font-size: 1rem;
    margin: 0;
}

/* Reports Grid - 2 columns */
.reports-grid[b-c96anxegzs] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .reports-grid[b-c96anxegzs] {
        grid-template-columns: 1fr;
    }
}

/* Report Card */
.report-card[b-c96anxegzs] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px;
    background: var(--white);
    border-radius: 16px;
    border: 1px solid var(--border);
    box-shadow: 0 4px 15px rgba(42, 99, 239, 0.08);
    text-decoration: none;
    transition: all 0.25s ease;
    cursor: pointer;
}

.report-card:hover[b-c96anxegzs] {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(42, 99, 239, 0.15);
    border-color: var(--primary-400);
}

.report-card:hover .report-arrow[b-c96anxegzs] {
    color: var(--primary-600);
    transform: translateX(4px);
}

/* Report Icon */
.report-icon[b-c96anxegzs] {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.report-icon-produtos[b-c96anxegzs] {
    background: linear-gradient(135deg, #2A63EF 0%, #2152d6 100%);
    color: white;
}

.report-icon-ajustes[b-c96anxegzs] {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    color: white;
}

.report-icon-movimentacoes[b-c96anxegzs] {
    background: linear-gradient(135deg, #16a085 0%, #138d75 100%);
    color: white;
}

.report-icon-cores[b-c96anxegzs] {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    color: white;
}

.report-icon-tamanhos[b-c96anxegzs] {
    background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
    color: white;
}

/* Report Content */
.report-content[b-c96anxegzs] {
    flex: 1;
    min-width: 0;
}

.report-content h4[b-c96anxegzs] {
    margin: 0 0 6px 0;
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--ink-900);
}

.report-content p[b-c96anxegzs] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--ink-500);
    line-height: 1.4;
}

/* Report Arrow */
.report-arrow[b-c96anxegzs] {
    color: var(--ink-500);
    font-size: 1.2rem;
    transition: all 0.25s ease;
    flex-shrink: 0;
}
/* _content/PatrimonioGarbo/Components/Pages/MovimentacaoDetalhes.razor.rz.scp.css */
.dash-container[b-30mk82apnv] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.custom-card[b-30mk82apnv] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: #fff;
}

.card-title[b-30mk82apnv] {
    color: #2A63EF;
    font-weight: 600;
    font-size: 1.1rem;
}

.btn[b-30mk82apnv] {
    border-radius: 12px;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    font-size: 0.95rem;
}

.btn:hover[b-30mk82apnv] {
    transform: translateY(-2px);
}

.btn:active[b-30mk82apnv] {
    transform: translateY(0);
}

.btn-custom-primary[b-30mk82apnv] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border: none;
    color: white;
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: 12px;
    transition: all 0.2s;
}

.btn-custom-primary:hover[b-30mk82apnv] {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.3);
}

.btn-custom-success[b-30mk82apnv] {
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
    border: none;
    color: white;
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
    transition: all 0.2s;
}

.btn-custom-success:hover[b-30mk82apnv] {
    background: linear-gradient(135deg, #1e7e34 0%, #155724 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3);
}

.btn-outline-secondary[b-30mk82apnv] {
    background: transparent;
    border: 2px solid #6c757d;
    color: #6c757d;
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
    transition: all 0.2s;
}

.btn-outline-secondary:hover[b-30mk82apnv] {
    background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%);
    border-color: #5a6268;
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(108, 117, 125, 0.3);
}

.btn-secondary[b-30mk82apnv] {
    background: #6c757d;
    color: white;
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.2);
}

.btn-secondary:hover[b-30mk82apnv] {
    background: #5a6268;
    box-shadow: 0 8px 24px rgba(108, 117, 125, 0.3);
}

/* ══════════════════════════════════════════════════════════════════════════
   INFO BOXES
   ══════════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════════════
   INFO BOXES E DETAILS
   ══════════════════════════════════════════════════════════════════════════ */

.info-box[b-30mk82apnv] {
    padding: 1rem;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 10px;
    height: 100%;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.info-label[b-30mk82apnv] {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--ink-500);
    font-weight: 600;
    margin-bottom: 0.5rem;
    letter-spacing: 0.5px;
}

.info-value[b-30mk82apnv] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--ink-900);
}

.time-info[b-30mk82apnv] {
    font-size: 0.85rem;
    color: var(--ink-500);
    display: block;
    margin-top: 4px;
    font-weight: 400;
}

.user-info[b-30mk82apnv] {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: var(--ink-700);
}

/* ══════════════════════════════════════════════════════════════════════════
   BADGES
   ══════════════════════════════════════════════════════════════════════════ */

.tipo-badge[b-30mk82apnv] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.tipo-badge.tipo-entrada[b-30mk82apnv] {
    background: rgba(40, 167, 69, 0.15);
    color: #28a745;
}

.tipo-badge.tipo-saida[b-30mk82apnv] {
    background: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

.status-badge[b-30mk82apnv] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.status-badge.status-pendente[b-30mk82apnv] {
    background: rgba(255, 193, 7, 0.15);
    color: #ffc107;
}

.status-badge.status-entregue[b-30mk82apnv] {
    background: rgba(40, 167, 69, 0.15);
    color: #28a745;
}

.status-badge.status-cancelada[b-30mk82apnv] {
    background: rgba(108, 117, 125, 0.15);
    color: var(--ink-500);
}

.quantidade-badge[b-30mk82apnv] {
    background: var(--primary-50);
    color: var(--primary-600);
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.9rem;
    border: 1px solid var(--border);
}

/* ══════════════════════════════════════════════════════════════════════════
   DETAIL ITEMS
   ══════════════════════════════════════════════════════════════════════════ */

.detail-item[b-30mk82apnv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.detail-label[b-30mk82apnv] {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--ink-500);
    font-weight: 600;
    letter-spacing: 0.5px;
}

.detail-value[b-30mk82apnv] {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--ink-900);
}

/* ══════════════════════════════════════════════════════════════════════════
   PRODUTOS TABLE DETALHES
   ══════════════════════════════════════════════════════════════════════════ */

.produtos-table-detalhes[b-30mk82apnv] {
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    background: var(--card-bg);
}

.table-header-detalhes[b-30mk82apnv] {
    display: grid;
    grid-template-columns: 100px 1fr 150px;
    gap: 12px;
    padding: 12px 16px;
    background: linear-gradient(135deg, var(--bg) 0%, var(--primary-50) 100%);
    border-bottom: 2px solid var(--border);
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700);
}

.table-row-detalhes[b-30mk82apnv] {
    display: grid;
    grid-template-columns: 100px 1fr 150px;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid var(--border);
    align-items: center;
    background: var(--card-bg);
    color: var(--ink-900);
    transition: background-color 0.2s ease;
}

.table-row-detalhes:last-child[b-30mk82apnv] {
    border-bottom: none;
}

.table-row-detalhes:hover[b-30mk82apnv] {
    background: var(--primary-50);
}

.col-codigo[b-30mk82apnv],
.col-produto[b-30mk82apnv],
.col-quantidade[b-30mk82apnv] {
    display: flex;
    align-items: center;
}

.col-quantidade[b-30mk82apnv] {
    justify-content: center;
}

.row-label[b-30mk82apnv] {
    display: none;
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .dash-container[b-30mk82apnv] {
        padding: 1rem;
    }

    .table-header-detalhes[b-30mk82apnv] {
        display: none;
    }

    .table-row-detalhes[b-30mk82apnv] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .table-row-detalhes>div[b-30mk82apnv] {
        justify-content: space-between;
    }

    .row-label[b-30mk82apnv] {
        display: inline;
        font-weight: 600;
        color: var(--ink-700);
        font-size: 0.8rem;
        text-transform: uppercase;
    }

    .col-quantidade[b-30mk82apnv] {
        justify-content: space-between;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   DROPDOWN & SUBMENU STYLES DE TERMOS
   ══════════════════════════════════════════════════════════════════════════ */

.dropdown[b-30mk82apnv] {
    position: relative;
    display: inline-block;
}

.termo-dropdown-menu[b-30mk82apnv] {
    border: 1px solid var(--border) !important;
    background: var(--card-bg) !important;
    border-radius: 12px;
    box-shadow: 0 10px 30px var(--shadow-color) !important;
    min-width: 240px;
    margin-top: 5px;
    padding: 0.5rem;
}

.termo-dropdown-item[b-30mk82apnv] {
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
    font-weight: 500;
    color: var(--ink-900);
    border-radius: 8px;
    transition: all 0.2s ease;
}

.termo-dropdown-item:hover[b-30mk82apnv] {
    background-color: var(--primary-50) !important;
    color: var(--primary-600) !important;
    transform: translateX(4px);
}

.dropdown-submenu[b-30mk82apnv] {
    position: relative;
}

.termo-submenu-menu[b-30mk82apnv] {
    position: absolute;
    right: 100%;
    top: -8px;
    margin-top: 0;
    border: 1px solid var(--border) !important;
    background: var(--card-bg) !important;
    border-radius: 12px;
    padding: 0.5rem;
    min-width: 220px;
    box-shadow: 0 10px 30px var(--shadow-color) !important;
}

.termo-chevron-icon[b-30mk82apnv] {
    font-size: 0.8rem;
    color: var(--ink-500);
}
/* _content/PatrimonioGarbo/Components/Pages/MovimentacaoLote.razor.rz.scp.css */
/* Wizard Progress Steps */
.wizard-steps[b-59drq44244] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
}

.wizard-step[b-59drq44244] {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    z-index: 1;
}

.step-number[b-59drq44244] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--border, #e9ecef);
    color: var(--ink-500, #6c757d);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    transition: all 0.2s ease-in-out;
}

.wizard-step.active .step-number[b-59drq44244] {
    background-color: var(--primary-500, #2a63ef);
    color: #ffffff;
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.2);
}

.wizard-step.completed .step-number[b-59drq44244] {
    background-color: #059669;
    color: #ffffff;
}

.step-label[b-59drq44244] {
    margin-top: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--ink-900, #495057);
}

.wizard-line[b-59drq44244] {
    flex: 1;
    height: 3px;
    background-color: var(--border, #e9ecef);
    margin: 0 16px;
    margin-bottom: 22px;
    transition: background-color 0.2s ease-in-out;
}

.wizard-line.completed[b-59drq44244] {
    background-color: #059669;
}

/* Custom Pills Tabs */
.custom-pills .nav-link[b-59drq44244] {
    color: var(--ink-700, #495057);
    background-color: var(--bg, #f8f9fa);
    border: 1px solid var(--border, #dee2e6);
    margin: 0 3px;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 10px;
    padding: 0.5rem 1rem;
    transition: all 0.2s ease-in-out;
}

.custom-pills .nav-link.active[b-59drq44244] {
    background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);
    color: #ffffff;
    border-color: var(--primary-600);
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.2);
}

/* Search Trigger Box matching MultiSelectDropdown */
.search-trigger-box[b-59drq44244] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.85rem;
    min-height: 44px;
    height: 44px;
    background: var(--input-bg, white);
    border: 1px solid var(--input-border, #ced4da);
    border-radius: 12px;
    transition: all 0.2s ease;
}

.search-trigger-box:focus-within[b-59drq44244] {
    border-color: var(--primary-500);
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.15);
}

/* Modal Extensions and Close Button Fix */
.custom-modal-header[b-59drq44244] {
    background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%) !important;
    color: #ffffff !important;
    padding: 1rem 1.5rem !important;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.custom-modal-header .btn-close-white[b-59drq44244] {
    filter: invert(1) grayscale(100%) brightness(200%);
    margin: 0 !important;
    padding: 0.5rem !important;
    cursor: pointer;
}

.custom-modal-footer[b-59drq44244] {
    background: var(--bg, #f8f9fa);
    border-top: 1px solid var(--border, #dee2e6);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

/* KPI Summary Cards for Etapa 3 */
.kpi-card[b-59drq44244] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, #e6ece9);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kpi-card:hover[b-59drq44244] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

/* Modal Overflow Fix for SelectDropdown */
.modal-overflow-visible[b-59drq44244] {
    overflow: visible !important;
}

.custom-modal-body.overflow-visible[b-59drq44244] {
    overflow: visible !important;
    position: relative;
}

/* Garante que a lista do SelectDropdown flutue por cima das bordas e rodapé do modal */
[b-59drq44244] .custom-modal .custom-dropdown-options,
[b-59drq44244] .modal-overflow-visible .custom-dropdown-options {
    z-index: 1200 !important;
    max-height: 240px;
    overflow-y: auto;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}
/* _content/PatrimonioGarbo/Components/Pages/MovimentacaoNova.razor.rz.scp.css */
.dash-container[b-iz1c79y2bq] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.custom-card[b-iz1c79y2bq] {
    border: none !important;
    border-radius: 12px;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg, #fff);
}

.alert[b-iz1c79y2bq] {
    border-radius: 12px;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
}

/* ══════════════════════════════════════════════════════════════════════════
   WIZARD STEPS
   ══════════════════════════════════════════════════════════════════════════ */

.wizard-steps[b-iz1c79y2bq] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: var(--card-bg, white);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

.wizard-step[b-iz1c79y2bq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.step-number[b-iz1c79y2bq] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--input-bg, #e9ecef);
    color: var(--ink-700, #6c757d);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 8px;
    transition: all 0.3s;
}

.wizard-step.active .step-number[b-iz1c79y2bq] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.4);
    transform: scale(1.1);
}

.wizard-step.completed .step-number[b-iz1c79y2bq] {
    background: #28a745;
    color: white;
}

.step-label[b-iz1c79y2bq] {
    font-size: 0.85rem;
    color: var(--ink-700, #6c757d);
    font-weight: 500;
    text-align: center;
    max-width: 120px;
}

.wizard-step.active .step-label[b-iz1c79y2bq] {
    color: #2A63EF;
    font-weight: 600;
}

.wizard-line[b-iz1c79y2bq] {
    width: 80px;
    height: 2px;
    background: var(--border, #e9ecef);
    margin: 0 16px 24px;
    transition: background 0.3s;
}

.wizard-line.completed[b-iz1c79y2bq] {
    background: #28a745;
}

/* ══════════════════════════════════════════════════════════════════════════
   WIZARD CONTENT
   ══════════════════════════════════════════════════════════════════════════ */

.wizard-content[b-iz1c79y2bq] {
    animation: fadeInSlide-b-iz1c79y2bq 0.4s ease-out;
}

@keyframes fadeInSlide-b-iz1c79y2bq {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

/* ══════════════════════════════════════════════════════════════════════════
   TIPO CARDS (Etapa 1)
   ══════════════════════════════════════════════════════════════════════════ */

.tipo-card[b-iz1c79y2bq] {
    border: 2px solid var(--border, #e9ecef);
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    background: var(--card-bg, white);
    color: var(--ink-900);
}

.tipo-card:hover[b-iz1c79y2bq] {
    border-color: #2A63EF;
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.15);
    transform: translateY(-2px);
}

.tipo-card.selected[b-iz1c79y2bq] {
    border-color: #2A63EF;
    background: rgba(42, 99, 239, 0.05);
    box-shadow: 0 4px 16px rgba(42, 99, 239, 0.2);
}

.tipo-icon[b-iz1c79y2bq] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    font-size: 2rem;
}

.tipo-icon.entrada[b-iz1c79y2bq] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.tipo-icon.saida[b-iz1c79y2bq] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.tipo-card h5[b-iz1c79y2bq] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #2A63EF;
}

.tipo-card p[b-iz1c79y2bq] {
    color: #6c757d;
    margin: 0;
    font-size: 0.9rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSÁVEL (Etapa 2)
   ══════════════════════════════════════════════════════════════════════════ */

.responsavel-item[b-iz1c79y2bq] {
    padding: 0.5rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   PRODUTOS TABLE (Etapa 3)
   ══════════════════════════════════════════════════════════════════════════ */

.produtos-table[b-iz1c79y2bq] {
    border: 1px solid #e6ece9;
    border-radius: 12px;
    overflow: hidden;
}

.produtos-table-header[b-iz1c79y2bq] {
    display: grid;
    grid-template-columns: 2fr 150px 150px 100px;
    gap: 12px;
    padding: 12px 16px;
    background: var(--input-bg, linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%));
    border-bottom: 2px solid var(--border, #e6ece9);
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-900, #3b4a43);
}

/* Grid com Data de Troca (Entrega) */
.produtos-table-header:has(.col-data-troca)[b-iz1c79y2bq] {
    grid-template-columns: 2fr 130px 120px 180px 100px;
}

/* Grid com Estado (Fardamento) */
.produtos-table-header:has(.col-estado)[b-iz1c79y2bq] {
    grid-template-columns: 2fr 130px 120px 150px 100px;
}

/* Grid com Data de Troca e Estado */
.produtos-table-header:has(.col-data-troca):has(.col-estado)[b-iz1c79y2bq] {
    grid-template-columns: 2fr 130px 120px 150px 150px 100px;
}

/* Grid com Motivo (Devolução) */
.produtos-table-header:has(.col-motivo)[b-iz1c79y2bq] {
    grid-template-columns: 2fr 130px 120px 200px 100px;
}

.produtos-table-row[b-iz1c79y2bq] {
    display: grid;
    grid-template-columns: 2fr 150px 150px 100px;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid var(--border, #e6ece9);
    align-items: center;
    background: var(--card-bg, #fff);
    color: var(--ink-900);
    transition: background 0.2s;
}

/* Grid com Data de Troca (Entrega) */
.produtos-table-row:has(.col-data-troca)[b-iz1c79y2bq] {
    grid-template-columns: 2fr 130px 120px 180px 100px;
}

/* Grid com Estado (Fardamento) */
.produtos-table-row:has(.col-estado)[b-iz1c79y2bq] {
    grid-template-columns: 2fr 130px 120px 150px 100px;
}

/* Grid com Data de Troca e Estado */
.produtos-table-row:has(.col-data-troca):has(.col-estado)[b-iz1c79y2bq] {
    grid-template-columns: 2fr 130px 120px 150px 150px 100px;
}

/* Grid com Motivo (Devolução) */
.produtos-table-row:has(.col-motivo)[b-iz1c79y2bq] {
    grid-template-columns: 2fr 130px 120px 200px 100px;
}

.produtos-table-row:last-child[b-iz1c79y2bq] {
    border-bottom: none;
}

.produtos-table-row:hover[b-iz1c79y2bq] {
    background: var(--primary-50, rgba(42, 99, 239, 0.02));
}

.col-produto[b-iz1c79y2bq],
.col-estoque[b-iz1c79y2bq],
.col-quantidade[b-iz1c79y2bq],
.col-data-troca[b-iz1c79y2bq],
.col-estado[b-iz1c79y2bq],
.col-motivo[b-iz1c79y2bq],
.col-actions[b-iz1c79y2bq] {
    display: flex;
    align-items: center;
}

.col-actions[b-iz1c79y2bq] {
    justify-content: center;
}

.produto-info[b-iz1c79y2bq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.produto-info strong[b-iz1c79y2bq] {
    font-size: 0.75rem;
    color: #6c757d;
}

.produto-info div[b-iz1c79y2bq] {
    font-size: 0.95rem;
    font-weight: 500;
}

.produto-info small[b-iz1c79y2bq] {
    font-size: 0.8rem;
}

.estoque-badge[b-iz1c79y2bq] {
    background: rgba(42, 99, 239, 0.1);
    color: #2A63EF;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.85rem;
    transition: all 0.3s;
}

.estoque-badge.estoque-insuficiente[b-iz1c79y2bq] {
    background: rgba(220, 53, 69, 0.15);
    color: #dc3545;
    animation: pulse-b-iz1c79y2bq 1.5s ease-in-out infinite;
}

.estoque-badge.estoque-em-uso[b-iz1c79y2bq] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

@keyframes pulse-b-iz1c79y2bq {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }
}

.produtos-table-row.quantidade-excedida[b-iz1c79y2bq] {
    background: rgba(220, 53, 69, 0.03) !important;
    border-left: 3px solid #dc3545;
}

.produtos-table-row.quantidade-excedida:hover[b-iz1c79y2bq] {
    background: rgba(220, 53, 69, 0.05) !important;
}

.col-quantidade[b-iz1c79y2bq] {
    position: relative;
}

.col-quantidade .invalid-feedback[b-iz1c79y2bq] {
    font-size: 0.7rem;
    font-weight: 500;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    margin: 0;
    background: #dc3545;
    color: white;
    padding: 6px 10px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.2);
    z-index: 10;
    white-space: nowrap;
    animation: fadeIn-b-iz1c79y2bq 0.2s ease-out;
}

.col-quantidade .invalid-feedback[b-iz1c79y2bq]::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 12px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #dc3545;
}

@keyframes fadeIn-b-iz1c79y2bq {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ══════════════════════════════════════════════════════════════════════════
   ALERTA SEM PRODUTOS
   ══════════════════════════════════════════════════════════════════════════ */

.alert-sem-produtos[b-iz1c79y2bq] {
    display: flex;
    gap: 1.5rem;
    padding: 2rem;
    background: linear-gradient(135deg, #fff5e6 0%, #ffe8cc 100%);
    border: 2px solid #ffc107;
    border-radius: 12px;
    margin-top: 1rem;
    animation: slideDown-b-iz1c79y2bq 0.4s ease-out;
}

@keyframes slideDown-b-iz1c79y2bq {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

.alert-sem-produtos .alert-icon[b-iz1c79y2bq] {
    width: 64px;
    height: 64px;
    min-width: 64px;
    border-radius: 50%;
    background: rgba(255, 193, 7, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #ff9800;
}

.alert-sem-produtos .alert-content[b-iz1c79y2bq] {
    flex: 1;
}

.alert-sem-produtos .alert-content h5[b-iz1c79y2bq] {
    margin: 0 0 0.75rem 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #e65100;
}

.alert-sem-produtos .alert-content p[b-iz1c79y2bq] {
    margin: 0 0 0.5rem 0;
    color: #6d4c00;
    line-height: 1.6;
}

.alert-sem-produtos .alert-content p:last-child[b-iz1c79y2bq] {
    margin-bottom: 0;
}

/* ══════════════════════════════════════════════════════════════════════════
   RESUMO (Etapa 4)
   ══════════════════════════════════════════════════════════════════════════ */

.info-box[b-iz1c79y2bq] {
    padding: 1rem;
    background: var(--input-bg, #f8f9fa);
    color: var(--ink-900);
    border-radius: 8px;
    border: 1px solid var(--border, #e2e8f0);
}

.info-label[b-iz1c79y2bq] {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--ink-700, #6c757d);
    font-weight: 600;
    margin-bottom: 0.5rem;
    letter-spacing: 0.5px;
}

.info-value[b-iz1c79y2bq] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary-400, #2A63EF);
}

.tipo-badge[b-iz1c79y2bq] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.tipo-badge.tipo-entrada[b-iz1c79y2bq] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.tipo-badge.tipo-saida[b-iz1c79y2bq] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.resumo-produtos[b-iz1c79y2bq] {
    padding: 1rem;
    background: var(--input-bg, #f8f9fa);
    color: var(--ink-900);
    border-radius: 12px;
    border: 1px solid var(--border, #e2e8f0);
}

.observacoes-resumo[b-iz1c79y2bq] {
    padding: 1rem;
    background: var(--input-bg, #fff3cd);
    color: var(--ink-900);
    border-radius: 8px;
    border-left: 4px solid #ffc107;
}

/* ══════════════════════════════════════════════════════════════════════════
   WIZARD ACTIONS
   ══════════════════════════════════════════════════════════════════════════ */

.wizard-actions[b-iz1c79y2bq] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    background: var(--card-bg, white);
    color: var(--ink-900);
    border-radius: 12px;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
}

/* ══════════════════════════════════════════════════════════════════════════
   MODAL DE PRODUTO
   ══════════════════════════════════════════════════════════════════════════ */

.modal-backdrop-custom[b-iz1c79y2bq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    backdrop-filter: blur(4px);
}

.modal-produto[b-iz1c79y2bq] {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    background: var(--card-bg, white);
    color: var(--ink-900, #212529);
    border-radius: 16px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);
    z-index: 1051;
    width: 90vw;
    max-width: 700px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    margin: auto;
    animation: modalSlideIn-b-iz1c79y2bq 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes modalSlideIn-b-iz1c79y2bq {
    from {
        opacity: 0;
        transform: translate(-50%, -45%);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.modal-header-custom[b-iz1c79y2bq] {
    padding: 1.5rem;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header-custom h5[b-iz1c79y2bq] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.modal-body-custom[b-iz1c79y2bq] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.produtos-list[b-iz1c79y2bq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 400px;
    overflow-y: auto;
}

.produto-item[b-iz1c79y2bq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    background: white;
}

.produto-item:hover[b-iz1c79y2bq] {
    border-color: #2A63EF;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.15);
    transform: translateX(4px);
}

.produto-item-selected[b-iz1c79y2bq] {
    border-color: var(--bs-primary) !important;
    background-color: rgba(var(--bs-primary-rgb), 0.05) !important;
    transform: scale(0.98);
    box-shadow: inset 0 0 0 1px var(--bs-primary);
}

.produto-item-info[b-iz1c79y2bq] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.produto-item-icon[b-iz1c79y2bq] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: rgba(42, 99, 239, 0.1);
    color: #2A63EF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.produto-item-codigo[b-iz1c79y2bq] {
    font-size: 0.75rem;
    color: #6c757d;
    font-weight: 600;
}

.produto-item-nome[b-iz1c79y2bq] {
    font-size: 0.95rem;
    font-weight: 500;
    color: #212529;
}

.produto-item-detalhes[b-iz1c79y2bq] {
    font-size: 0.8rem;
    color: #6c757d;
    margin-top: 2px;
}

.produto-item-detalhes span[b-iz1c79y2bq] {
    margin-right: 8px;
}

.produto-item-estoque[b-iz1c79y2bq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-left: 12px;
}

.estoque-label[b-iz1c79y2bq] {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: #6c757d;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.estoque-value[b-iz1c79y2bq] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #2A63EF;
}

.produto-remover[b-iz1c79y2bq] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: all 0.2s;
    animation: popIn-b-iz1c79y2bq 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.produto-remover:hover[b-iz1c79y2bq] {
    background: #dc3545;
    color: white;
    transform: scale(1.1);
}

@keyframes popIn-b-iz1c79y2bq {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   DATA DE TROCA E MOTIVO
   ══════════════════════════════════════════════════════════════════════════ */

.col-data-troca input[type="date"][b-iz1c79y2bq] {
    border: 1px solid #ced4da;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 0.85rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.col-data-troca input[type="date"]:focus[b-iz1c79y2bq] {
    outline: none;
    border-color: #2A63EF;
    box-shadow: 0 0 0 3px rgba(42, 99, 239, 0.1);
}

.col-motivo .btn[b-iz1c79y2bq] {
    font-size: 0.8rem;
    padding: 6px 12px;
    border-radius: 6px;
    white-space: nowrap;
}

.col-motivo .btn-outline-warning[b-iz1c79y2bq] {
    border-color: #ffc107;
    color: #856404;
}

.col-motivo .btn-outline-warning:hover[b-iz1c79y2bq] {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529;
}

.col-motivo .btn-outline-success[b-iz1c79y2bq] {
    border-color: #28a745;
    color: #155724;
}

.col-motivo .btn-outline-success:hover[b-iz1c79y2bq] {
    background-color: #28a745;
    border-color: #28a745;
    color: white;
}

.col-estado select[b-iz1c79y2bq] {
    border: 1px solid #ced4da;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 0.85rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.col-estado select:focus[b-iz1c79y2bq] {
    outline: none;
    border-color: #2A63EF;
    box-shadow: 0 0 0 3px rgba(42, 99, 239, 0.1);
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .wizard-steps[b-iz1c79y2bq] {
        padding: 1rem;
        overflow-x: auto;
    }

    .step-label[b-iz1c79y2bq] {
        font-size: 0.75rem;
        max-width: 80px;
    }

    .wizard-line[b-iz1c79y2bq] {
        width: 40px;
    }

    .step-number[b-iz1c79y2bq] {
        width: 40px;
        height: 40px;
        font-size: 0.9rem;
    }

    .tipo-card[b-iz1c79y2bq] {
        padding: 1.5rem;
    }

    .tipo-icon[b-iz1c79y2bq] {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }

    .produtos-table-header[b-iz1c79y2bq],
    .produtos-table-row[b-iz1c79y2bq] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .produtos-table-header[b-iz1c79y2bq] {
        display: none;
    }

    .produtos-table-row>div[b-iz1c79y2bq] {
        justify-content: space-between;
    }

    .wizard-actions[b-iz1c79y2bq] {
        flex-direction: column;
        gap: 1rem;
    }

    .wizard-actions>div[b-iz1c79y2bq] {
        width: 100%;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/Movimentacoes.razor.rz.scp.css */
.dash-container[b-46r1mi632s] {
    padding: 1.5rem;
    max-width: 100%;
}

/* ══════════════════════════════════════════════════════════════════════════
   KPI ROW E CARDS
   ══════════════════════════════════════════════════════════════════════════ */

.kpi-row[b-46r1mi632s] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 1.5rem;
}

.kpi-card[b-46r1mi632s] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border, #e6ece9);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.08);
}

.kpi-icon[b-46r1mi632s] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.kpi-info[b-46r1mi632s] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.kpi-value[b-46r1mi632s] {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1;
    color: var(--ink-900, #0b1f17);
}

.kpi-label[b-46r1mi632s] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--ink-500, #70867b);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

@media (max-width: 992px) {
    .kpi-row[b-46r1mi632s] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .kpi-row[b-46r1mi632s] {
        grid-template-columns: 1fr;
    }
}

.custom-card[b-46r1mi632s] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: #fff;
}

.custom-card:hover:not(.no-lift)[b-46r1mi632s] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
}

.btn-custom-primary[b-46r1mi632s] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border: none;
    color: white;
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
    transition: all 0.2s;
}

.btn-custom-primary:hover[b-46r1mi632s] {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

/* ══════════════════════════════════════════════════════════════════════════
   TABELA MODERNA
   ══════════════════════════════════════════════════════════════════════════ */

.ajustes-table-modern[b-46r1mi632s] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ── Header da Tabela ─────────────────────────────────────────────────────── */
.table-header-modern[b-46r1mi632s] {
    display: grid;
    grid-template-columns: 80px 140px 140px 180px 100px 120px 120px;
    gap: 12px;
    padding: 16px 20px;
    background: var(--input-bg, linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%));
    border-bottom: 2px solid var(--border, #e6ece9);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-900, #3b4a43);
    align-items: center;
}

/* ── Linhas da Tabela ─────────────────────────────────────────────────────── */
.table-row-modern[b-46r1mi632s] {
    display: grid;
    grid-template-columns: 80px 140px 140px 180px 100px 120px 120px;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border, #e6ece9);
    transition: all 0.2s ease;
    align-items: center;
    background: var(--card-bg, #fff);
}

.table-row-modern:hover[b-46r1mi632s] {
    background: rgba(42, 99, 239, 0.04);
    box-shadow: inset 4px 0 0 #2a63ef;
}

.table-row-modern:last-child[b-46r1mi632s] {
    border-bottom: none;
}

/* ── Tipo Badge ───────────────────────────────────────────────────────────── */
.tipo-badge[b-46r1mi632s] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.tipo-badge.tipo-entrada[b-46r1mi632s] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.tipo-badge.tipo-saida[b-46r1mi632s] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

/* ── Status Badge ─────────────────────────────────────────────────────────── */
.status-badge[b-46r1mi632s] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.status-badge.status-pendente[b-46r1mi632s] {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}

.status-badge.status-entregue[b-46r1mi632s] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.status-badge.status-cancelada[b-46r1mi632s] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

/* ── Actions ──────────────────────────────────────────────────────────────── */
.action-buttons[b-46r1mi632s] {
    display: flex;
    gap: 6px;
}

.btn-action[b-46r1mi632s] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
}

.btn-action-primary[b-46r1mi632s] {
    background: rgba(42, 99, 239, 0.1);
    color: #2a63ef;
}

.btn-action-primary:hover[b-46r1mi632s] {
    background: #2a63ef;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

.btn-action-danger[b-46r1mi632s] {
    background: rgba(239, 68, 68, 0.1);
    color: #EF4444;
}

    .btn-action-danger:hover[b-46r1mi632s] {
        background: #EF4444;
        color: white;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(239, 68, 68, 0.3);
    }

/* ── Items Badge ──────────────────────────────────────────────────────────── */
.items-badge[b-46r1mi632s] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    background: rgba(42, 99, 239, 0.1);
    color: #2a63ef;
    display: inline-block;
}

/* ── ID Badge ─────────────────────────────────────────────────────────────── */
.id-badge[b-46r1mi632s] {
    background: linear-gradient(135deg, #2a63ef 0%, #5483f2 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

/* ── Empty State ──────────────────────────────────────────────────────────── */
.empty-state[b-46r1mi632s] {
    text-align: center;
    padding: 60px 20px;
    color: var(--text-muted, #6c757d);
}

.empty-state i[b-46r1mi632s] {
    font-size: 3.5rem;
    margin-bottom: 16px;
    opacity: 0.4;
    display: block;
}

.empty-state p[b-46r1mi632s] {
    font-size: 1rem;
    margin: 0;
}

/* ── Modal ────────────────────────────────────────────────────────────────── */
.modal-backdrop-custom[b-46r1mi632s] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    backdrop-filter: blur(4px);
}

.modal-cancelar[b-46r1mi632s] {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    background: var(--card-bg, white);
    color: var(--ink-900, #212529);
    border-radius: 16px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);
    z-index: 1051;
    width: 90vw;
    max-width: 500px;
    margin: auto;
    animation: modalSlideIn-b-46r1mi632s 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes modalSlideIn-b-46r1mi632s {
    from {
        opacity: 0;
        transform: translate(-50%, -45%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.modal-header-custom[b-46r1mi632s] {
    padding: 1.5rem;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header-custom h5[b-46r1mi632s] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.modal-body-custom[b-46r1mi632s] {
    padding: 1.5rem;
}

.modal-footer-custom[b-46r1mi632s] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
.row-label[b-46r1mi632s] {
    display: none;
}

@media (max-width: 768px) {
    .dash-container[b-46r1mi632s] {
        padding: 1rem;
    }

    .table-header-modern[b-46r1mi632s] {
        display: none;
    }

    .table-row-modern[b-46r1mi632s] {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 16px;
    }

    .table-row-modern > div[b-46r1mi632s] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .row-label[b-46r1mi632s] {
        display: inline;
        font-weight: 600;
        color: var(--ink-700, #3b4a43);
        font-size: 0.8rem;
        text-transform: uppercase;
    }

    .action-buttons[b-46r1mi632s] {
        flex-direction: row;
    }
}

/* ── CONTROLE SEGMENTADO DE FILTRO DE LOTES ── */
.lote-segmented-control[b-46r1mi632s] {
    display: inline-flex;
    background: var(--bg, #f1f5f9);
    padding: 4px;
    border-radius: 12px;
    border: 1px solid var(--border, #e2e8f0);
}

.segment-btn[b-46r1mi632s] {
    border: none;
    background: transparent;
    padding: 6px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--ink-700, #64748b);
    border-radius: 8px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.segment-btn:hover[b-46r1mi632s] {
    color: var(--primary-600, #2563eb);
}

.segment-btn.active[b-46r1mi632s] {
    background: var(--card-bg, #ffffff);
    color: var(--primary-600, #2563eb);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* ── DESTAQUE ELEGANTE DA LINHA DE LOTE AGRUPADO ── */
.table-row-batch-group[b-46r1mi632s] {
    background: linear-gradient(90deg, rgba(42, 99, 239, 0.06) 0%, rgba(42, 99, 239, 0.01) 100%) !important;
    border-bottom: 1px solid rgba(42, 99, 239, 0.15) !important;
}

.table-row-batch-group:hover[b-46r1mi632s] {
    background: linear-gradient(90deg, rgba(42, 99, 239, 0.12) 0%, rgba(42, 99, 239, 0.04) 100%) !important;
    box-shadow: inset 4px 0 0 var(--primary-500, #2a63ef) !important;
}

/* _content/PatrimonioGarbo/Components/Pages/ProdutoEdit.razor.rz.scp.css */
/* === PRODUTO EDIT - VISUAL MODERNO === */

/* Badges */

.badge[b-gikgg7q8yz] {
    padding: 0.4rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid transparent;
    cursor: default;
    text-transform: uppercase;
    justify-content: center;
}

.bg-success[b-gikgg7q8yz] {
    background-color: #d1f2eb;
    color: #ffffff;
    border: 2px solid #badbcc;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.4rem 0.75rem;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.1);
}

.bg-danger[b-gikgg7q8yz] {
    background-color: #f2d1d1;
    color: #ffffff;
    border: 2px solid #e0c1c1;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.4rem 0.75rem;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(224, 193, 193, 0.1);
}

.bg-warning[b-gikgg7q8yz] {
    background-color: #fff8e1;
    color: #2b2a29;
    border: 2px solid #e3d5a7;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.4rem 0.75rem;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.1);
}

.bg-secondary[b-gikgg7q8yz] {
    background-color: #f8f9fa;
    color: #ffffff;
    border: 2px solid #e9ecef;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.4rem 0.75rem;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.1);
}


/* Container Principal */
.dash-container[b-gikgg7q8yz] {
    padding: 2rem;
    max-width: 1200px;
    margin: 0 auto;
    background: transparent;
    min-height: 100vh;
}

/* Header da página */
.d-flex.align-items-center.justify-content-between[b-gikgg7q8yz] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: var(--card-bg, white);
    color: var(--ink-900);
    border-radius: 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

.d-flex.align-items-center.justify-content-between h3[b-gikgg7q8yz] {
    color: var(--ink-900, #212529);
    font-weight: 700;
    font-size: 2rem;
    display: flex;
    align-items: center;
    margin: 0;
}

.d-flex.align-items-center.justify-content-between h3 i[b-gikgg7q8yz] {
    text-shadow: 0 2px 8px rgba(42, 99, 239, 0.3);
}

/* Cards */
.custom-card[b-gikgg7q8yz] {
    border-radius: 20px;
    border: none;
    background: var(--card-bg, white);
    color: var(--ink-900);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.custom-card:hover[b-gikgg7q8yz] {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.custom-card .card-body[b-gikgg7q8yz] {
    padding: 2rem;
}

.custom-card .card-title[b-gikgg7q8yz] {
    color: var(--primary-400, #2A63EF);
    font-weight: 700;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--border, #f0f0f0);
}

.custom-card .card-title i[b-gikgg7q8yz] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    color: white;
    border-radius: 12px;
    margin-right: 12px;
    font-size: 1rem;
}

/* Estilo dos inputs */
.form-control[b-gikgg7q8yz],
.form-select[b-gikgg7q8yz] {
    border-radius: 12px;
    border: 2px solid var(--input-border, #e9ecef);
    transition: all 0.3s ease;
    background: var(--input-bg, #f8f9fa);
    color: var(--ink-900);
}

.form-control:focus[b-gikgg7q8yz],
.form-select:focus[b-gikgg7q8yz] {
    border-color: #2A63EF;
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.1);
    background: white;
    transform: translateY(-1px);
}

.form-label[b-gikgg7q8yz] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
}

.form-label i[b-gikgg7q8yz] {
    opacity: 0.7;
    transition: opacity 0.3s;
}

.form-control:focus+.form-label i[b-gikgg7q8yz],
.form-select:focus+.form-label i[b-gikgg7q8yz] {
    opacity: 1;
}

/* Ajuste para small text */
small.text-muted[b-gikgg7q8yz] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

small.text-muted i[b-gikgg7q8yz] {
    font-size: 0.75rem;
    opacity: 0.8;
}

/* Boxes de Estoque */
.estoque-info-box[b-gikgg7q8yz] {
    background: white;
    border-radius: 20px;
    padding: 1.5rem 1.0rem;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    overflow: hidden;
}

.estoque-info-box[b-gikgg7q8yz]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, transparent, currentColor, transparent);
    opacity: 0;
    transition: opacity 0.3s;
}

.estoque-info-box:hover[b-gikgg7q8yz] {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);
}

.estoque-info-box:hover[b-gikgg7q8yz]::before {
    opacity: 1;
}

.estoque-info-box.disponivel[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
    border: 2px solid #81c784;
    color: #2e7d32;
}

.estoque-info-box.em-uso[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);
    border: 2px solid #ffb74d;
    color: #f57c00;
    position: relative;
}

.estoque-info-box.em-uso[style*="cursor: pointer"][b-gikgg7q8yz] {
    cursor: pointer !important;
}

.estoque-info-box.em-uso[style*="cursor: pointer"]:hover[b-gikgg7q8yz] {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 20px 60px rgba(255, 152, 0, 0.3);
    border-color: #ff9800;
    background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
}

.estoque-info-box.em-uso[style*="cursor: pointer"]:active[b-gikgg7q8yz] {
    transform: translateY(-8px) scale(1.03);
}

.estoque-info-box.total[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border: 2px solid #64b5f6;
    color: #1976d2;
}

.estoque-info-label[b-gikgg7q8yz] {
    font-size: 0.8rem;
    color: currentColor;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 12px;
    opacity: 0.8;
}

.estoque-info-value[b-gikgg7q8yz] {
    font-size: 2.5rem;
    font-weight: 800;
    color: currentColor;
    line-height: 1;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Timeline Styles */
.timeline[b-gikgg7q8yz] {
    position: relative;
    padding-left: 40px;
}

.timeline[b-gikgg7q8yz]::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 8px;
    bottom: 8px;
    width: 3px;
    background: linear-gradient(to bottom, #2A63EF, transparent);
    border-radius: 4px;
}

.timeline-item[b-gikgg7q8yz] {
    position: relative;
    margin-bottom: 2rem;
    animation: slideInTimeline-b-gikgg7q8yz 0.5s ease-out;
}

@keyframes slideInTimeline-b-gikgg7q8yz {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

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

.timeline-item:last-child[b-gikgg7q8yz] {
    margin-bottom: 0;
}

.timeline-marker[b-gikgg7q8yz] {
    position: absolute;
    left: -32px;
    top: 8px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border: 4px solid white;
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.3);
    z-index: 2;
}

.timeline-content[b-gikgg7q8yz] {
    background: white;
    border-radius: 16px;
    padding: 1.25rem 1.5rem;
    border: 2px solid #f0f0f0;
    transition: all 0.3s ease;
    position: relative;
}

.timeline-content[b-gikgg7q8yz]::before {
    content: '';
    position: absolute;
    left: -12px;
    top: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 12px 8px 0;
    border-color: transparent white transparent transparent;
    filter: drop-shadow(-2px 0 0 #f0f0f0);
}

.timeline-content:hover[b-gikgg7q8yz] {
    border-color: #2A63EF;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transform: translateX(4px);
}

.timeline-header[b-gikgg7q8yz] {
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.timeline-header strong[b-gikgg7q8yz] {
    color: #2A63EF;
    font-weight: 700;
    font-size: 1rem;
}

.timeline-body[b-gikgg7q8yz] {
    color: #495057;
    line-height: 1.6;
    font-size: 0.95rem;
}

.timeline-obs[b-gikgg7q8yz] {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);
    border-radius: 12px;
    font-size: 0.9rem;
    color: #f57c00;
    border-left: 4px solid #ffa726;
    font-weight: 500;
}

.timeline-obs i[b-gikgg7q8yz] {
    opacity: 0.8;
}

/* Botões */
.btn[b-gikgg7q8yz] {
    border-radius: 12px;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    font-size: 0.95rem;
}

.btn:hover[b-gikgg7q8yz] {
    transform: translateY(-2px);
}

.btn:active[b-gikgg7q8yz] {
    transform: translateY(0);
}

.btn-custom-primary[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.3);
}

.btn-custom-primary:hover[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
    box-shadow: 0 8px 24px rgba(42, 99, 239, 0.4);
}

.btn-custom-primary:disabled[b-gikgg7q8yz] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn-secondary[b-gikgg7q8yz] {
    background: #6c757d;
    color: white;
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.2);
}

.btn-secondary:hover[b-gikgg7q8yz] {
    background: #5a6268;
    box-shadow: 0 8px 24px rgba(108, 117, 125, 0.3);
}

.btn-danger[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}

.btn-danger:hover[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #c82333 0%, #bd2130 100%);
    box-shadow: 0 8px 24px rgba(220, 53, 69, 0.4);
}

.btn-outline-secondary[b-gikgg7q8yz] {
    border: 2px solid #e9ecef;
    color: #6c757d;
    background: white;
    border-radius: 12px;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-outline-secondary:hover[b-gikgg7q8yz] {
    background: #f8f9fa;
    border-color: #6c757d;
    color: #495057;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.btn-custom-outline-primary[b-gikgg7q8yz] {
    border: 2px solid #2A63EF;
    color: #2A63EF;
    background: transparent;
    border-radius: 12px;
    padding: 0.6rem 1.25rem;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.btn-custom-outline-primary:hover[b-gikgg7q8yz] {
    background: #2A63EF;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.3);
}

.btn-custom-secondary[b-gikgg7q8yz] {
    background: #6c757d;
    color: white;
    border-radius: 12px;
    padding: 0.6rem 1.25rem;
    font-weight: 600;
    border: none;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
}

.btn-custom-secondary:hover[b-gikgg7q8yz] {
    background: #5a6268;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3);
}

/* Modal de Exclusão */
.modal-backdrop-custom[b-gikgg7q8yz] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1040;
    backdrop-filter: blur(8px);
    animation: fadeInBackdrop-b-gikgg7q8yz 0.3s ease-out;
}

.modal-backdrop-custom.closing[b-gikgg7q8yz] {
    animation: fadeOutBackdrop-b-gikgg7q8yz 0.25s ease-in;
}

@keyframes fadeInBackdrop-b-gikgg7q8yz {
    from {
        opacity: 0;
        backdrop-filter: blur(0px);
    }

    to {
        opacity: 1;
        backdrop-filter: blur(8px);
    }
}

@keyframes fadeOutBackdrop-b-gikgg7q8yz {
    from {
        opacity: 1;
        backdrop-filter: blur(8px);
    }

    to {
        opacity: 0;
        backdrop-filter: blur(0px);
    }
}

.modal-exclusao[b-gikgg7q8yz] {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    width: 90vw;
    max-width: 600px;
    background: var(--card-bg, white);
    color: var(--ink-900, #212529);
    border-radius: 24px;
    z-index: 1051;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    margin: auto;
    animation: modalSlideIn-b-gikgg7q8yz 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.modal-exclusao.closing[b-gikgg7q8yz] {
    animation: modalSlideOut-b-gikgg7q8yz 0.2s ease-in;
}

@keyframes modalSlideIn-b-gikgg7q8yz {
    from {
        opacity: 0;
        transform: translate(-50%, -45%) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes modalSlideOut-b-gikgg7q8yz {
    from {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    to {
        opacity: 0;
        transform: translate(-50%, -45%) scale(0.9);
    }
}

.modal-header-exclusao[b-gikgg7q8yz] {
    padding: 24px 28px;
    border-bottom: none;
    background: linear-gradient(360deg, #f0687d 0%, #ff3549 100%);
}

.modal-header-exclusao h5[b-gikgg7q8yz] {
    margin: 0;
    color: white;
    font-weight: 700;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
}

.modal-header-exclusao h5 i[b-gikgg7q8yz] {
    font-size: 1.5rem;
    margin-right: 12px;
}

.modal-body-exclusao[b-gikgg7q8yz] {
    padding: 28px;
}

.modal-body-exclusao p[b-gikgg7q8yz] {
    font-size: 1rem;
    color: #495057;
}

.modal-body-exclusao .alert[b-gikgg7q8yz] {
    border-radius: 16px;
    border: none;
    padding: 1rem 1.25rem;
    font-size: 0.95rem;
}

.modal-body-exclusao .alert-warning[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);
    color: #f57c00;
}

.modal-body-exclusao .alert-danger[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
    color: #c62828;
}

.modal-footer-exclusao[b-gikgg7q8yz] {
    padding: 20px 28px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    background: #fafafa;
}

/* Responsividade */
@media (max-width: 768px) {
    .dash-container[b-gikgg7q8yz] {
        padding: 1rem;
        background: white;
    }

    .custom-card[b-gikgg7q8yz] {
        border-radius: 16px;
    }

    .custom-card .card-body[b-gikgg7q8yz] {
        padding: 1.25rem;
    }

    .custom-card .card-title[b-gikgg7q8yz] {
        font-size: 1.1rem;
    }

    .custom-card .card-title i[b-gikgg7q8yz] {
        width: 32px;
        height: 32px;
        font-size: 0.9rem;
    }

    .estoque-info-box[b-gikgg7q8yz] {
        padding: 1.25rem 1rem;
        border-radius: 16px;
    }

    .estoque-info-value[b-gikgg7q8yz] {
        font-size: 2rem;
    }

    .timeline[b-gikgg7q8yz] {
        padding-left: 32px;
    }

    .timeline-marker[b-gikgg7q8yz] {
        left: -28px;
        width: 20px;
        height: 20px;
        border-width: 3px;
    }

    .timeline-content[b-gikgg7q8yz] {
        border-radius: 12px;
        padding: 1rem;
    }

    .modal-exclusao[b-gikgg7q8yz] {
        width: 95vw;
        border-radius: 20px;
    }

    .modal-header-exclusao[b-gikgg7q8yz],
    .modal-body-exclusao[b-gikgg7q8yz],
    .modal-footer-exclusao[b-gikgg7q8yz] {
        padding: 20px;
    }

    .btn[b-gikgg7q8yz] {
        padding: 0.6rem 1.25rem;
        font-size: 0.9rem;
    }
}

/* Animações adicionais */
@keyframes pulse-b-gikgg7q8yz {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.8;
    }
}

.spinner-border[b-gikgg7q8yz] {
    animation: spin-b-gikgg7q8yz 0.75s linear infinite, pulse-b-gikgg7q8yz 1.5s ease-in-out infinite;
}

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

/* Melhorias de acessibilidade */
.btn:focus-visible[b-gikgg7q8yz],
.form-control:focus-visible[b-gikgg7q8yz],
.form-select:focus-visible[b-gikgg7q8yz] {
    outline: 3px solid rgba(42, 99, 239, 0.5);
    outline-offset: 2px;
}

/* Scrollbar personalizada */
.timeline[b-gikgg7q8yz]::-webkit-scrollbar {
    width: 8px;
}

.timeline[b-gikgg7q8yz]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.timeline[b-gikgg7q8yz]::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border-radius: 10px;
}

.timeline[b-gikgg7q8yz]::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
}

/* Validação */
.validation-message[b-gikgg7q8yz] {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 0.35rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 500;
    animation: slideIn-b-gikgg7q8yz 0.3s ease-out;
}

.validation-message[b-gikgg7q8yz]::before {
    content: "\f06a";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.75rem;
}

@keyframes slideIn-b-gikgg7q8yz {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

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

.invalid[b-gikgg7q8yz] {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.1) !important;
}

/* Estilos para o ValidationSummary */
.validation-summary-errors[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
    border-left: 4px solid #dc3545;
    border-radius: 16px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
    animation: slideIn-b-gikgg7q8yz 0.3s ease-out;
}

.validation-summary-errors ul[b-gikgg7q8yz] {
    margin: 0;
    padding-left: 1.5rem;
}

.validation-summary-errors li[b-gikgg7q8yz] {
    color: #c62828;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.validation-summary-errors li:last-child[b-gikgg7q8yz] {
    margin-bottom: 0;
}

/* Modal de Colaboradores */
.btn-close-white[b-gikgg7q8yz] {
    filter: brightness(0) invert(1);
    opacity: 0.8;
    transition: all 0.3s ease;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.5rem;
}

.btn-close-white:hover[b-gikgg7q8yz] {
    opacity: 1;
    transform: rotate(90deg);
}

.list-group-item[b-gikgg7q8yz] {
    border: 1px solid #e9ecef;
    border-radius: 12px !important;
    margin-bottom: 12px;
    transition: all 0.3s ease;
    padding: 1.25rem;
}

.list-group-item:hover[b-gikgg7q8yz] {
    transform: translateX(8px);
    box-shadow: 0 4px 16px rgba(102, 126, 234, 0.15);
    border-color: #667eea;
}

.list-group-item h6[b-gikgg7q8yz] {
    color: #2c3e50;
    font-weight: 600;
    font-size: 1.1rem;
}

.list-group-item .badge[b-gikgg7q8yz] {
    font-weight: 600;
    letter-spacing: 0.5px;
}

.modal-header-exclusao .btn-close-white[b-gikgg7q8yz] {
    position: absolute;
    right: 20px;
    top: 20px;
}

/* Grade de Produtos */
.grade-card[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
    border: 2px solid #e3f2fd;
}

.grade-card .card-title[b-gikgg7q8yz] {
    color: #1976d2;
    border-bottom-color: #e3f2fd;
}

.grade-card .card-title i[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
}

.selection-box[b-gikgg7q8yz] {
    max-height: 300px;
    overflow-y: auto;
    padding: 1rem;
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 12px;
    margin-top: 0.5rem;
}

.selection-box .form-check[b-gikgg7q8yz] {
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.selection-box .form-check:hover[b-gikgg7q8yz] {
    background: #f8f9fa;
}

.selection-box .form-check-input[b-gikgg7q8yz] {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.15rem;
    cursor: pointer;
}

.selection-box .form-check-input:checked[b-gikgg7q8yz] {
    background-color: #2A63EF;
    border-color: #2A63EF;
}

.selection-box .form-check-label[b-gikgg7q8yz] {
    cursor: pointer;
    margin-left: 0.5rem;
    font-weight: 500;
    color: #495057;
}

.grade-preview[b-gikgg7q8yz] {
    background: white;
    border: 2px solid #e3f2fd;
    border-radius: 16px;
    padding: 1.5rem;
    animation: slideIn-b-gikgg7q8yz 0.4s ease-out;
}

.grade-preview h6[b-gikgg7q8yz] {
    color: #1976d2;
    font-weight: 700;
}

.grade-preview-list[b-gikgg7q8yz] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.grade-preview-item[b-gikgg7q8yz] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
    border: 1px solid #e9ecef;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.grade-preview-item:hover[b-gikgg7q8yz] {
    border-color: #2A63EF;
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.1);
    transform: translateX(4px);
}

.grade-codigo[b-gikgg7q8yz] {
    font-weight: 700;
    font-size: 1rem;
    color: #2A63EF;
    background: white;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    border: 2px solid #e3f2fd;
    min-width: 100px;
    text-align: center;
}

.grade-descricao[b-gikgg7q8yz] {
    color: #495057;
    font-size: 0.95rem;
}

/* Variações Card */
.variacoes-card[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #fef5e7 0%, #ffffff 100%);
    border: 2px solid #fff8dc;
}

.variacoes-card .card-title[b-gikgg7q8yz] {
    color: #f57c00;
    border-bottom-color: #fff8dc;
}

.variacoes-card .card-title i[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
}

/* Produto Pai Card */
.produto-pai-card[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #e8f5e9 0%, #ffffff 100%);
    border: 2px solid #c8e6c9;
}

.produto-pai-card .card-title[b-gikgg7q8yz] {
    color: #2e7d32;
    border-bottom-color: #c8e6c9;
}

.produto-pai-card .card-title i[b-gikgg7q8yz] {
    background: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%);
}

/* Form Switch personalizado */
.form-check-input[type="checkbox"][b-gikgg7q8yz] {
    width: 3rem;
    height: 1.5rem;
    cursor: pointer;
    background-color: #ced4da;
    border: none;
    transition: all 0.3s ease;
}

.form-check-input[type="checkbox"]:checked[b-gikgg7q8yz] {
    background-color: #2A63EF;
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.1);
}

.form-check-input[type="checkbox"]:focus[b-gikgg7q8yz] {
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.2);
}

.form-check-label[b-gikgg7q8yz] {
    margin-left: 0.75rem;
}

/* Scrollbar para selection-box */
.selection-box[b-gikgg7q8yz]::-webkit-scrollbar {
    width: 8px;
}

.selection-box[b-gikgg7q8yz]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.selection-box[b-gikgg7q8yz]::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border-radius: 10px;
}

.selection-box[b-gikgg7q8yz]::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
}
/* _content/PatrimonioGarbo/Components/Pages/Produtos.razor.rz.scp.css */
.estoque-badge[b-9arzev57y3] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 8px;
}

.estoque-badge.disponivel[b-9arzev57y3] {
    background: #d1f2eb;
    border-left: 3px solid #28a745;
}

.estoque-badge.em-uso[b-9arzev57y3] {
    background: #fff3cd;
    border-left: 3px solid #ffc107;
}

.estoque-badge.total[b-9arzev57y3] {
    background: #e2e3e5;
    border-left: 3px solid #6c757d;
}

.estoque-label[b-9arzev57y3] {
    font-size: 0.7rem;
    color: #6c757d;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2px;
}

.estoque-value[b-9arzev57y3] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #212529;
}

.custom-card[b-9arzev57y3] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: #fff;
}

.custom-card:hover:not(.no-lift)[b-9arzev57y3] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
}

.custom-card:hover:not(.no-lift)[b-9arzev57y3] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

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

/* Card de filtros precisa permitir overflow para os dropdowns */
.custom-card:has(.custom-dropdown)[b-9arzev57y3],
.custom-card:has(.multi-select-dropdown)[b-9arzev57y3] {
    overflow: visible !important;
    position: relative;
    z-index: 100;
}

.custom-card:has(.custom-dropdown) .card-body[b-9arzev57y3],
.custom-card:has(.multi-select-dropdown) .card-body[b-9arzev57y3] {
    overflow: visible !important;
}

.dash-container[b-9arzev57y3] {
    padding: 1.5rem;
    max-width: 100%;
}

.btn-custom-primary[b-9arzev57y3] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border: none;
    color: white;
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
    transition: all 0.2s;
}

.btn-custom-primary:hover[b-9arzev57y3] {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

/* ══════════════════════════════════════════════════════════════════════════
   TABELA MODERNA - DESIGN RENOVADO
   ══════════════════════════════════════════════════════════════════════════ */

.produtos-table-modern[b-9arzev57y3] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ── Header da Tabela ─────────────────────────────────────────────────────── */
.table-header-row[b-9arzev57y3] {
    display: grid;
    grid-template-columns: 90px 2fr 1fr 1.2fr 120px 1.5fr 100px;
    gap: 12px;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 2px solid var(--border, #e6ece9);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700, #3b4a43);
    align-items: center;
}

/* ── Linhas da Tabela ─────────────────────────────────────────────────────── */
.table-row[b-9arzev57y3] {
    display: grid;
    grid-template-columns: 90px 2fr 1fr 1.2fr 120px 1.5fr 100px;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border, #e6ece9);
    transition: all 0.2s ease;
    cursor: pointer;
    align-items: center;
    background: var(--card-bg, #fff);
}

.table-row:hover[b-9arzev57y3] {
    background: rgba(42, 99, 239, 0.04);
    box-shadow: inset 4px 0 0 #2a63ef;
}

.table-row:last-child[b-9arzev57y3] {
    border-bottom: none;
}

/* ── Células ──────────────────────────────────────────────────────────────── */
.table-cell[b-9arzev57y3] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--ink-900, #0b1f17);
    overflow: hidden;
}

/* ── Código Badge ─────────────────────────────────────────────────────────── */
.codigo-badge[b-9arzev57y3] {
    background: linear-gradient(135deg, #2a63ef 0%, #5483f2 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

/* ── Produto com Ícone e Detalhes ────────────────────────────────────────── */
.produto-info[b-9arzev57y3] {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    width: 100%;
}

.produto-icon-wrapper[b-9arzev57y3] {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(42, 99, 239, 0.1) 0%, rgba(84, 131, 242, 0.1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.2rem;
    color: #2a63ef;
}

.produto-details[b-9arzev57y3] {
    overflow: hidden;
    flex: 1;
}

.produto-name[b-9arzev57y3] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--ink-900, #0b1f17);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Categoria Badge ──────────────────────────────────────────────────────── */
.categoria-badge[b-9arzev57y3] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.categoria-badge.categoria-fardamento[b-9arzev57y3] {
    background: rgba(42, 99, 239, 0.1);
    color: #2a63ef;
}

.categoria-badge.categoria-epi[b-9arzev57y3] {
    background: rgba(231, 87, 51, 0.1);
    color: #e75733;
}

/* ── Detalhes Info ────────────────────────────────────────────────────────── */
.detalhes-info[b-9arzev57y3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.detalhe-item[b-9arzev57y3] {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    color: var(--text-muted, #6c757d);
}

.detalhe-item i[b-9arzev57y3] {
    font-size: 0.75rem;
}

/* ── Estoque Badges ───────────────────────────────────────────────────────── */
.estoque-badges[b-9arzev57y3] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.estoque-item[b-9arzev57y3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.estoque-label[b-9arzev57y3] {
    font-size: 0.65rem;
    color: var(--text-muted, #6c757d);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.estoque-badge[b-9arzev57y3] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
}

.badge-disponivel[b-9arzev57y3] {
    background: #d1f2eb;
    color: #0f5132;
}

.badge-em-uso[b-9arzev57y3] {
    background: #fff3cd;
    color: #664d03;
}

.badge-total[b-9arzev57y3] {
    background: #e2e3e5;
    color: #41464b;
}

/* ── Actions ──────────────────────────────────────────────────────────────── */
.cell-actions[b-9arzev57y3] {
    justify-content: center;
    overflow: visible;
}

.action-buttons[b-9arzev57y3] {
    display: flex;
    gap: 6px;
}

.btn-action[b-9arzev57y3] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    text-decoration: none;
}

.btn-action-primary[b-9arzev57y3] {
    background: rgba(42, 99, 239, 0.1);
    color: #2a63ef;
}

.btn-action-primary:hover[b-9arzev57y3] {
    background: #2a63ef;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

.btn-action-secondary[b-9arzev57y3] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

.btn-action-secondary:hover[b-9arzev57y3] {
    background: #6c757d;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(108, 117, 125, 0.3);
}

.btn-action-danger[b-9arzev57y3] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.btn-action-danger:hover[b-9arzev57y3] {
    background: #dc3545;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
}

/* ── Empty State ──────────────────────────────────────────────────────────── */
.empty-state[b-9arzev57y3] {
    text-align: center;
    padding: 60px 20px;
    color: var(--text-muted, #6c757d);
}

.empty-state i[b-9arzev57y3] {
    font-size: 3.5rem;
    margin-bottom: 16px;
    opacity: 0.4;
    display: block;
}

.empty-state h5[b-9arzev57y3] {
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--ink-700, #3b4a43);
}

@media (max-width: 768px) {
    .dash-container[b-9arzev57y3] {
        padding: 1rem;
    }

    .table-header-row[b-9arzev57y3],
    .table-row[b-9arzev57y3] {
        grid-template-columns: 70px 1fr 80px;
        gap: 8px;
        padding: 12px 16px;
    }

    .cell-categoria[b-9arzev57y3],
    .cell-detalhes[b-9arzev57y3],
    .cell-custo[b-9arzev57y3],
    .cell-estoque[b-9arzev57y3] {
        display: none;
    }

    .estoque-badge[b-9arzev57y3] {
        padding: 6px;
    }

    .estoque-label[b-9arzev57y3] {
        font-size: 0.6rem;
    }

    .estoque-value[b-9arzev57y3] {
        font-size: 1rem;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   BOTÃO TOGGLE FILTROS - DESIGN ATRATIVO
   ══════════════════════════════════════════════════════════════════════════ */

.btn-toggle-filters[b-9arzev57y3] {
    background: transparent;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 0.4rem 0.8rem;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s;
    font-size: 0.875rem;
}

.btn-toggle-filters:hover[b-9arzev57y3] {
    background: #f8f9fa;
    border-color: #adb5bd;
    color: #495057;
}

.btn-toggle-filters i[b-9arzev57y3] {
    transition: transform 0.2s;
}

.btn-toggle-filters.expanded i[b-9arzev57y3] {
    transform: rotate(180deg);
}

/* ══════════════════════════════════════════════════════════════════════════
   ANIMAÇÃO DO CONTAINER DE FILTROS
   ══════════════════════════════════════════════════════════════════════════ */

.filters-container[b-9arzev57y3] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.3s ease,
        margin-top 0.3s ease;
    opacity: 0;
    margin-top: 0;
    overflow: hidden;
}

.filters-container.expanded[b-9arzev57y3] {
    grid-template-rows: 1fr;
    opacity: 1;
    margin-top: 1rem;
    overflow: visible;
}

.filters-container>.row[b-9arzev57y3] {
    overflow: visible;
    min-height: 0;
}

/* Colunas dos filtros que têm dropdown precisam de overflow visible */
.filters-container>.row>.col-md-2:has(.custom-dropdown)[b-9arzev57y3],
.filters-container>.row>.col-md-2:has(.multi-select-dropdown)[b-9arzev57y3],
.filters-container>.row>.col-md-3:has(.custom-dropdown)[b-9arzev57y3],
.filters-container>.row>.col-md-3:has(.multi-select-dropdown)[b-9arzev57y3] {
    overflow: visible !important;
}

/* Elevando o z-index da coluna que tem um dropdown aberto para sobrepor as próximas colunas (que têm stacking context por conta da animação) */
.filters-container>.row>.col-md-2:has(.custom-dropdown.open)[b-9arzev57y3],
.filters-container>.row>.col-md-2:has(.multi-select-dropdown.open)[b-9arzev57y3],
.filters-container>.row>.col-md-3:has(.custom-dropdown.open)[b-9arzev57y3],
.filters-container>.row>.col-md-3:has(.multi-select-dropdown.open)[b-9arzev57y3] {
    position: relative;
    z-index: 100;
}

/* Colunas dos filtros que não têm dropdown mantém overflow hidden para animação */
.filters-container>.row>.col-md-2:not(:has(.custom-dropdown)):not(:has(.multi-select-dropdown))[b-9arzev57y3],
.filters-container>.row>.col-md-3:not(:has(.custom-dropdown)):not(:has(.multi-select-dropdown))[b-9arzev57y3] {
    overflow: hidden;
}

/* Animação suave dos campos de filtro */
.filters-container.expanded .col-md-2[b-9arzev57y3],
.filters-container.expanded .col-md-3[b-9arzev57y3] {
    animation: fadeInUp-b-9arzev57y3 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes fadeInUp-b-9arzev57y3 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

/* ══════════════════════════════════════════════════════════════════════════
   BADGES DE GRADE E VARIAÇÃO
   ══════════════════════════════════════════════════════════════════════════ */

.produto-badge-grade[b-9arzev57y3] {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, rgba(42, 99, 239, 0.1) 0%, rgba(84, 131, 242, 0.1) 100%);
    color: #2a63ef;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    margin-top: 4px;
    border: 1px solid rgba(42, 99, 239, 0.2);
}

.produto-badge-grade i[b-9arzev57y3] {
    font-size: 0.65rem;
}

.produto-badge-variacao[b-9arzev57y3] {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, rgba(108, 117, 125, 0.1) 0%, rgba(108, 117, 125, 0.15) 100%);
    color: #6c757d;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    margin-top: 4px;
    border: 1px solid rgba(108, 117, 125, 0.2);
}

.produto-badge-variacao i[b-9arzev57y3] {
    font-size: 0.65rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   MODAL DE VARIAÇÕES
   ══════════════════════════════════════════════════════════════════════════ */

/* Estilos específicos adicionais do Modal de Variações */

.modal-header-variacoes[b-9arzev57y3] {
    padding: 24px 28px;
    border-bottom: none;
    background: linear-gradient(135deg, #2a63ef 0%, #5483f2 100%);
    position: relative;
}

.modal-header-variacoes h5[b-9arzev57y3] {
    margin: 0;
    color: white;
    font-weight: 700;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
}

.modal-header-variacoes h5 i[b-9arzev57y3] {
    font-size: 1.5rem;
    margin-right: 12px;
}

.modal-header-variacoes .btn-close[b-9arzev57y3] {
    position: absolute;
    right: 20px;
    top: 20px;
}

.btn-close-white[b-9arzev57y3] {
    filter: brightness(0) invert(1);
    opacity: 0.8;
    transition: all 0.3s ease;
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.5rem;
}

.btn-close-white:hover[b-9arzev57y3] {
    opacity: 1;
    transform: rotate(90deg);
}

.modal-body-variacoes[b-9arzev57y3] {
    padding: 28px;
    overflow-y: auto;
    flex: 1;
    background: var(--card-bg, white);
    color: var(--ink-900);
}

.modal-body-variacoes .table-responsive[b-9arzev57y3] {
    margin-top: 1rem;
}

.modal-body-variacoes .table[b-9arzev57y3] {
    margin-bottom: 0;
    color: var(--ink-900);
}

.modal-body-variacoes .table thead th[b-9arzev57y3] {
    background: var(--input-bg, #f8f9fa);
    color: var(--ink-900, #495057);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--border, #e9ecef);
    padding: 12px;
}

.modal-body-variacoes .table tbody tr[b-9arzev57y3] {
    transition: all 0.2s ease;
    background: var(--card-bg, white);
    color: var(--ink-900);
}

.modal-body-variacoes .table tbody tr:hover[b-9arzev57y3] {
    background: var(--primary-50, rgba(42, 99, 239, 0.04));
}

.modal-body-variacoes .table tbody td[b-9arzev57y3] {
    vertical-align: middle;
    padding: 12px;
    border-bottom: 1px solid var(--border, #f0f0f0);
    color: var(--ink-900);
}

.tfoot-total-row[b-9arzev57y3],
.modal-body-variacoes .table tfoot tr[b-9arzev57y3],
.modal-body-variacoes .table tfoot td[b-9arzev57y3] {
    background: var(--input-bg, #f8f9fa) !important;
    color: var(--ink-900) !important;
    vertical-align: middle;
    padding: 12px;
    border-top: 2px solid var(--border, #dee2e6);
    border-bottom: none;
    font-weight: bold;
}

.modal-footer-variacoes[b-9arzev57y3] {
    padding: 20px 28px;
    border-top: 1px solid var(--border, #f0f0f0);
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    background: var(--input-bg, #fafafa);
    color: var(--ink-900);
}

/* Botão de ação para variações */
.btn-action-info[b-9arzev57y3] {
    background: rgba(13, 202, 240, 0.1);
    color: #0dcaf0;
}

.btn-action-info:hover[b-9arzev57y3] {
    background: #0dcaf0;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(13, 202, 240, 0.3);
}

/* Responsividade do modal */
@media (max-width: 768px) {
    .modal-variacoes[b-9arzev57y3] {
        width: 95vw;
        max-width: 95vw;
        border-radius: 20px;
    }

    .modal-header-variacoes[b-9arzev57y3],
    .modal-body-variacoes[b-9arzev57y3],
    .modal-footer-variacoes[b-9arzev57y3] {
        padding: 20px;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   CUSTOM INPUT (Para campos de texto como Código e Descrição)
   ══════════════════════════════════════════════════════════════════════════ */

.filters-container .form-control[b-9arzev57y3] {
    background: var(--input-bg, white);
    border: 2px solid var(--input-border, #e9ecef);
    border-radius: 12px;
    padding: 0.65rem 1rem;
    transition: all 0.3s ease;
    min-height: 42px;
    color: var(--ink-900, #495057);
    font-weight: 500;
}

.filters-container .form-control:hover[b-9arzev57y3],
.filters-container .form-control:focus[b-9arzev57y3] {
    border-color: #2A63EF;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.1);
    outline: none;
}

.filters-container .form-control[b-9arzev57y3]::placeholder {
    color: #6c757d;
    font-weight: 400;
}

/* ══════════════════════════════════════════════════════════════════════════
   MODERN PRODUCT CARDS REDESIGN
   ══════════════════════════════════════════════════════════════════════════ */

.product-card-modern[b-9arzev57y3] {
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(42, 99, 239, 0.08), 0 4px 10px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid rgba(230, 236, 241, 0.8);
}

.product-card-modern:hover[b-9arzev57y3] {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(42, 99, 239, 0.12), 0 8px 15px rgba(0, 0, 0, 0.06);
}

.product-card-modern.inactive-card[b-9arzev57y3] {
    opacity: 0.85;
    filter: grayscale(20%);
}

.pcm-header[b-9arzev57y3] {
    background: linear-gradient(135deg, #f8faff 0%, #edf2ff 100%);
    padding: 8px 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid rgba(42, 99, 239, 0.08);
}

.pcm-badges[b-9arzev57y3] {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: space-between;
}

.pcm-badge[b-9arzev57y3] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.pcm-status.active[b-9arzev57y3] {
    background: #e8f5e9;
    color: #2e7d32;
}

.pcm-status.inactive[b-9arzev57y3] {
    background: #ffebee;
    color: #c62828;
}

.pcm-code[b-9arzev57y3] {
    background: rgba(42, 99, 239, 0.1);
    color: #2a63ef;
}

.pcm-icon[b-9arzev57y3] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2a63ef 0%, #5483f2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-top: 15px;
    margin-bottom: 5px;
    box-shadow: 0 4px 10px rgba(42, 99, 239, 0.25);
}

.inactive-card .pcm-icon[b-9arzev57y3] {
    background: linear-gradient(135deg, #6c757d 0%, #adb5bd 100%);
    box-shadow: 0 6px 15px rgba(108, 117, 125, 0.3);
}

.pcm-category[b-9arzev57y3] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #2a63ef;
    letter-spacing: 1px;
}

.pcm-body[b-9arzev57y3] {
    padding: 15px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.pcm-title[b-9arzev57y3] {
    font-weight: 700;
    font-size: 0.9rem;
    color: #1a2233;
    text-align: center;
    margin-bottom: 8px;
    line-height: 1.3;
}

.pcm-badges-group[b-9arzev57y3] {
    display: flex;
    gap: 6px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.pcm-badge-grade[b-9arzev57y3] {
    background: rgba(42, 99, 239, 0.08);
    color: #2a63ef;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

.pcm-badge-variacao[b-9arzev57y3] {
    background: rgba(108, 117, 125, 0.1);
    color: #495057;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}


.pcm-details[b-9arzev57y3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 15px;
    background: #fcfcfc;
    border-radius: 10px;
    padding: 10px;
    border: 1px dashed rgba(0, 0, 0, 0.06);
}

.pcm-detail-item[b-9arzev57y3] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    color: #555;
    font-weight: 500;
}

.pcm-detail-item i[b-9arzev57y3] {
    color: #9aa5b1;
    font-size: 0.85rem;
}

.pcm-detail-item.cost i[b-9arzev57y3] {
    color: #2e7d32;
}

.pcm-detail-item.cost span[b-9arzev57y3] {
    color: #1a2233;
    font-weight: 700;
}

.pcm-inventory[b-9arzev57y3] {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    background: #ffffff;
    border-radius: 16px;
    padding: 12px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}

.pcm-inv-item[b-9arzev57y3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
}

.pcm-inv-item:not(:last-child)[b-9arzev57y3]::after {
    content: '';
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    width: 1px;
    background: rgba(0, 0, 0, 0.05);
}

.pcm-inv-item .lbl[b-9arzev57y3] {
    font-size: 0.65rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #888;
    margin-bottom: 4px;
    letter-spacing: 0.5px;
}

.pcm-inv-item .val[b-9arzev57y3] {
    font-size: 1.15rem;
    font-weight: 800;
}

.pcm-inv-item.disp .val[b-9arzev57y3] {
    color: #2e7d32;
}

.pcm-inv-item.uso .val[b-9arzev57y3] {
    color: #f57c00;
}

.pcm-inv-item.tot .val[b-9arzev57y3] {
    color: #454d55;
}

.pcm-footer[b-9arzev57y3] {
    display: flex;
    padding: 15px 20px;
    gap: 10px;
    background: #fcfdfd;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.pcm-action-btn[b-9arzev57y3] {
    flex: 1;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    font-size: 0.95rem;
    transition: all 0.2s;
    text-decoration: none;
}

.pcm-action-btn.view-btn[b-9arzev57y3] {
    background: rgba(42, 99, 239, 0.08);
    color: #2a63ef;
}

.pcm-action-btn.view-btn:hover[b-9arzev57y3] {
    background: #2a63ef;
    color: white;
}

.pcm-action-btn.grid-btn[b-9arzev57y3] {
    background: rgba(13, 202, 240, 0.1);
    color: #0aaaa0;
}

.pcm-action-btn.grid-btn:hover[b-9arzev57y3] {
    background: #0aaaa0;
    color: white;
}

.pcm-action-btn.edit-btn[b-9arzev57y3] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

.pcm-action-btn.edit-btn:hover[b-9arzev57y3] {
    background: #6c757d;
    color: white;
}

.pcm-action-btn.success-btn[b-9arzev57y3] {
    background: rgba(46, 125, 50, 0.1);
    color: #2e7d32;
}

.pcm-action-btn.success-btn:hover[b-9arzev57y3] {
    background: #2e7d32;
    color: white;
}

.pcm-action-btn.danger-btn[b-9arzev57y3] {
    background: rgba(211, 47, 47, 0.1);
    color: #d32f2f;
}

.pcm-action-btn.danger-btn:hover[b-9arzev57y3] {
    background: #d32f2f;
    color: white;
}

/* ══════════════════════════════════════════════════════════════════════════
   DARK MODE OVERRIDES - PRODUCT CARDS & MODAL
   ══════════════════════════════════════════════════════════════════════════ */

[data-theme="dark"] .product-card-modern[b-9arzev57y3],
[data-bs-theme="dark"] .product-card-modern[b-9arzev57y3] {
    background: #1a211e;
    border-color: #2d3b34;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .product-card-modern:hover[b-9arzev57y3],
[data-bs-theme="dark"] .product-card-modern:hover[b-9arzev57y3] {
    border-color: #5483f2;
    box-shadow: 0 15px 35px rgba(42, 99, 239, 0.25), 0 8px 15px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .product-card-modern.inactive-card[b-9arzev57y3],
[data-bs-theme="dark"] .product-card-modern.inactive-card[b-9arzev57y3] {
    opacity: 0.75;
    filter: grayscale(40%);
    background: #151d1a;
}

[data-theme="dark"] .pcm-header[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-header[b-9arzev57y3] {
    background: linear-gradient(135deg, #151d1a 0%, #1e2724 100%);
    border-bottom-color: #2d3b34;
}

[data-theme="dark"] .pcm-status.active[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-status.active[b-9arzev57y3] {
    background: rgba(46, 125, 50, 0.25);
    color: #81c784;
    border: 1px solid rgba(46, 125, 50, 0.35);
}

[data-theme="dark"] .pcm-status.inactive[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-status.inactive[b-9arzev57y3] {
    background: rgba(198, 40, 40, 0.25);
    color: #e57373;
    border: 1px solid rgba(198, 40, 40, 0.35);
}

[data-theme="dark"] .pcm-code[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-code[b-9arzev57y3] {
    background: rgba(84, 131, 242, 0.2);
    color: #82aaff;
    border: 1px solid rgba(84, 131, 242, 0.3);
}

[data-theme="dark"] .pcm-icon[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-icon[b-9arzev57y3] {
    background: linear-gradient(135deg, #2a63ef 0%, #4775f0 100%);
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.35);
}

[data-theme="dark"] .inactive-card .pcm-icon[b-9arzev57y3],
[data-bs-theme="dark"] .inactive-card .pcm-icon[b-9arzev57y3] {
    background: linear-gradient(135deg, #374151 0%, #4b5563 100%);
    box-shadow: none;
}

[data-theme="dark"] .pcm-category[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-category[b-9arzev57y3] {
    color: #82aaff;
}

[data-theme="dark"] .pcm-title[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-title[b-9arzev57y3] {
    color: #e8f0ed;
}

[data-theme="dark"] .pcm-badge-grade[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-badge-grade[b-9arzev57y3] {
    background: rgba(84, 131, 242, 0.2);
    color: #82aaff;
    border: 1px solid rgba(84, 131, 242, 0.3);
}

[data-theme="dark"] .pcm-badge-variacao[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-badge-variacao[b-9arzev57y3] {
    background: rgba(154, 175, 163, 0.15);
    color: #c8d4cf;
    border: 1px solid rgba(154, 175, 163, 0.25);
}

[data-theme="dark"] .pcm-details[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-details[b-9arzev57y3] {
    background: #151d1a;
    border-color: #2d3b34;
}

[data-theme="dark"] .pcm-detail-item[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-detail-item[b-9arzev57y3] {
    color: #c8d4cf;
}

[data-theme="dark"] .pcm-detail-item i[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-detail-item i[b-9arzev57y3] {
    color: #9aafa3;
}

[data-theme="dark"] .pcm-detail-item.cost span[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-detail-item.cost span[b-9arzev57y3] {
    color: #a3e635;
}

[data-theme="dark"] .pcm-inventory[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-inventory[b-9arzev57y3] {
    background: #151d1a;
    border-color: #2d3b34;
    box-shadow: none;
}

[data-theme="dark"] .pcm-inv-item:not(:last-child)[b-9arzev57y3]::after,
[data-bs-theme="dark"] .pcm-inv-item:not(:last-child)[b-9arzev57y3]::after {
    background: #2d3b34;
}

[data-theme="dark"] .pcm-inv-item .lbl[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-inv-item .lbl[b-9arzev57y3] {
    color: #9aafa3;
}

[data-theme="dark"] .pcm-inv-item.disp .val[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-inv-item.disp .val[b-9arzev57y3] {
    color: #4ade80;
}

[data-theme="dark"] .pcm-inv-item.uso .val[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-inv-item.uso .val[b-9arzev57y3] {
    color: #fbbf24;
}

[data-theme="dark"] .pcm-inv-item.tot .val[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-inv-item.tot .val[b-9arzev57y3] {
    color: #e8f0ed;
}

[data-theme="dark"] .pcm-footer[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-footer[b-9arzev57y3] {
    background: #151d1a;
    border-top-color: #2d3b34;
}

[data-theme="dark"] .pcm-action-btn.view-btn[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-action-btn.view-btn[b-9arzev57y3] {
    background: rgba(84, 131, 242, 0.18);
    color: #82aaff;
}

[data-theme="dark"] .pcm-action-btn.view-btn:hover[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-action-btn.view-btn:hover[b-9arzev57y3] {
    background: #2a63ef;
    color: #ffffff;
}

[data-theme="dark"] .pcm-action-btn.grid-btn[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-action-btn.grid-btn[b-9arzev57y3] {
    background: rgba(6, 182, 212, 0.18);
    color: #22d3ee;
}

[data-theme="dark"] .pcm-action-btn.grid-btn:hover[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-action-btn.grid-btn:hover[b-9arzev57y3] {
    background: #0891b2;
    color: #ffffff;
}

[data-theme="dark"] .pcm-action-btn.edit-btn[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-action-btn.edit-btn[b-9arzev57y3] {
    background: rgba(154, 175, 163, 0.15);
    color: #c8d4cf;
}

[data-theme="dark"] .pcm-action-btn.edit-btn:hover[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-action-btn.edit-btn:hover[b-9arzev57y3] {
    background: #3a4843;
    color: #ffffff;
}

[data-theme="dark"] .pcm-action-btn.success-btn[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-action-btn.success-btn[b-9arzev57y3] {
    background: rgba(74, 222, 128, 0.15);
    color: #4ade80;
}

[data-theme="dark"] .pcm-action-btn.success-btn:hover[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-action-btn.success-btn:hover[b-9arzev57y3] {
    background: #16a34a;
    color: #ffffff;
}

[data-theme="dark"] .pcm-action-btn.danger-btn[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-action-btn.danger-btn[b-9arzev57y3] {
    background: rgba(248, 113, 113, 0.15);
    color: #f87171;
}

[data-theme="dark"] .pcm-action-btn.danger-btn:hover[b-9arzev57y3],
[data-bs-theme="dark"] .pcm-action-btn.danger-btn:hover[b-9arzev57y3] {
    background: #dc2626;
    color: #ffffff;
}

/* Modal de Variações Dark Mode */
[data-theme="dark"] .modal-variacoes[b-9arzev57y3],
[data-bs-theme="dark"] .modal-variacoes[b-9arzev57y3] {
    background: #1a211e;
    border: 1px solid #2d3b34;
}

[data-theme="dark"] .modal-body-variacoes[b-9arzev57y3],
[data-bs-theme="dark"] .modal-body-variacoes[b-9arzev57y3] {
    background: #1a211e;
    color: #e8f0ed;
}

[data-theme="dark"] .modal-footer-variacoes[b-9arzev57y3],
[data-bs-theme="dark"] .modal-footer-variacoes[b-9arzev57y3] {
    background: #151d1a;
    border-top-color: #2d3b34;
}
/* _content/PatrimonioGarbo/Components/Pages/Relatorios.razor.rz.scp.css */
/* Reports Page Styles */
.report-header[b-bovvvhi8fa] {
    margin-bottom: 30px;
}

.report-header h2[b-bovvvhi8fa] {
    margin: 0 0 8px 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.report-subtitle[b-bovvvhi8fa] {
    color: var(--ink-500);
    font-size: 1rem;
    margin: 0;
}

/* Reports Grid - 2 columns */
.reports-grid[b-bovvvhi8fa] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .reports-grid[b-bovvvhi8fa] {
        grid-template-columns: 1fr;
    }
}

/* Report Card */
.report-card[b-bovvvhi8fa] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px;
    background: var(--white);
    border-radius: 16px;
    border: 1px solid var(--border);
    box-shadow: 0 4px 15px rgba(42, 99, 239, 0.08);
    text-decoration: none;
    transition: all 0.25s ease;
    cursor: pointer;
}

.report-card:hover[b-bovvvhi8fa] {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(42, 99, 239, 0.15);
    border-color: var(--primary-400);
}

.report-card:hover .report-arrow[b-bovvvhi8fa] {
    color: var(--primary-600);
    transform: translateX(4px);
}

.report-card-full[b-bovvvhi8fa] {
    grid-column: span 2;
}

@media (max-width: 768px) {
    .report-card-full[b-bovvvhi8fa] {
        grid-column: span 1;
    }
}

/* Report Icon */
.report-icon[b-bovvvhi8fa] {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.report-icon-unidade[b-bovvvhi8fa] {
    background: linear-gradient(135deg, #2A63EF 0%, #2152d6 100%);
    color: white;
}

.report-icon-responsavel[b-bovvvhi8fa] {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    color: white;
}

.report-icon-categoria[b-bovvvhi8fa] {
    background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
    color: white;
}

.report-icon-status[b-bovvvhi8fa] {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
    color: white;
}

.report-icon-geral[b-bovvvhi8fa] {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    color: white;
}

.report-icon-garantia[b-bovvvhi8fa] {
    background: linear-gradient(135deg, #16a085 0%, #138d75 100%);
    color: white;
}

.report-icon-auditoria[b-bovvvhi8fa] {
    background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
    color: white;
}

.report-icon-estoque[b-bovvvhi8fa] {
    background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
    color: white;
}

.report-icon-movimentacoes[b-bovvvhi8fa] {
    background: linear-gradient(135deg, #16a085 0%, #138d75 100%);
    color: white;
}

.report-icon-produtos-uso[b-bovvvhi8fa] {
    background: linear-gradient(135deg, #e67e22 0%, #d35400 100%);
    color: white;
}

.report-icon-chips[b-bovvvhi8fa] {
    background: linear-gradient(135deg, #8e44ad 0%, #6c3483 100%);
    color: white;
}

/* Report Content */
.report-content[b-bovvvhi8fa] {
    flex: 1;
    min-width: 0;
}

.report-content h4[b-bovvvhi8fa] {
    margin: 0 0 6px 0;
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--ink-900);
}

.report-content p[b-bovvvhi8fa] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--ink-500);
    line-height: 1.4;
}

/* Report Arrow */
.report-arrow[b-bovvvhi8fa] {
    color: var(--ink-500);
    font-size: 1.2rem;
    transition: all 0.25s ease;
    flex-shrink: 0;
}

/* Info Box */
.report-info[b-bovvvhi8fa] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 22px;
    background: var(--primary-50);
    border-radius: 12px;
    border: 1px solid var(--border);
}

.info-icon[b-bovvvhi8fa] {
    color: var(--primary-600);
    font-size: 1.3rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.info-text[b-bovvvhi8fa] {
    color: var(--ink-700);
    font-size: 0.95rem;
    line-height: 1.5;
}

.info-text strong[b-bovvvhi8fa] {
    color: var(--primary-700);
}
/* _content/PatrimonioGarbo/Components/Pages/Report Pages/RelatorioAuditoria.razor.rz.scp.css */
/* Report Page Shared Styles */

/* Header */
.report-page-header[b-kptwib9qdw] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.btn-back[b-kptwib9qdw] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--white);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ink-700);
    text-decoration: none;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.btn-back:hover[b-kptwib9qdw] {
    background: var(--primary-50);
    border-color: var(--primary-400);
    color: var(--primary-600);
}

.report-page-header h2[b-kptwib9qdw] {
    margin: 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.report-page-subtitle[b-kptwib9qdw] {
    margin: 4px 0 0 0;
    color: var(--ink-500);
    font-size: 0.95rem;
}

/* Loading */
.loading-container[b-kptwib9qdw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 16px;
}

.loading-container p[b-kptwib9qdw] {
    color: var(--ink-500);
    margin: 0;
}

/* Filters Section */
.filters-section[b-kptwib9qdw] {
    background: var(--white);
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--border);
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.filters-title[b-kptwib9qdw] {
    margin: 0 0 20px 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.filters-grid[b-kptwib9qdw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.filter-group label[b-kptwib9qdw] {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--ink-700);
    font-size: 0.9rem;
}

.filter-actions[b-kptwib9qdw] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* Summary */
.report-summary[b-kptwib9qdw] {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.summary-item[b-kptwib9qdw] {
    display: flex;
    flex-direction: column;
    padding: 16px 24px;
    background: var(--white);
    border-radius: 12px;
    border: 1px solid var(--border);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    flex: 1;
    min-width: 140px;
}

.summary-value[b-kptwib9qdw] {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-600);
}

.summary-label[b-kptwib9qdw] {
    font-size: 0.85rem;
    color: var(--ink-500);
    margin-top: 4px;
}

.summary-item-success .summary-value[b-kptwib9qdw] {
    color: #27ae60;
}

.summary-item-warning .summary-value[b-kptwib9qdw] {
    color: #f39c12;
}

.summary-item-danger .summary-value[b-kptwib9qdw] {
    color: #e74c3c;
}

.summary-item-neutral .summary-value[b-kptwib9qdw] {
    color: #95a5a6;
}

/* Generate Section */
.generate-section[b-kptwib9qdw] {
    margin-bottom: 30px;
}

.btn-lg[b-kptwib9qdw] {
    padding: 14px 28px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Preview Section */
.report-preview[b-kptwib9qdw] {
    background: var(--white);
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--border);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.preview-title[b-kptwib9qdw] {
    margin: 0 0 20px 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

/* Preview Table */
.preview-table-wrapper[b-kptwib9qdw] {
    overflow-x: auto;
}

.preview-table[b-kptwib9qdw] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.preview-table thead th[b-kptwib9qdw] {
    background: var(--primary-50);
    color: var(--ink-700);
    font-weight: 600;
    padding: 12px 16px;
    text-align: left;
    border-bottom: 2px solid var(--border);
    white-space: nowrap;
}

.preview-table tbody td[b-kptwib9qdw] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    color: var(--ink-700);
}

.preview-table tbody tr:hover[b-kptwib9qdw] {
    background: var(--primary-50);
}

.preview-table tbody tr:last-child td[b-kptwib9qdw] {
    border-bottom: none;
}

.no-data[b-kptwib9qdw] {
    text-align: center;
    padding: 40px !important;
    color: var(--ink-500);
    font-style: italic;
}

.more-items[b-kptwib9qdw] {
    text-align: center;
    color: var(--ink-500);
    font-style: italic;
    padding: 16px !important;
}

.text-center[b-kptwib9qdw] {
    text-align: center;
}

.success-text[b-kptwib9qdw] {
    color: #27ae60;
    font-weight: 600;
}

.warning-text[b-kptwib9qdw] {
    color: #f39c12;
    font-weight: 600;
}

.danger-text[b-kptwib9qdw] {
    color: #e74c3c;
    font-weight: 600;
}

/* Badge Status */
.badge-status[b-kptwib9qdw] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
}

.status-andamento[b-kptwib9qdw] {
    background: #fff3cd;
    color: #856404;
}

.status-finalizada[b-kptwib9qdw] {
    background: #d4edda;
    color: #155724;
}

.status-excluida[b-kptwib9qdw] {
    background: #f8d7da;
    color: #721c24;
}
/* _content/PatrimonioGarbo/Components/Pages/Report Pages/RelatorioChips.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   HEADER E VOLTAR
   ══════════════════════════════════════════════════════════════════════════ */
.report-page-header[b-5ywvgrugmt] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.btn-back[b-5ywvgrugmt] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #495057;
    text-decoration: none !important;
    transition: all 0.2s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
    flex-shrink: 0;
}

.btn-back:hover[b-5ywvgrugmt] {
    background: #f4f7ff;
    border-color: #2a63ef;
    color: #2a63ef;
    transform: translateX(-2px);
}

.report-page-header h2[b-5ywvgrugmt] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    color: #212529;
    display: flex;
    align-items: center;
}

.report-page-header h2 i[b-5ywvgrugmt] {
    color: #2a63ef;
}

.report-page-subtitle[b-5ywvgrugmt] {
    margin: 0.25rem 0 0 0;
    color: #6c757d;
    font-size: 0.95rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   CONTAINERS & CARDS
   ══════════════════════════════════════════════════════════════════════════ */
.filters-section[b-5ywvgrugmt],
.report-preview[b-5ywvgrugmt] {
    background: #fff;
    padding: 1.5rem;
    border-radius: 1.2rem;
    border: none;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.08), 0 2px 4px 0 rgba(42, 99, 239, 0.06);
}

.filters-title[b-5ywvgrugmt],
.preview-title[b-5ywvgrugmt] {
    margin: 0 0 1.25rem 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: #212529;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #e9ecef;
    padding-bottom: 0.75rem;
}

.filters-title i[b-5ywvgrugmt],
.preview-title i[b-5ywvgrugmt] {
    color: #2a63ef;
}

/* ══════════════════════════════════════════════════════════════════════════
   FILTROS
   ══════════════════════════════════════════════════════════════════════════ */
.filters-grid[b-5ywvgrugmt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.filter-group label[b-5ywvgrugmt] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #495057;
    font-size: 0.88rem;
}

.filter-actions[b-5ywvgrugmt] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    border-top: 1px solid #f1f3f5;
    padding-top: 1rem;
}

.btn-custom-primary[b-5ywvgrugmt] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border: none;
    color: white;
    font-weight: 600;
    padding: 0.5rem 1.25rem;
    border-radius: 8px;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-custom-primary:hover[b-5ywvgrugmt] {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.25);
}

/* ══════════════════════════════════════════════════════════════════════════
   MUD SELECT CUSTOM
   ══════════════════════════════════════════════════════════════════════════ */
[b-5ywvgrugmt] .mud-input-outlined.mud-input-adorned-end {
    border-radius: 8px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   RESUMO / METRICAS
   ══════════════════════════════════════════════════════════════════════════ */
.report-summary[b-5ywvgrugmt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.summary-item[b-5ywvgrugmt] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.05);
    border: 1px solid rgba(42, 99, 239, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.summary-item:hover[b-5ywvgrugmt] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(42, 99, 239, 0.1);
}

.summary-icon[b-5ywvgrugmt] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.summary-details[b-5ywvgrugmt] {
    display: flex;
    flex-direction: column;
}

.summary-value[b-5ywvgrugmt] {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
}

.summary-label[b-5ywvgrugmt] {
    font-size: 0.82rem;
    color: #6c757d;
    margin-top: 0.2rem;
    font-weight: 500;
}

/* Temas das Métricas */
.summary-item-total[b-5ywvgrugmt] {
    background: linear-gradient(135deg, #f4f7ff 0%, #e9efff 100%);
}
.summary-item-total .summary-icon[b-5ywvgrugmt] {
    background: #2a63ef;
    color: #fff;
}
.summary-item-total .summary-value[b-5ywvgrugmt] {
    color: #1a4ab8;
}

.summary-item-active[b-5ywvgrugmt] {
    background: linear-gradient(135deg, #f0fdf4 0%, #e6f9ed 100%);
}
.summary-item-active .summary-icon[b-5ywvgrugmt] {
    background: #28a745;
    color: #fff;
}
.summary-item-active .summary-value[b-5ywvgrugmt] {
    color: #1f7a36;
}

.summary-item-pending[b-5ywvgrugmt] {
    background: linear-gradient(135deg, #fffbf5 0%, #fff4e5 100%);
}
.summary-item-pending .summary-icon[b-5ywvgrugmt] {
    background: #fd7e14;
    color: #fff;
}
.summary-item-pending .summary-value[b-5ywvgrugmt] {
    color: #b25e00;
}

/* ══════════════════════════════════════════════════════════════════════════
   EXPORTAÇÃO
   ══════════════════════════════════════════════════════════════════════════ */
.generate-section[b-5ywvgrugmt] {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.btn-export[b-5ywvgrugmt] {
    font-weight: 600;
    padding: 0.65rem 1.5rem;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
    font-size: 0.95rem;
}

.btn-export-excel[b-5ywvgrugmt] {
    color: #1e7e34;
    border: 2px solid #28a745;
    background-color: transparent;
}
.btn-export-excel:hover:not(:disabled)[b-5ywvgrugmt] {
    background-color: #28a745;
    color: #fff;
    box-shadow: 0 4px 10px rgba(40, 167, 69, 0.2);
    transform: translateY(-1px);
}

.btn-export-pdf[b-5ywvgrugmt] {
    color: #bd2130;
    border: 2px solid #dc3545;
    background-color: transparent;
}
.btn-export-pdf:hover:not(:disabled)[b-5ywvgrugmt] {
    background-color: #dc3545;
    color: #fff;
    box-shadow: 0 4px 10px rgba(220, 53, 69, 0.2);
    transform: translateY(-1px);
}

.btn-export:disabled[b-5ywvgrugmt] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ══════════════════════════════════════════════════════════════════════════
   PREVIEW GRUPOS E TABELA
   ══════════════════════════════════════════════════════════════════════════ */
.preview-group[b-5ywvgrugmt] {
    border: 1px solid #eef2fb;
    border-radius: 0.85rem;
    overflow: hidden;
    margin-bottom: 1.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.preview-group-header[b-5ywvgrugmt] {
    background: #f8faff;
    padding: 0.75rem 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #edf2fc;
    border-left: 4px solid #2a63ef;
}

.group-name[b-5ywvgrugmt] {
    font-weight: 700;
    color: #333d47;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
}
.group-name i[b-5ywvgrugmt] {
    color: #2a63ef;
}

.group-count[b-5ywvgrugmt] {
    font-size: 0.82rem;
    color: #6c757d;
    font-weight: 600;
    background: #eef2fb;
    padding: 0.15rem 0.6rem;
    border-radius: 99px;
}

.preview-table-wrapper[b-5ywvgrugmt] {
    overflow-x: auto;
}

.preview-table[b-5ywvgrugmt] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

.preview-table thead th[b-5ywvgrugmt] {
    background: #fafbfc;
    color: #495057;
    font-weight: 600;
    padding: 0.75rem 1.25rem;
    text-align: left;
    border-bottom: 1px solid #eef2fb;
    white-space: nowrap;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.preview-table tbody td[b-5ywvgrugmt] {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #f8f9fa;
    color: #334056;
}

.preview-table tbody tr:hover[b-5ywvgrugmt] {
    background-color: #fafcfe;
}

.preview-table tbody tr:last-child td[b-5ywvgrugmt] {
    border-bottom: none;
}

/* Status Badges */
.badge-status[b-5ywvgrugmt] {
    display: inline-block;
    padding: 0.25rem 0.65rem;
    border-radius: 99px;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
    text-align: center;
}

/* ══════════════════════════════════════════════════════════════════════════
   LOADING E COMPONENTES AUXILIARES
   ══════════════════════════════════════════════════════════════════════════ */
.loading-container[b-5ywvgrugmt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 1rem;
    gap: 1rem;
}

.loading-container p[b-5ywvgrugmt] {
    color: #6c757d;
    font-weight: 500;
    margin: 0;
}

.alert-info[b-5ywvgrugmt] {
    border-radius: 0.75rem;
    border: none;
    background: #e7f3ff;
    color: #004085;
    padding: 1rem;
    display: flex;
    align-items: center;
    font-weight: 500;
}
.alert-info i[b-5ywvgrugmt] {
    color: #2a63ef;
}
/* _content/PatrimonioGarbo/Components/Pages/Report Pages/RelatorioEstoque.razor.rz.scp.css */
.dash-container[b-ucfx7vncvm] {
    padding: 1.5rem;
    max-width: 100%;
}

.report-page-header[b-ucfx7vncvm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e9ecef;
}

.btn-back[b-ucfx7vncvm] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: white;
    border: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2A63EF;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-back:hover[b-ucfx7vncvm] {
    background: #2A63EF;
    color: white;
    transform: translateX(-2px);
}

.report-page-subtitle[b-ucfx7vncvm] {
    color: #6c757d;
    margin: 0;
    font-size: 0.95rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   FILTERS SECTION
   ══════════════════════════════════════════════════════════════════════════ */

.filters-section[b-ucfx7vncvm] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    margin-bottom: 1.5rem;
}

.filters-title[b-ucfx7vncvm] {
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2A63EF;
}

.filters-grid[b-ucfx7vncvm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.filter-group label[b-ucfx7vncvm] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #6c757d;
    margin-bottom: 0.5rem;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ══════════════════════════════════════════════════════════════════════════
   REPORT CONTENT
   ══════════════════════════════════════════════════════════════════════════ */

.report-content[b-ucfx7vncvm] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ══════════════════════════════════════════════════════════════════════════
   ESTOQUE TABLE
   ══════════════════════════════════════════════════════════════════════════ */

.estoque-table[b-ucfx7vncvm] {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    overflow: hidden;
}

.estoque-header[b-ucfx7vncvm] {
    display: grid;
    grid-template-columns: 80px 2fr 120px 100px 80px 150px 180px;
    gap: 12px;
    padding: 12px 16px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 2px solid #e9ecef;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #3b4a43;
    align-items: center;
}

.estoque-row[b-ucfx7vncvm] {
    display: grid;
    grid-template-columns: 80px 2fr 120px 100px 80px 150px 180px;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid #e9ecef;
    align-items: center;
    background: white;
    transition: background 0.2s;
}

.estoque-row:hover[b-ucfx7vncvm] {
    background: rgba(42, 99, 239, 0.02);
}

.estoque-row.expanded[b-ucfx7vncvm] {
    background: rgba(42, 99, 239, 0.05);
    border-bottom: none;
}

.estoque-row:last-child[b-ucfx7vncvm] {
    border-bottom: none;
}

/* ══════════════════════════════════════════════════════════════════════════
   BADGES
   ══════════════════════════════════════════════════════════════════════════ */

.categoria-badge[b-ucfx7vncvm] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.categoria-badge.categoria-fardamento[b-ucfx7vncvm] {
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
}

.categoria-badge.categoria-epi[b-ucfx7vncvm] {
    background: rgba(230, 126, 34, 0.1);
    color: #e67e22;
}

.quantidade-badge[b-ucfx7vncvm] {
    background: rgba(42, 99, 239, 0.1);
    color: #2A63EF;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.9rem;
    display: inline-block;
}

.status-estoque[b-ucfx7vncvm] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.status-estoque.status-ok[b-ucfx7vncvm] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.status-estoque.status-minimo[b-ucfx7vncvm] {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}

.status-estoque.status-baixo[b-ucfx7vncvm] {
    background: rgba(255, 152, 0, 0.1);
    color: #ff9800;
}

.status-estoque.status-zerado[b-ucfx7vncvm] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.tipo-badge[b-ucfx7vncvm] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.tipo-badge.tipo-entrada[b-ucfx7vncvm] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.tipo-badge.tipo-saida[b-ucfx7vncvm] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.status-badge[b-ucfx7vncvm] {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.status-badge.status-finalizado[b-ucfx7vncvm] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.status-badge.status-cancelado[b-ucfx7vncvm] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

.status-badge.status-pendente[b-ucfx7vncvm] {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}

/* ══════════════════════════════════════════════════════════════════════════
   MOVIMENTAÇÕES SUBLINHA
   ══════════════════════════════════════════════════════════════════════════ */

.movimentacoes-sublinha[b-ucfx7vncvm] {
    padding: 1.5rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    animation: slideDown-b-ucfx7vncvm 0.3s ease-out;
}

@keyframes slideDown-b-ucfx7vncvm {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 500px;
    }
}

.movimentacoes-table[b-ucfx7vncvm] {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.movimentacoes-table thead[b-ucfx7vncvm] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    color: white;
}

.movimentacoes-table thead th[b-ucfx7vncvm] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px;
    border: none;
}

.movimentacoes-table tbody td[b-ucfx7vncvm] {
    padding: 10px;
    font-size: 0.85rem;
    vertical-align: middle;
}

.movimentacoes-table tbody tr:hover[b-ucfx7vncvm] {
    background: rgba(42, 99, 239, 0.05);
}

/* ══════════════════════════════════════════════════════════════════════════
   EMPTY STATE
   ══════════════════════════════════════════════════════════════════════════ */

.empty-state[b-ucfx7vncvm] {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
}

.empty-state i[b-ucfx7vncvm] {
    font-size: 3.5rem;
    margin-bottom: 16px;
    opacity: 0.4;
    display: block;
}

.empty-state p[b-ucfx7vncvm] {
    font-size: 1rem;
    margin: 0;
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════════════════ */

.row-label[b-ucfx7vncvm] {
    display: none;
}

@media (max-width: 1024px) {
    .estoque-header[b-ucfx7vncvm],
    .estoque-row[b-ucfx7vncvm] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .estoque-header[b-ucfx7vncvm] {
        display: none;
    }

    .estoque-row > div[b-ucfx7vncvm] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .row-label[b-ucfx7vncvm] {
        display: inline;
        font-weight: 600;
        color: #3b4a43;
        font-size: 0.8rem;
        text-transform: uppercase;
    }

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

    .movimentacoes-table thead th[b-ucfx7vncvm],
    .movimentacoes-table tbody td[b-ucfx7vncvm] {
        padding: 6px;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/Report Pages/RelatorioGarantia.razor.rz.scp.css */
/* Report Page Shared Styles */

/* Header */
.report-page-header[b-8e945smk7w] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.btn-back[b-8e945smk7w] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--white);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ink-700);
    text-decoration: none;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.btn-back:hover[b-8e945smk7w] {
    background: var(--primary-50);
    border-color: var(--primary-400);
    color: var(--primary-600);
}

.report-page-header h2[b-8e945smk7w] {
    margin: 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.report-page-subtitle[b-8e945smk7w] {
    margin: 4px 0 0 0;
    color: var(--ink-500);
    font-size: 0.95rem;
}

/* Loading */
.loading-container[b-8e945smk7w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 16px;
}

.loading-container p[b-8e945smk7w] {
    color: var(--ink-500);
    margin: 0;
}

/* Filters Section */
.filters-section[b-8e945smk7w] {
    background: var(--white);
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--border);
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.filters-title[b-8e945smk7w] {
    margin: 0 0 20px 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.filters-grid[b-8e945smk7w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.filter-group label[b-8e945smk7w] {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--ink-700);
    font-size: 0.9rem;
}

.filter-actions[b-8e945smk7w] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* Summary */
.report-summary[b-8e945smk7w] {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.summary-item[b-8e945smk7w] {
    display: flex;
    flex-direction: column;
    padding: 16px 24px;
    background: var(--white);
    border-radius: 12px;
    border: 1px solid var(--border);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    flex: 1;
    min-width: 140px;
}

.summary-value[b-8e945smk7w] {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-600);
}

.summary-label[b-8e945smk7w] {
    font-size: 0.85rem;
    color: var(--ink-500);
    margin-top: 4px;
}

.summary-item-success .summary-value[b-8e945smk7w] {
    color: #27ae60;
}

.summary-item-warning .summary-value[b-8e945smk7w] {
    color: #f39c12;
}

.summary-item-danger .summary-value[b-8e945smk7w] {
    color: #e74c3c;
}

.summary-item-neutral .summary-value[b-8e945smk7w] {
    color: #95a5a6;
}

/* Generate Section */
.generate-section[b-8e945smk7w] {
    margin-bottom: 30px;
}

.btn-lg[b-8e945smk7w] {
    padding: 14px 28px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Preview Section */
.report-preview[b-8e945smk7w] {
    background: var(--white);
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--border);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.preview-title[b-8e945smk7w] {
    margin: 0 0 20px 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

/* Preview Table */
.preview-table-wrapper[b-8e945smk7w] {
    overflow-x: auto;
}

.preview-table[b-8e945smk7w] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.preview-table thead th[b-8e945smk7w] {
    background: var(--primary-50);
    color: var(--ink-700);
    font-weight: 600;
    padding: 12px 16px;
    text-align: left;
    border-bottom: 2px solid var(--border);
    white-space: nowrap;
}

.preview-table tbody td[b-8e945smk7w] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    color: var(--ink-700);
}

.preview-table tbody tr:hover[b-8e945smk7w] {
    background: var(--primary-50);
}

.preview-table tbody tr:last-child td[b-8e945smk7w] {
    border-bottom: none;
}

.no-data[b-8e945smk7w] {
    text-align: center;
    padding: 40px !important;
    color: var(--ink-500);
    font-style: italic;
}

.more-items[b-8e945smk7w] {
    text-align: center;
    color: var(--ink-500);
    font-style: italic;
    padding: 16px !important;
}

/* Badge Garantia */
.badge-garantia[b-8e945smk7w] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
}

.garantia-valida[b-8e945smk7w] {
    background: #d4edda;
    color: #155724;
}

.garantia-proxima[b-8e945smk7w] {
    background: #fff3cd;
    color: #856404;
}

.garantia-vencida[b-8e945smk7w] {
    background: #f8d7da;
    color: #721c24;
}

.garantia-sem[b-8e945smk7w] {
    background: #e2e3e5;
    color: #383d41;
}
/* _content/PatrimonioGarbo/Components/Pages/Report Pages/RelatorioGeral.razor.rz.scp.css */
/* Report Page Shared Styles */

/* Header */
.report-page-header[b-8ogvg9tnem] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.btn-back[b-8ogvg9tnem] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--white);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ink-700);
    text-decoration: none;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.btn-back:hover[b-8ogvg9tnem] {
    background: var(--primary-50);
    border-color: var(--primary-400);
    color: var(--primary-600);
}

.report-page-header h2[b-8ogvg9tnem] {
    margin: 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.report-page-subtitle[b-8ogvg9tnem] {
    margin: 4px 0 0 0;
    color: var(--ink-500);
    font-size: 0.95rem;
}

/* Loading */
.loading-container[b-8ogvg9tnem] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 16px;
}

.loading-container p[b-8ogvg9tnem] {
    color: var(--ink-500);
    margin: 0;
}

/* Summary */
.report-summary[b-8ogvg9tnem] {
    display: flex;
    gap: 20px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.summary-item[b-8ogvg9tnem] {
    display: flex;
    flex-direction: column;
    padding: 16px 24px;
    background: var(--white);
    border-radius: 12px;
    border: 1px solid var(--border);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.summary-value[b-8ogvg9tnem] {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-600);
}

.summary-label[b-8ogvg9tnem] {
    font-size: 0.85rem;
    color: var(--ink-500);
}

.summary-filter .summary-value[b-8ogvg9tnem] {
    color: var(--primary-500);
}

/* Generate Section */
.generate-section[b-8ogvg9tnem] {
    margin-bottom: 30px;
}

.btn-custom-primary.btn-lg[b-8ogvg9tnem] {
    padding: 14px 28px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
}

.btn-hint[b-8ogvg9tnem] {
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
}

/* Preview */
.report-preview[b-8ogvg9tnem] {
    background: var(--white);
    border-radius: 16px;
    border: 1px solid var(--border);
    padding: 24px;
    box-shadow: 0 4px 15px rgba(42, 99, 239, 0.08);
}

.preview-title[b-8ogvg9tnem] {
    margin: 0 0 20px 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.preview-table-wrapper[b-8ogvg9tnem] {
    overflow-x: auto;
}

.preview-table[b-8ogvg9tnem] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.preview-table th[b-8ogvg9tnem] {
    text-align: left;
    padding: 10px 14px;
    background: #f9fbfa;
    font-weight: 600;
    color: var(--ink-700);
    border-bottom: 1px solid var(--border);
}

.preview-table td[b-8ogvg9tnem] {
    padding: 10px 14px;
    border-bottom: 1px solid var(--border);
    color: var(--ink-900);
}

.preview-table tbody tr:hover[b-8ogvg9tnem] {
    background: #f7fffa;
}

.more-items[b-8ogvg9tnem] {
    text-align: center;
    color: var(--ink-500);
    font-style: italic;
    background: #fafafa;
}

/* Empty State */
.empty-preview[b-8ogvg9tnem] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 16px;
    color: var(--ink-500);
}

.empty-preview i[b-8ogvg9tnem] {
    font-size: 3rem;
    opacity: 0.5;
}

.empty-preview p[b-8ogvg9tnem] {
    margin: 0;
}

/* Status Badges */
.badge-status[b-8ogvg9tnem] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-ativo[b-8ogvg9tnem] {
    background: #e6f7ed;
    color: #0f7d3d;
}

.status-inativo[b-8ogvg9tnem] {
    background: #f0f0f0;
    color: #666;
}

.status-manutencao[b-8ogvg9tnem] {
    background: #fff4e0;
    color: #b67200;
}

.status-descartado[b-8ogvg9tnem] {
    background: #ffe5e5;
    color: #c52525;
}

/* Filters Section */
.filters-section[b-8ogvg9tnem] {
    background: var(--white);
    border-radius: 16px;
    border: 1px solid var(--border);
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.filters-title[b-8ogvg9tnem] {
    margin: 0 0 20px 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.filters-grid[b-8ogvg9tnem] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}

.filter-group[b-8ogvg9tnem] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.filter-group label[b-8ogvg9tnem] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--ink-700);
}

.filter-actions[b-8ogvg9tnem] {
    display: flex;
    gap: 12px;
}

@media (max-width: 992px) {
    .filters-grid[b-8ogvg9tnem] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .report-summary[b-8ogvg9tnem] {
        flex-direction: column;
    }
    
    .filters-grid[b-8ogvg9tnem] {
        grid-template-columns: 1fr;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/Report Pages/RelatorioMovimentacoes.razor.rz.scp.css */
.dash-container[b-wkrqrt7u29] {
    padding: 1.5rem;
    max-width: 100%;
}

.report-page-header[b-wkrqrt7u29] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e9ecef;
}

.btn-back[b-wkrqrt7u29] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: white;
    border: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2A63EF;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-back:hover[b-wkrqrt7u29] {
    background: #2A63EF;
    color: white;
    transform: translateX(-2px);
}

.report-page-subtitle[b-wkrqrt7u29] {
    color: #6c757d;
    margin: 0;
    font-size: 0.95rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   FILTERS SECTION
   ══════════════════════════════════════════════════════════════════════════ */

.filters-section[b-wkrqrt7u29] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    margin-bottom: 1.5rem;
}

.filters-title[b-wkrqrt7u29] {
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2A63EF;
}

.filters-grid[b-wkrqrt7u29] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.filter-group label[b-wkrqrt7u29] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #6c757d;
    margin-bottom: 0.5rem;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ══════════════════════════════════════════════════════════════════════════
   REPORT CONTENT
   ══════════════════════════════════════════════════════════════════════════ */

.report-content[b-wkrqrt7u29] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ══════════════════════════════════════════════════════════════════════════
   MOVIMENTAÇÕES TABLE
   ══════════════════════════════════════════════════════════════════════════ */

.movimentacoes-table[b-wkrqrt7u29] {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    overflow: hidden;
}

.movimentacoes-header[b-wkrqrt7u29] {
    display: grid;
    grid-template-columns: 70px 120px 110px 110px 180px 150px 80px 110px 150px;
    gap: 12px;
    padding: 12px 16px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 2px solid #e9ecef;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #3b4a43;
    align-items: center;
}

.movimentacoes-row[b-wkrqrt7u29] {
    display: grid;
    grid-template-columns: 70px 120px 110px 110px 180px 150px 80px 110px 150px;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid #e9ecef;
    align-items: center;
    background: white;
    transition: background 0.2s;
}

.movimentacoes-row:hover[b-wkrqrt7u29] {
    background: rgba(42, 99, 239, 0.02);
}

.movimentacoes-row.expanded[b-wkrqrt7u29] {
    background: rgba(42, 99, 239, 0.05);
    border-bottom: none;
}

.movimentacoes-row:last-child[b-wkrqrt7u29] {
    border-bottom: none;
}

/* ══════════════════════════════════════════════════════════════════════════
   BADGES
   ══════════════════════════════════════════════════════════════════════════ */

.tipo-badge[b-wkrqrt7u29] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.tipo-badge.tipo-entrada[b-wkrqrt7u29] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.tipo-badge.tipo-saida[b-wkrqrt7u29] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.categoria-badge[b-wkrqrt7u29] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.categoria-badge.categoria-ajuste[b-wkrqrt7u29] {
    background: rgba(42, 99, 239, 0.1);
    color: #2A63EF;
}

.categoria-badge.categoria-entrega[b-wkrqrt7u29] {
    background: rgba(142, 68, 173, 0.1);
    color: #8e44ad;
}

.categoria-badge.categoria-fardamento[b-wkrqrt7u29] {
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
}

.categoria-badge.categoria-epi[b-wkrqrt7u29] {
    background: rgba(230, 126, 34, 0.1);
    color: #e67e22;
}

.itens-badge[b-wkrqrt7u29] {
    background: rgba(42, 99, 239, 0.1);
    color: #2A63EF;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

.status-badge[b-wkrqrt7u29] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.status-badge.status-pendente[b-wkrqrt7u29] {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}

.status-badge.status-entregue[b-wkrqrt7u29] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.status-badge.status-cancelada[b-wkrqrt7u29] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

.quantidade-badge[b-wkrqrt7u29] {
    background: rgba(42, 99, 239, 0.1);
    color: #2A63EF;
    padding: 4px 10px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

/* ══════════════════════════════════════════════════════════════════════════
   PRODUTOS SUBLINHA
   ══════════════════════════════════════════════════════════════════════════ */

.produtos-sublinha[b-wkrqrt7u29] {
    padding: 1.5rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    animation: slideDown-b-wkrqrt7u29 0.3s ease-out;
}

@keyframes slideDown-b-wkrqrt7u29 {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 800px;
    }
}

.produtos-table[b-wkrqrt7u29] {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.produtos-table thead[b-wkrqrt7u29] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    color: white;
}

.produtos-table thead th[b-wkrqrt7u29] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px;
    border: none;
}

.produtos-table tbody td[b-wkrqrt7u29] {
    padding: 10px;
    font-size: 0.85rem;
    vertical-align: middle;
}

.produtos-table tbody tr:hover[b-wkrqrt7u29] {
    background: rgba(42, 99, 239, 0.05);
}

/* ══════════════════════════════════════════════════════════════════════════
   EMPTY STATE
   ══════════════════════════════════════════════════════════════════════════ */

.empty-state[b-wkrqrt7u29] {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
}

.empty-state i[b-wkrqrt7u29] {
    font-size: 3.5rem;
    margin-bottom: 16px;
    opacity: 0.4;
    display: block;
}

.empty-state p[b-wkrqrt7u29] {
    font-size: 1rem;
    margin: 0;
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════════════════ */

.row-label[b-wkrqrt7u29] {
    display: none;
}

@media (max-width: 1200px) {
    .movimentacoes-header[b-wkrqrt7u29],
    .movimentacoes-row[b-wkrqrt7u29] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .movimentacoes-header[b-wkrqrt7u29] {
        display: none;
    }

    .movimentacoes-row > div[b-wkrqrt7u29] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .row-label[b-wkrqrt7u29] {
        display: inline;
        font-weight: 600;
        color: #3b4a43;
        font-size: 0.8rem;
        text-transform: uppercase;
    }

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

    .produtos-table thead th[b-wkrqrt7u29],
    .produtos-table tbody td[b-wkrqrt7u29] {
        padding: 6px;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/Report Pages/RelatorioProdutosEmUso.razor.rz.scp.css */
.dash-container[b-4iks22nxet] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.custom-card[b-4iks22nxet] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: #fff;
}

.btn-custom-primary[b-4iks22nxet] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border: none;
    color: white;
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
    transition: all 0.2s;
}

.btn-custom-primary:hover[b-4iks22nxet] {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

/* ══════════════════════════════════════════════════════════════════════════
   CARDS DE ESTATÍSTICAS
   ══════════════════════════════════════════════════════════════════════════ */

.stat-card[b-4iks22nxet] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s;
}

.stat-card:hover[b-4iks22nxet] {
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.15);
    transform: translateY(-2px);
}

.stat-icon[b-4iks22nxet] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.stat-icon.colaboradores[b-4iks22nxet] {
    background: rgba(42, 99, 239, 0.1);
    color: #2A63EF;
}

.stat-icon.produtos[b-4iks22nxet] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.stat-icon.itens[b-4iks22nxet] {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}

.stat-icon.registros[b-4iks22nxet] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

.stat-content[b-4iks22nxet] {
    flex: 1;
}

.stat-label[b-4iks22nxet] {
    font-size: 0.8rem;
    color: #6c757d;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
}

.stat-value[b-4iks22nxet] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #2A63EF;
}

/* ══════════════════════════════════════════════════════════════════════════
   TABELA
   ══════════════════════════════════════════════════════════════════════════ */

.table[b-4iks22nxet] {
    margin-bottom: 0;
}

.table thead th[b-4iks22nxet] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    color: #3b4a43;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
    padding: 1rem;
}

.table tbody tr[b-4iks22nxet] {
    transition: all 0.2s;
}

.table tbody tr:hover[b-4iks22nxet] {
    background: rgba(42, 99, 239, 0.03);
}

.table tbody td[b-4iks22nxet] {
    padding: 1rem;
    vertical-align: middle;
    border-color: #e9ecef;
}

.badge-quantidade[b-4iks22nxet] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.9rem;
    min-width: 40px;
    display: inline-block;
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .stat-card[b-4iks22nxet] {
        flex-direction: column;
        text-align: center;
    }

    .stat-icon[b-4iks22nxet] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .stat-value[b-4iks22nxet] {
        font-size: 1.5rem;
    }

    .table-responsive[b-4iks22nxet] {
        font-size: 0.85rem;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/Responsaveis.razor.rz.scp.css */
.dash-container[b-9vcryzzs7d] {
    padding: 1.5rem;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

.custom-card[b-9vcryzzs7d] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg);
    position: relative;
    z-index: 10;
    overflow: visible !important;
    width: 100%;
}

.custom-card .card-body[b-9vcryzzs7d] {
    overflow: visible !important;
}

.custom-card:hover[b-9vcryzzs7d] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
}

/* Quando o card ou form contém dropdown aberto, eleva fortemente o z-index para sobrepor cards abaixo */
.custom-card:has(.custom-dropdown.open)[b-9vcryzzs7d],
.custom-card:has(.multi-select-dropdown.open)[b-9vcryzzs7d],
.anim-form:has(.custom-dropdown.open)[b-9vcryzzs7d],
.anim-form:has(.multi-select-dropdown.open)[b-9vcryzzs7d] {
    z-index: 1050 !important;
    position: relative !important;
}

/* Garante que a coluna com dropdown aberto sobreponha colunas vizinhas e linhas abaixo */
.row > [class*="col-"]:has(.custom-dropdown.open)[b-9vcryzzs7d],
.row > [class*="col-"]:has(.multi-select-dropdown.open)[b-9vcryzzs7d] {
    position: relative;
    z-index: 1060 !important;
}

[b-9vcryzzs7d] .custom-dropdown.open {
    z-index: 1065 !important;
}

[b-9vcryzzs7d] .custom-dropdown-options.show {
    z-index: 1070 !important;
}

.btn-custom-outlined-primary[b-9vcryzzs7d] {
    border: 2px solid var(--primary-500);
    color: var(--primary-500);
    background-color: transparent;
}
    .btn-custom-outlined-primary:hover[b-9vcryzzs7d],
    .btn-custom-outlined-primary:focus[b-9vcryzzs7d] {
        background-color: var(--primary-600);
        border-color: var(--primary-600);
        color: #fff;
    }

.btn-custom-primary[b-9vcryzzs7d] {
    background-color: var(--primary-500);
    color: #fff;
    border: none;
}

    .btn-custom-primary:hover[b-9vcryzzs7d],
    .btn-custom-primary:focus[b-9vcryzzs7d] {
        background-color: var(--primary-600);
        color: #fff;
    }

.btn-outline-danger[b-9vcryzzs7d] {
    border-radius: 0.75rem;
}

.btn[b-9vcryzzs7d] {
    border-radius: 0.75rem;
}

/* Animacao de entrada do formulario */
.anim-form[b-9vcryzzs7d] {
    animation: formFadeSlide-b-9vcryzzs7d .35s ease-out;
    transform-origin: top center;
}
@keyframes formFadeSlide-b-9vcryzzs7d {
    0% { opacity:0; transform: translateY(-12px) scale(.98); }
    60% { opacity:1; transform: translateY(2px) scale(1); }
    100% { opacity:1; transform: translateY(0) scale(1); }
}

/* Animacao de saída */
.anim-out[b-9vcryzzs7d] {
    animation: formFadeOut-b-9vcryzzs7d .35s ease-in forwards;
}
@keyframes formFadeOut-b-9vcryzzs7d {
    0% { opacity:1; transform: translateY(0) scale(1); }
    40% { opacity:.55; transform: translateY(4px) scale(.995); }
    100% { opacity:0; transform: translateY(-10px) scale(.96); }
}

/* Animações Cards */
@keyframes cardEnter-b-9vcryzzs7d {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

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

@keyframes cardExit-b-9vcryzzs7d {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0.95);
    }
}

.card-enter[b-9vcryzzs7d] {
    animation: cardEnter-b-9vcryzzs7d 0.25s ease forwards;
}

.card-exit[b-9vcryzzs7d] {
    animation: cardExit-b-9vcryzzs7d 0.2s ease forwards;
}

/* Estilo Moderno do Card */
.resp-card-wrapper[b-9vcryzzs7d] {
    position: relative;
    z-index: 1;
}

.modern-card[b-9vcryzzs7d] {
    background: #ffffff;
    border-radius: 16px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0 !important;
    position: relative;
    z-index: 1;
}

    .modern-card:hover[b-9vcryzzs7d] {
        transform: translateY(-4px);
        box-shadow: 0 12px 24px rgba(42, 99, 239, 0.12);
        border-color: transparent !important;
        z-index: 2;
    }

/* Avatar com Iniciais */
.avatar-circle[b-9vcryzzs7d] {
    width: 48px;
    height: 48px;
    background-color: #e8f0fd;
    color: #2A63EF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
}

/* Badges "Soft" (Fundo claro, texto escuro) */
.bg-soft-success[b-9vcryzzs7d] {
    background-color: #d1fae5 !important;
    color: #065f46 !important; /* Verde escuro */
    font-weight: 600;
    padding: 0.35em 0.8em;
}

.bg-soft-secondary[b-9vcryzzs7d] {
    background-color: #f3f4f6 !important;
    color: #4b5563 !important;
    font-weight: 600;
    padding: 0.35em 0.8em;
}

/* Grid de Informações */
.info-grid[b-9vcryzzs7d] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.info-item[b-9vcryzzs7d] {
    display: flex;
    align-items: center;
    font-size: 0.95rem;
}

/* Botões de Ícone */
.btn-icon[b-9vcryzzs7d] {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.2s;
}

.btn-light[b-9vcryzzs7d] {
    background-color: #f8f9fa;
    border: 1px solid transparent;
}

    .btn-light:hover[b-9vcryzzs7d] {
        background-color: #e9ecef;
    }

.btn-light-danger[b-9vcryzzs7d] {
    background-color: #fff5f5;
    border: 1px solid transparent;
}

    .btn-light-danger:hover[b-9vcryzzs7d] {
        background-color: #fee2e2;
        color: #dc2626;
    }

/* Manter animações existentes */
.resp-card-wrapper.card-enter[b-9vcryzzs7d] {
    animation: cardAppear .45s cubic-bezier(.16,.8,.3,1);
}

.resp-card-wrapper.card-exit[b-9vcryzzs7d] {
    animation: cardExit-b-9vcryzzs7d .35s cubic-bezier(.55,.06,.68,.19) forwards;
}

/* Botão "Abrir em Patrimônio": ocultar texto em telas pequenas e remover margem do ícone */
@media (max-width: 576px) {
    .equip-modal .btn-open-patrimonio .btn-label[b-9vcryzzs7d] {
        display: none !important;
    }
    .equip-modal .btn-open-patrimonio i[b-9vcryzzs7d] {
        margin-right: 0 !important;
    }
}

/* Opcional: antecipar ocultação quando a largura for bem estreita */
@media (max-width: 420px) {
    .equip-modal .btn-open-patrimonio .btn-label[b-9vcryzzs7d] {
        display: none !important;
    }
    .equip-modal .btn-open-patrimonio i[b-9vcryzzs7d] {
        margin-right: 0 !important;
    }
}

/* Tabela compacta com cabeçalho fixo e badges */
.custom-table-wrapper[b-9vcryzzs7d] {
    max-height: 60vh;
    overflow: auto;
    border-radius: .75rem;
    border: 1px solid #eef3f0;
}

.custom-table[b-9vcryzzs7d] {
    margin: 0;
    font-size: .84rem;
}

.custom-thead[b-9vcryzzs7d] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f9fbfa;
    box-shadow: inset 0 -1px 0 #e6ece8;
}

.custom-table tbody tr:hover[b-9vcryzzs7d] {
    background: #f7fffa;
}

/* Badge de unidade na tabela (similar ao card, menor) */
.badge-unidade-table[b-9vcryzzs7d] {
    display: inline-block;
    font-size: .68rem;
    padding: 4px 10px;
    border-radius: 14px;
    background: #eaf7f1;
    color: #0f7d3d;
    white-space: nowrap;
}

/* Badge de status na tabela: tamanho adequado para célula */
.badge-status-table[b-9vcryzzs7d] {
    font-size: .70rem;
    padding: 4px 10px;
    border-radius: 14px;
    white-space: nowrap;
}

/* Reuso das cores já definidas */
.badge-status-ativo[b-9vcryzzs7d] { background:#e6f7ed; color:#0f7d3d; }
.badge-status-inativo[b-9vcryzzs7d] { background:#f0f0f0; color:#666; }
.badge-status-manutencao[b-9vcryzzs7d] { background:#fff4e0; color:#b67200; }
.badge-status-descartado[b-9vcryzzs7d] { background:#ffe5e5; color:#c52525; }

/* Form switch customizado em formulário */
.form-switch .form-check-input:checked[b-9vcryzzs7d] {
    background-color: var(--primary-500);
    border-color: var(--primary-500);
}

/* ===== TABELA MODERNA DE RESPONSÁVEIS ===== */
.responsaveis-table-modern[b-9vcryzzs7d] {
    display: flex;
    flex-direction: column;
    background: var(--card-bg, #fff);
    border-radius: 12px;
    overflow-x: auto;
    width: 100%;
    max-width: 100%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    box-sizing: border-box;
}

/* Header */
.resp-table-header-row[b-9vcryzzs7d] {
    display: grid;
    grid-template-columns: 34px minmax(140px, 1.8fr) 132px minmax(110px, 1fr) minmax(120px, 1.3fr) minmax(110px, 1.1fr) 140px 70px 48px 48px 36px;
    gap: 8px;
    width: 100%;
    min-width: 1040px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 2px solid var(--border, #e6ece9);
    color: var(--ink-700, #3b4a43);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px 12px;
    align-items: center;
    box-sizing: border-box;
}

.resp-table-header-row .resp-table-cell[b-9vcryzzs7d] {
    padding: 0 4px;
}

/* Linhas de dados */
.resp-table-row[b-9vcryzzs7d] {
    display: grid;
    grid-template-columns: 34px minmax(140px, 1.8fr) 132px minmax(110px, 1fr) minmax(120px, 1.3fr) minmax(110px, 1.1fr) 140px 70px 48px 48px 36px;
    gap: 8px;
    width: 100%;
    min-width: 1040px;
    background: var(--card-bg, #fff);
    padding: 8px 12px;
    align-items: center;
    border-bottom: 1px solid var(--border, #e6ece9);
    transition: all 0.2s ease;
    cursor: pointer;
    box-sizing: border-box;
}

.resp-table-row:hover[b-9vcryzzs7d] {
    background: rgba(42, 99, 239, 0.04);
    box-shadow: inset 4px 0 0 #2a63ef;
}

.resp-table-row:last-child[b-9vcryzzs7d] {
    border-bottom: none;
}

.resp-table-cell[b-9vcryzzs7d] {
    padding: 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8125rem;
    color: var(--ink-900, #0b1f17);
}

/* Avatar */
.cell-avatar[b-9vcryzzs7d] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.avatar-circle-sm[b-9vcryzzs7d] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2a63ef 0%, #5483f2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 0.68rem;
    box-shadow: 0 2px 6px rgba(42, 99, 239, 0.25);
}

.initials-sm[b-9vcryzzs7d] {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Nome */
.cell-nome[b-9vcryzzs7d] {
    min-width: 0;
}

.nome-info[b-9vcryzzs7d] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nome-principal[b-9vcryzzs7d] {
    font-weight: 600;
    color: var(--ink-900, #0b1f17);
    overflow: hidden;
    text-overflow: ellipsis;
}

.nome-secundario[b-9vcryzzs7d] {
    font-size: 0.75rem;
    color: var(--text-muted, #6c757d);
    overflow: hidden;
    text-overflow: ellipsis;
}

/* CPF */
.cell-cpf[b-9vcryzzs7d] {
    overflow: visible !important;
    white-space: nowrap;
}

.text-monospace[b-9vcryzzs7d] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    color: #475569;
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

/* Telefone */
.cell-telefone[b-9vcryzzs7d] {
    overflow: visible !important;
    white-space: nowrap;
}

.telefone-info[b-9vcryzzs7d] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
    color: #475569;
}

/* Matricula e Admissao combinados */
.matricula-admissao-info[b-9vcryzzs7d],
.setor-localidade-info[b-9vcryzzs7d] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.matricula-val[b-9vcryzzs7d],
.setor-val[b-9vcryzzs7d] {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Badges */
.setor-badge[b-9vcryzzs7d],
.unidade-badge[b-9vcryzzs7d] {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    background: #f1f5f9;
    border-radius: 6px;
    font-size: 0.78rem;
    color: #475569;
    font-weight: 500;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.setor-badge i[b-9vcryzzs7d],
.unidade-badge i[b-9vcryzzs7d] {
    font-size: 0.75rem;
    opacity: 0.7;
}

/* Status Badge */
.status-badge[b-9vcryzzs7d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 7px;
    border-radius: 10px;
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.status-ativo[b-9vcryzzs7d] {
    background: rgba(76, 175, 80, 0.12);
    color: #2e7d32;
}

.status-inativo[b-9vcryzzs7d] {
    background: rgba(189, 189, 189, 0.15);
    color: #666;
}

/* Botões Micro Counter (Equipamentos e Chips) */
.btn-micro-counter[b-9vcryzzs7d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 2px 6px;
    height: 22px;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    border: 1px solid transparent;
    text-decoration: none;
    line-height: 1;
    width: auto;
    min-width: 40px;
}

.btn-micro-counter i[b-9vcryzzs7d] {
    font-size: 0.68rem;
}

.btn-micro-counter .micro-count[b-9vcryzzs7d] {
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    min-width: 12px;
    text-align: center;
}

.btn-equip[b-9vcryzzs7d] {
    background: rgba(42, 99, 239, 0.08);
    color: #2a63ef;
    border-color: rgba(42, 99, 239, 0.15);
}

.btn-equip:hover[b-9vcryzzs7d] {
    background: #2a63ef;
    color: #ffffff;
    border-color: #2a63ef;
    box-shadow: 0 2px 6px rgba(42, 99, 239, 0.25);
    transform: translateY(-1px);
}

.btn-chip[b-9vcryzzs7d] {
    background: rgba(16, 185, 129, 0.08);
    color: #10b981;
    border-color: rgba(16, 185, 129, 0.2);
}

.btn-chip:hover[b-9vcryzzs7d] {
    background: #10b981;
    color: #ffffff;
    border-color: #10b981;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25);
    transform: translateY(-1px);
}

/* Ações */
.cell-actions[b-9vcryzzs7d] {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    position: relative;
}

.btn-menu-trigger[b-9vcryzzs7d] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
    font-size: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.btn-menu-trigger:hover[b-9vcryzzs7d],
.btn-menu-trigger.active[b-9vcryzzs7d] {
    background: #2a63ef;
    color: #ffffff;
    border-color: #2a63ef;
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.3);
    transform: translateY(-1px);
}

.custom-action-dropdown-menu[b-9vcryzzs7d] {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 1060;
    min-width: 210px;
    padding: 8px;
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid rgba(42, 99, 239, 0.12);
    box-shadow: 0 12px 32px -4px rgba(42, 99, 239, 0.18), 0 4px 12px -2px rgba(0, 0, 0, 0.08);
    animation: dropdownSlideIn-b-9vcryzzs7d 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    transform-origin: top right;
}

@keyframes dropdownSlideIn-b-9vcryzzs7d {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.action-menu-item[b-9vcryzzs7d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 8px 10px;
    border: none;
    background: transparent;
    border-radius: 8px;
    color: #334155;
    font-size: 0.84rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.action-menu-text[b-9vcryzzs7d] {
    flex: 1;
    text-align: center;
    font-weight: 500;
}

.action-menu-badge-slot[b-9vcryzzs7d] {
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
}

.action-menu-item:hover[b-9vcryzzs7d] {
    background: rgba(42, 99, 239, 0.07);
    color: #2a63ef;
    transform: translateX(2px);
}

.action-menu-item.danger-item:hover[b-9vcryzzs7d] {
    background: rgba(239, 68, 68, 0.08);
    color: #ef4444;
}

.action-menu-icon[b-9vcryzzs7d] {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    flex-shrink: 0;
    transition: all 0.15s ease;
}

.icon-blue[b-9vcryzzs7d] { background: rgba(42, 99, 239, 0.1); color: #2a63ef; }
.icon-purple[b-9vcryzzs7d] { background: rgba(139, 92, 246, 0.1); color: #8b5cf6; }
.icon-green[b-9vcryzzs7d] { background: rgba(16, 185, 129, 0.1); color: #10b981; }
.icon-amber[b-9vcryzzs7d] { background: rgba(245, 158, 11, 0.1); color: #f59e0b; }
.icon-red[b-9vcryzzs7d] { background: rgba(239, 68, 68, 0.1); color: #ef4444; }

.action-menu-item:hover .icon-blue[b-9vcryzzs7d] { background: #2a63ef; color: #fff; }
.action-menu-item:hover .icon-purple[b-9vcryzzs7d] { background: #8b5cf6; color: #fff; }
.action-menu-item:hover .icon-green[b-9vcryzzs7d] { background: #10b981; color: #fff; }
.action-menu-item:hover .icon-amber[b-9vcryzzs7d] { background: #f59e0b; color: #fff; }
.action-menu-item:hover .icon-red[b-9vcryzzs7d] { background: #ef4444; color: #fff; }

.menu-divider[b-9vcryzzs7d] {
    height: 1px;
    background: #f1f5f9;
    margin: 4px 0;
}

/* Empty State */
.empty-state[b-9vcryzzs7d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    text-align: center;
    color: var(--text-muted, #6c757d);
}

.empty-state i[b-9vcryzzs7d] {
    font-size: 64px;
    margin-bottom: 20px;
    opacity: 0.5;
}

.empty-state h5[b-9vcryzzs7d] {
    color: var(--ink-700, #3b4a43);
    font-weight: 600;
    margin-bottom: 8px;
}

.empty-state p[b-9vcryzzs7d] {
    color: var(--text-muted, #6c757d);
    margin: 0;
}

/* ===== MODAL DE EQUIPAMENTOS, CHIPS, DETALHES E TERMOS ===== */
.equip-overlay[b-9vcryzzs7d] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    z-index: 1050;
    overflow-y: auto;
}

.equip-modal[b-9vcryzzs7d] {
    width: clamp(340px, 85vw, 900px);
    max-height: calc(85vh);
    background: var(--card-bg, #ffffff);
    color: var(--ink-900, #0b1f17);
    border-radius: 1.2rem;
    border: 1px solid var(--border, #e2e8f0);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3);
    padding: 24px;
    display: flex;
    flex-direction: column;
    animation: modalIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
}

.equip-modal-header[b-9vcryzzs7d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--border, #e2e8f0);
    flex-shrink: 0;
}

.equip-modal-body[b-9vcryzzs7d] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
}

.equip-modal-footer[b-9vcryzzs7d] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid var(--border, #e2e8f0);
    flex-shrink: 0;
    background: transparent;
}

.equip-list[b-9vcryzzs7d] {
    overflow: auto;
    padding-right: 4px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.equip-item[b-9vcryzzs7d] {
    border:1px solid #eef3f0;
    border-radius:.85rem;
    padding:10px 14px 12px;
    background:#fafefd;
    transition:background .15s, border-color .15s;
}

.equip-item:hover[b-9vcryzzs7d] {
    background:#f5fcf8;
    border-color:#d9efe5;
}

.equip-icon svg[b-9vcryzzs7d] { width:28px; height:28px; }

.badge-sm[b-9vcryzzs7d] {
    font-size:.62rem;
    padding:4px 8px;
    border-radius:12px;
    font-weight:600;
}

/* Responsividade */
@media (max-width: 768px) {
    .responsaveis-table-modern[b-9vcryzzs7d] {
        display: none;
    }

    /* ===== MODAL DE IMPORTAÇÃO E UPLOAD ===== */
    .upload-drag-drop[b-9vcryzzs7d] {
        transition: all 0.2s ease;
        border-color: #cbd5e1 !important;
    }

    .upload-drag-drop:hover[b-9vcryzzs7d] {
        background-color: #f8fafc !important;
        border-color: var(--primary-500, #2a63ef) !important;
        box-shadow: 0 4px 12px rgba(42, 99, 239, 0.05);
    }

    .table-danger-subtle[b-9vcryzzs7d] {
        background-color: rgba(220, 53, 69, 0.05) !important;
    }
}

.form-check-input[b-9vcryzzs7d] {
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
}

    .form-check-input:checked[b-9vcryzzs7d] {
        background-color: #2a63ef;
        border-color: #2a63ef;
    }

.form-check-label[b-9vcryzzs7d] {
    cursor: pointer;
    user-select: none;
}

/* ══════════════════════════════════════════════════════════════════════════
   MODO ESCURO DE RESPONSÁVEIS
   ══════════════════════════════════════════════════════════════════════════ */
[data-theme="dark"] .setor-badge[b-9vcryzzs7d] {
    background: rgba(148, 163, 184, 0.15) !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(148, 163, 184, 0.25) !important;
}

[data-theme="dark"] .unidade-badge[b-9vcryzzs7d] {
    background: rgba(84, 131, 242, 0.15) !important;
    color: #93b4fd !important;
    border: 1px solid rgba(84, 131, 242, 0.25) !important;
}

[data-theme="dark"] .text-monospace[b-9vcryzzs7d] {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .telefone-info[b-9vcryzzs7d] {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .nome-principal[b-9vcryzzs7d] {
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .matricula-val[b-9vcryzzs7d],
[data-theme="dark"] .setor-val[b-9vcryzzs7d] {
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .btn-micro-counter.btn-equip[b-9vcryzzs7d] {
    background: rgba(42, 99, 239, 0.2) !important;
    border-color: rgba(84, 131, 242, 0.3) !important;
    color: #93b4fd !important;
}

[data-theme="dark"] .btn-micro-counter.btn-chip[b-9vcryzzs7d] {
    background: rgba(16, 185, 129, 0.2) !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
    color: #34d399 !important;
}

[data-theme="dark"] .btn-equipamentos[b-9vcryzzs7d],
[data-theme="dark"] .btn-chips[b-9vcryzzs7d] {
    background: var(--input-bg, #242d29) !important;
    border-color: var(--border, #3a4843) !important;
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .btn-menu-trigger[b-9vcryzzs7d] {
    background: var(--input-bg, #242d29) !important;
    border-color: var(--border, #3a4843) !important;
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .custom-action-dropdown-menu[b-9vcryzzs7d] {
    background: var(--card-bg, #1a211e) !important;
    border-color: var(--border, #3a4843) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .action-menu-item[b-9vcryzzs7d] {
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .action-menu-item:hover[b-9vcryzzs7d] {
    background: rgba(84, 131, 242, 0.15) !important;
    color: var(--primary-400, #5483f2) !important;
}

[data-theme="dark"] .menu-divider[b-9vcryzzs7d] {
    background: var(--border, #3a4843) !important;
}

[data-theme="dark"] .equip-modal[b-9vcryzzs7d] {
    background: var(--card-bg, #1a211e) !important;
    border: 1px solid var(--border, #3a4843) !important;
    color: var(--ink-900, #e8f0ed) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .equip-item[b-9vcryzzs7d] {
    background: var(--input-bg, #242d29) !important;
    border-color: var(--border, #3a4843) !important;
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .equip-item:hover[b-9vcryzzs7d] {
    background: rgba(84, 131, 242, 0.12) !important;
    border-color: var(--primary-400, #5483f2) !important;
}

[data-theme="dark"] .equip-modal .bg-light[b-9vcryzzs7d],
[data-theme="dark"] .equip-modal .bg-white[b-9vcryzzs7d] {
    background-color: var(--input-bg, #242d29) !important;
    border-color: var(--border, #3a4843) !important;
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .equip-modal .text-dark[b-9vcryzzs7d] {
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .equip-modal .upload-drag-drop[b-9vcryzzs7d] {
    background-color: var(--input-bg, #242d29) !important;
    border-color: var(--border, #3a4843) !important;
    color: var(--ink-900, #e8f0ed) !important;
}

/* ── Popover de Sincronização Solides ───────────────────────────────────────── */
.solides-popover-wrapper[b-9vcryzzs7d] {
    position: relative;
    display: inline-block;
}

.solides-popover-dropdown[b-9vcryzzs7d] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 290px;
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
    border: 1px solid var(--border, rgba(0, 0, 0, 0.12));
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18), 0 4px 10px rgba(0, 0, 0, 0.08);
    z-index: 1060 !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    pointer-events: none;
    color: var(--ink-900, #334056);
}

.solides-popover-dropdown.show-popover[b-9vcryzzs7d] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

.solides-popover-header[b-9vcryzzs7d] {
    padding: 8px 12px;
    background: var(--input-bg, #f8f9fa);
    border-bottom: 1px solid var(--border, #e9ecef);
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--ink-900, #495057);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.solides-popover-body[b-9vcryzzs7d] {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.8rem;
    color: var(--ink-900, #334056);
}

.solides-popover-item[b-9vcryzzs7d] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

/* Modo Escuro para o Popover Solides */
[data-theme="dark"] .solides-popover-dropdown[b-9vcryzzs7d] {
    background: var(--card-bg, #1a211e) !important;
    border-color: var(--border, #3a4843) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5) !important;
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .solides-popover-header[b-9vcryzzs7d] {
    background: var(--input-bg, #242d29) !important;
    border-color: var(--border, #3a4843) !important;
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .solides-popover-body[b-9vcryzzs7d] {
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .solides-popover-item .text-dark[b-9vcryzzs7d] {
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .solides-popover-footer[b-9vcryzzs7d] {
    border-color: var(--border, #3a4843) !important;
}

[data-theme="dark"] .equip-modal .upload-drag-drop:hover[b-9vcryzzs7d] {
    background-color: rgba(84, 131, 242, 0.1) !important;
    border-color: var(--primary-400, #5483f2) !important;
}
/* _content/PatrimonioGarbo/Components/Pages/SolidesSyncLogs.razor.rz.scp.css */
/* ── Layout & Container ─────────────────────────────────────────────────── */
.dash-container[b-vza0un0c9j] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-bottom: 2rem;
}

/* ── KPI Cards ───────────────────────────────────────────────────────────── */
.kpi-row[b-vza0un0c9j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.kpi-card[b-vza0un0c9j] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kpi-card:hover[b-vza0un0c9j] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.kpi-icon[b-vza0un0c9j] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.kpi-icon-blue[b-vza0un0c9j] {
    background: rgba(42, 99, 239, 0.12);
    color: var(--primary-600, #2a63ef);
}

.kpi-icon-green[b-vza0un0c9j] {
    background: rgba(16, 185, 129, 0.12);
    color: #10b981;
}

.kpi-icon-red[b-vza0un0c9j] {
    background: rgba(239, 68, 68, 0.12);
    color: #ef4444;
}

.kpi-icon-purple[b-vza0un0c9j] {
    background: rgba(139, 92, 246, 0.12);
    color: #8b5cf6;
}

.kpi-icon-amber[b-vza0un0c9j] {
    background: rgba(245, 158, 11, 0.12);
    color: #f59e0b;
}

.kpi-info[b-vza0un0c9j] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.kpi-value[b-vza0un0c9j] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--ink-900, #1e293b);
    line-height: 1.2;
}

.kpi-label[b-vza0un0c9j] {
    font-size: 0.75rem;
    color: var(--ink-500, #64748b);
    font-weight: 500;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Abas de Navegação (Tabs) ────────────────────────────────────────────── */
.tabs-container[b-vza0un0c9j] {
    display: flex;
    gap: 8px;
    border-bottom: 2px solid var(--border, #e2e8f0);
    padding-bottom: 2px;
}

.tab-button[b-vza0un0c9j] {
    background: transparent;
    border: none;
    padding: 10px 18px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--ink-500, #64748b);
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: all 0.2s ease;
    position: relative;
}

.tab-button:hover[b-vza0un0c9j] {
    color: var(--primary-600, #2a63ef);
    background: rgba(42, 99, 239, 0.05);
}

.tab-button.active[b-vza0un0c9j] {
    color: var(--primary-600, #2a63ef);
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
    border-bottom-color: transparent;
    margin-bottom: -2px;
}

/* ── Custom Cards ────────────────────────────────────────────────────────── */
.custom-card[b-vza0un0c9j] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

/* ── Tabela Moderna de Auditoria ─────────────────────────────────────────── */
.sync-table-container[b-vza0un0c9j] {
    width: 100%;
    overflow-x: auto;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.table-modern[b-vza0un0c9j] {
    display: flex;
    flex-direction: column;
    min-width: 1100px;
    width: 100%;
}

.sync-table-header[b-vza0un0c9j] {
    display: grid;
    grid-template-columns: 110px 155px 95px 85px 65px 70px 85px 75px 65px 1fr 60px;
    align-items: center;
    padding: 10px 14px;
    background: var(--input-bg, #f8fafc);
    border-bottom: 2px solid var(--border, #e2e8f0);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-500, #64748b);
}

.sync-table-row[b-vza0un0c9j] {
    display: grid;
    grid-template-columns: 110px 155px 95px 85px 65px 70px 85px 75px 65px 1fr 60px;
    align-items: center;
    padding: 10px 14px;
    border-bottom: 1px solid var(--border, #f1f5f9);
    font-size: 0.82rem;
    color: var(--ink-900, #1e293b);
    transition: background 0.15s ease;
    cursor: pointer;
}

.sync-table-row:hover[b-vza0un0c9j] {
    background: rgba(42, 99, 239, 0.04);
}

.sync-table-row:last-child[b-vza0un0c9j] {
    border-bottom: none;
}

.sync-cell[b-vza0un0c9j] {
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-right: 8px;
}

.cell-status[b-vza0un0c9j] { width: 110px; }
.cell-inicio[b-vza0un0c9j] { width: 155px; }
.cell-fim[b-vza0un0c9j] { width: 95px; }
.cell-duracao[b-vza0un0c9j] { width: 85px; }
.cell-api[b-vza0un0c9j] { width: 65px; }
.cell-novos[b-vza0un0c9j] { width: 70px; }
.cell-atualizados[b-vza0un0c9j] { width: 85px; }
.cell-inativados[b-vza0un0c9j] { width: 75px; }
.cell-erros[b-vza0un0c9j] { width: 65px; }
.cell-mensagem[b-vza0un0c9j] { min-width: 0; }
.cell-acoes[b-vza0un0c9j] { width: 60px; justify-content: flex-end; }

.text-monospace[b-vza0un0c9j] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.mensagem-texto[b-vza0un0c9j] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--ink-700, #334155);
}

/* ── Badges e Pílulas ────────────────────────────────────────────────────── */
.badge-status-sucesso[b-vza0un0c9j] {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 700;
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.3);
    white-space: nowrap;
}

.badge-status-erro[b-vza0un0c9j] {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 700;
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.3);
    white-space: nowrap;
}

.badge-duracao[b-vza0un0c9j] {
    padding: 2px 7px;
    border-radius: 8px;
    font-size: 0.72rem;
    font-weight: 600;
    background: var(--input-bg, #f1f5f9);
    color: var(--ink-700, #475569);
    border: 1px solid var(--border, #cbd5e1);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.badge-counter[b-vza0un0c9j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.72rem;
    font-weight: 700;
    min-width: 24px;
}

.badge-counter-blue[b-vza0un0c9j] {
    background: rgba(42, 99, 239, 0.1);
    color: var(--primary-600, #2a63ef);
}

.badge-counter-purple[b-vza0un0c9j] {
    background: rgba(139, 92, 246, 0.1);
    color: #7c3aed;
}

.badge-counter-amber[b-vza0un0c9j] {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

.badge-counter-red[b-vza0un0c9j] {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

.btn-icon-custom[b-vza0un0c9j] {
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border, #cbd5e1);
    background: var(--input-bg, #ffffff);
    color: var(--ink-700, #475569);
    transition: all 0.2s ease;
}

.btn-icon-custom:hover[b-vza0un0c9j] {
    background: var(--primary-600, #2a63ef);
    border-color: var(--primary-600, #2a63ef);
    color: #ffffff;
}

/* ── Visualizador de Log em Disco (Terminal / Console) ──────────────────── */
.log-terminal-wrapper[b-vza0un0c9j] {
    background: #0f172a;
    border: 1px solid #1e293b;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.log-terminal-header[b-vza0un0c9j] {
    background: #1e293b;
    border-bottom: 1px solid #334155;
}

.terminal-dot[b-vza0un0c9j] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.dot-red[b-vza0un0c9j] { background: #ef4444; }
.dot-yellow[b-vza0un0c9j] { background: #f59e0b; }
.dot-green[b-vza0un0c9j] { background: #10b981; }

.terminal-title[b-vza0un0c9j] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.78rem;
    font-weight: 600;
    color: #94a3b8;
}

.log-terminal-body[b-vza0un0c9j] {
    max-height: 520px;
    overflow-y: auto;
    padding: 12px 14px;
    font-family: "Cascadia Code", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.76rem;
    line-height: 1.5;
    background: #0b0f19;
    color: #cbd5e1;
}

.log-line[b-vza0un0c9j] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 2px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
    word-break: break-all;
}

.log-line:hover[b-vza0un0c9j] {
    background: rgba(255, 255, 255, 0.04);
}

.log-num[b-vza0un0c9j] {
    color: #475569;
    min-width: 40px;
    text-align: right;
    user-select: none;
    flex-shrink: 0;
}

.log-time[b-vza0un0c9j] {
    color: #64748b;
    flex-shrink: 0;
}

.log-badge-level[b-vza0un0c9j] {
    font-weight: 700;
    flex-shrink: 0;
}

.log-inf .log-badge-level[b-vza0un0c9j] { color: #38bdf8; }
.log-inf .log-msg[b-vza0un0c9j] { color: #e2e8f0; }

.log-wrn .log-badge-level[b-vza0un0c9j] { color: #fbbf24; }
.log-wrn .log-msg[b-vza0un0c9j] { color: #fef08a; }

.log-err .log-badge-level[b-vza0un0c9j] { color: #f87171; }
.log-err .log-msg[b-vza0un0c9j] { color: #fca5a5; font-weight: 600; }

.log-dbg .log-badge-level[b-vza0un0c9j] { color: #94a3b8; }
.log-dbg .log-msg[b-vza0un0c9j] { color: #94a3b8; }

/* ── Modais e Overlays ───────────────────────────────────────────────────── */
.equip-overlay[b-vza0un0c9j] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 16px;
}

.equip-modal[b-vza0un0c9j] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 14px;
    padding: 24px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    color: var(--ink-900, #1e293b);
}

.avatar-circle-sm[b-vza0un0c9j] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

/* ── Dark Mode Overrides ─────────────────────────────────────────────────── */
[data-theme="dark"] .kpi-card[b-vza0un0c9j] {
    background: var(--card-bg, #1a211e) !important;
    border-color: var(--border, #3a4843) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .kpi-value[b-vza0un0c9j] {
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .kpi-label[b-vza0un0c9j] {
    color: var(--ink-500, #9baaa4) !important;
}

[data-theme="dark"] .custom-card[b-vza0un0c9j] {
    background: var(--card-bg, #1a211e) !important;
    border-color: var(--border, #3a4843) !important;
}

[data-theme="dark"] .tab-button.active[b-vza0un0c9j] {
    background: var(--card-bg, #1a211e) !important;
    border-color: var(--border, #3a4843) !important;
    border-bottom-color: transparent !important;
    color: var(--primary-400, #5483f2) !important;
}

[data-theme="dark"] .tab-button[b-vza0un0c9j] {
    color: var(--ink-500, #9baaa4) !important;
}

[data-theme="dark"] .sync-table-container[b-vza0un0c9j] {
    background: var(--card-bg, #1a211e) !important;
    border-color: var(--border, #3a4843) !important;
}

[data-theme="dark"] .sync-table-header[b-vza0un0c9j] {
    background: var(--input-bg, #242d29) !important;
    border-color: var(--border, #3a4843) !important;
    color: var(--ink-500, #9baaa4) !important;
}

[data-theme="dark"] .sync-table-row[b-vza0un0c9j] {
    border-color: var(--border, #2e3b36) !important;
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .sync-table-row:hover[b-vza0un0c9j] {
    background: rgba(84, 131, 242, 0.08) !important;
}

[data-theme="dark"] .mensagem-texto[b-vza0un0c9j] {
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .badge-duracao[b-vza0un0c9j] {
    background: var(--input-bg, #242d29) !important;
    border-color: var(--border, #3a4843) !important;
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .btn-icon-custom[b-vza0un0c9j] {
    background: var(--input-bg, #242d29) !important;
    border-color: var(--border, #3a4843) !important;
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .equip-modal[b-vza0un0c9j] {
    background: var(--card-bg, #1a211e) !important;
    border-color: var(--border, #3a4843) !important;
    color: var(--ink-900, #e8f0ed) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .equip-modal .bg-light[b-vza0un0c9j],
[data-theme="dark"] .equip-modal .bg-white[b-vza0un0c9j] {
    background-color: var(--input-bg, #242d29) !important;
    border-color: var(--border, #3a4843) !important;
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .equip-modal .text-dark[b-vza0un0c9j] {
    color: var(--ink-900, #e8f0ed) !important;
}

[data-theme="dark"] .empty-state[b-vza0un0c9j] {
    background: var(--card-bg, #1a211e) !important;
    border-color: var(--border, #3a4843) !important;
    color: var(--ink-900, #e8f0ed) !important;
}
/* _content/PatrimonioGarbo/Components/Pages/Tamanhos.razor.rz.scp.css */
/* === TAMANHOS - VISUAL MODERNO === */

.dash-container[b-gwjyfosbj1] {
    padding: 1.5rem;
    max-width: 100%;
}

.custom-card[b-gwjyfosbj1] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg, #fff);
}

.custom-card:hover:not(.no-lift)[b-gwjyfosbj1] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
}

.btn[b-gwjyfosbj1] {
    border-radius: 8px !important;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    font-size: 0.95rem;
}

.btn:hover[b-gwjyfosbj1] {
    transform: translateY(-2px);
}

.btn:active[b-gwjyfosbj1] {
    transform: translateY(0);
}

.btn-outline-secondary[b-gwjyfosbj1] {
    border: 2px solid #e9ecef;
    color: #6c757d;
    background: white;
    border-radius: 12px;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-outline-secondary:hover[b-gwjyfosbj1] {
    background: #f8f9fa;
    border-color: #6c757d;
    color: #495057;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.btn-secondary[b-gwjyfosbj1] {
    background: #6c757d;
    color: white;
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.2);
}

.btn-secondary:hover[b-gwjyfosbj1] {
    background: #5a6268;
    box-shadow: 0 8px 24px rgba(108, 117, 125, 0.3);
}

.btn-custom-primary[b-gwjyfosbj1] {
    background: linear-gradient(135deg, #2A63EF 0%, #1e4ab8 100%);
    border: none;
    color: white;
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: 12px;
    transition: all 0.2s;
}

.btn-custom-primary:hover[b-gwjyfosbj1] {
    background: linear-gradient(135deg, #1e4ab8 0%, #163a8f 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.3);
}

.btn-custom-primary:disabled[b-gwjyfosbj1] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.form-control[b-gwjyfosbj1],
.form-select[b-gwjyfosbj1] {
    border-radius: 12px;
    border: 2px solid var(--input-border, #e9ecef);
    transition: all 0.3s ease;
    background: var(--input-bg, #f8f9fa);
    color: var(--ink-900);
    padding: 0.65rem 1rem;
    min-height: 42px;
}

.form-control:focus[b-gwjyfosbj1],
.form-select:focus[b-gwjyfosbj1] {
    border-color: #2A63EF;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.1);
    background: white;
    outline: none;
}

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

/* ══════════════════════════════════════════════════════════════════════════
   TABELA MODERNA - DESIGN RENOVADO
   ══════════════════════════════════════════════════════════════════════════ */

.tamanhos-table-modern[b-gwjyfosbj1] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ── Header da Tabela ─────────────────────────────────────────────────────── */
.table-header-row[b-gwjyfosbj1] {
    display: grid;
    grid-template-columns: 80px 2fr 1.2fr 1.5fr 120px;
    gap: 12px;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 2px solid var(--border, #e6ece9);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700, #3b4a43);
    align-items: center;
}

/* ── Linhas da Tabela ─────────────────────────────────────────────────────── */
.table-row[b-gwjyfosbj1] {
    display: grid;
    grid-template-columns: 80px 2fr 1.2fr 1.5fr 120px;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border, #e6ece9);
    transition: all 0.2s ease;
    align-items: center;
    background: var(--card-bg, #fff);
}

.table-row:hover[b-gwjyfosbj1] {
    background: rgba(42, 99, 239, 0.04);
    box-shadow: inset 4px 0 0 #2a63ef;
}

.table-row:last-child[b-gwjyfosbj1] {
    border-bottom: none;
}

/* ── Células ──────────────────────────────────────────────────────────────── */
.table-cell[b-gwjyfosbj1] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--ink-900, #0b1f17);
    overflow: hidden;
}

/* ── Badges ─────────────────────────────────────────────────────────────── */
.id-badge[b-gwjyfosbj1] {
    background: linear-gradient(135deg, #6c757d 0%, #adb5bd 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

.nome-text[b-gwjyfosbj1] {
    font-weight: 600;
    color: var(--ink-900, #212529);
}

.status-badge[b-gwjyfosbj1] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.status-badge.status-ativo[b-gwjyfosbj1] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.status-badge.status-inativo[b-gwjyfosbj1] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

.produtos-count[b-gwjyfosbj1] {
    font-size: 0.85rem;
    color: #6c757d;
}

.produtos-count i[b-gwjyfosbj1] {
    opacity: 0.7;
}

/* ── Ações ──────────────────────────────────────────────────────────────── */
.cell-actions[b-gwjyfosbj1] {
    justify-content: flex-end;
    overflow: visible;
}

.action-buttons[b-gwjyfosbj1] {
    display: flex;
    gap: 6px;
}

.btn-action[b-gwjyfosbj1] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    text-decoration: none;
    background: transparent;
}

.btn-action-primary[b-gwjyfosbj1] {
    background: rgba(42, 99, 239, 0.1);
    color: #2a63ef;
}

.btn-action-primary:hover[b-gwjyfosbj1] {
    background: #2a63ef;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(42, 99, 239, 0.3);
}

.btn-action-danger[b-gwjyfosbj1] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.btn-action-danger:hover[b-gwjyfosbj1] {
    background: #dc3545;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
}

/* ── Empty State ──────────────────────────────────────────────────────────── */
.empty-state[b-gwjyfosbj1] {
    text-align: center;
    padding: 60px 20px;
    color: var(--text-muted, #6c757d);
}

.empty-state i[b-gwjyfosbj1] {
    font-size: 3.5rem;
    margin-bottom: 16px;
    opacity: 0.4;
    display: block;
}

.empty-state h5[b-gwjyfosbj1] {
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--ink-700, #3b4a43);
}

/* ══════════════════════════════════════════════════════════════════════════
   MODAL MODERNO DE CADASTRO/EDIÇÃO
   ══════════════════════════════════════════════════════════════════════════ */

.modal-backdrop-custom[b-gwjyfosbj1] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1040;
    backdrop-filter: blur(8px);
    animation: fadeInBackdrop-b-gwjyfosbj1 0.3s ease-out;
}

@keyframes fadeInBackdrop-b-gwjyfosbj1 {
    from {
        opacity: 0;
        backdrop-filter: blur(0px);
    }

    to {
        opacity: 1;
        backdrop-filter: blur(8px);
    }
}

.modal-cadastro[b-gwjyfosbj1] {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    width: 90vw;
    max-width: 500px;
    background: var(--card-bg, white);
    color: var(--ink-900, #212529);
    border-radius: 24px;
    z-index: 1051;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    margin: auto;
    animation: modalSlideIn-b-gwjyfosbj1 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
}

@keyframes modalSlideIn-b-gwjyfosbj1 {
    from {
        opacity: 0;
        transform: translate(-50%, -45%) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.modal-header-cadastro[b-gwjyfosbj1] {
    padding: 24px 28px;
    border-bottom: none;
    background: linear-gradient(135deg, #2a63ef 0%, #5483f2 100%);
    position: relative;
}

.modal-header-cadastro h5[b-gwjyfosbj1] {
    margin: 0;
    color: white;
    font-weight: 700;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
}

.modal-header-cadastro h5 i[b-gwjyfosbj1] {
    font-size: 1.5rem;
    margin-right: 12px;
}

.btn-close-white[b-gwjyfosbj1] {
    position: absolute;
    right: 20px;
    top: 20px;
    filter: brightness(0) invert(1);
    opacity: 0.8;
    transition: all 0.3s ease;
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.5rem;
}

.btn-close-white:hover[b-gwjyfosbj1] {
    opacity: 1;
    transform: rotate(90deg);
}

.modal-body-cadastro[b-gwjyfosbj1] {
    padding: 28px;
    background: var(--card-bg, white);
    color: var(--ink-900);
}

.modal-footer-cadastro[b-gwjyfosbj1] {
    padding: 20px 28px;
    border-top: 1px solid var(--border, #f0f0f0);
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    background: var(--input-bg, #fafafa);
}

/* Form Switch personalizado */
.form-switch .form-check-input[type="checkbox"][b-gwjyfosbj1] {
    width: 3rem;
    height: 1.5rem;
    cursor: pointer;
    background-color: #ced4da;
    border: none;
    transition: all 0.3s ease;
}

.form-switch .form-check-input[type="checkbox"]:checked[b-gwjyfosbj1] {
    background-color: #2A63EF;
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.1);
}

.form-switch .form-check-input[type="checkbox"]:focus[b-gwjyfosbj1] {
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.2);
}

.form-check-label[b-gwjyfosbj1] {
    margin-left: 0.75rem;
    font-weight: 500;
    color: #495057;
    cursor: pointer;
}

@media (max-width: 768px) {
    .dash-container[b-gwjyfosbj1] {
        padding: 1rem;
    }

    .table-header-row[b-gwjyfosbj1],
    .table-row[b-gwjyfosbj1] {
        grid-template-columns: 60px 1fr 100px;
        gap: 8px;
        padding: 12px 16px;
    }

    .cell-status[b-gwjyfosbj1],
    .cell-produtos[b-gwjyfosbj1] {
        display: none;
    }

    .modal-cadastro[b-gwjyfosbj1] {
        width: 95vw;
        max-width: 95vw;
        border-radius: 20px;
    }

    .modal-header-cadastro[b-gwjyfosbj1],
    .modal-body-cadastro[b-gwjyfosbj1],
    .modal-footer-cadastro[b-gwjyfosbj1] {
        padding: 20px;
    }
}
/* _content/PatrimonioGarbo/Components/Pages/TermoDesligamento.razor.rz.scp.css */
.custom-card[b-ypfiicqfhn] {
    border: 1px solid var(--border) !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
transform: translateY(0);
    will-change: transform, box-shadow;
}

.custom-card:hover:not(.no-lift)[b-ypfiicqfhn] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
}

/* Header */
.report-page-header[b-ypfiicqfhn] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.report-page-header h2[b-ypfiicqfhn] {
    margin: 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.report-page-subtitle[b-ypfiicqfhn] {
    margin: 4px 0 0 0;
    color: var(--ink-500);
    font-size: 0.95rem;
}

/* Responsável Info */
.responsavel-info-card[b-ypfiicqfhn] {
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    border: 1px solid var(--border);
    border-left: 4px solid var(--primary-500);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.08);
}

.avatar-circle-lg[b-ypfiicqfhn] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.initials-lg[b-ypfiicqfhn] {
    color: #fff;
    font-weight: 700;
    font-size: 1.25rem;
}

.avatar-circle-sm[b-ypfiicqfhn] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-500) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.initials-sm[b-ypfiicqfhn] {
    color: #fff;
    font-weight: 600;
    font-size: 0.75rem;
}

/* Selection Toolbar */
.selection-toolbar[b-ypfiicqfhn] {
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 12px 16px;
}

.selection-info[b-ypfiicqfhn] {
    display: flex;
    align-items: center;
}

/* Loading */
.loading-container[b-ypfiicqfhn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 16px;
}

.loading-container p[b-ypfiicqfhn] {
    color: var(--ink-500);
    margin: 0;
}

/* Grid */
.termo-assets-grid[b-ypfiicqfhn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
}

/* Asset Card */
.termo-asset-card[b-ypfiicqfhn] {
    position: relative;
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    border: 2px solid var(--border);
    border-radius: 14px;
    padding: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.termo-asset-card:hover[b-ypfiicqfhn] {
    border-color: var(--primary-400);
    box-shadow: 0 4px 16px rgba(42, 99, 239, 0.12);
    transform: translateY(-2px);
}

.termo-asset-card.selected[b-ypfiicqfhn] {
    border-color: var(--primary-500);
    background: rgba(42, 99, 239, 0.12) !important;
    box-shadow: 0 4px 20px rgba(42, 99, 239, 0.18);
} }

    /* Badges posicionamento */
    .termo-asset-card .badge-unidade[b-ypfiicqfhn] {
        position: absolute;
        top: 8px;
        left: 10px;
        right: auto;
    }

.selection-badge[b-ypfiicqfhn] {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 28px;
    height: 28px;
    background: var(--primary-500);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.85rem;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.3);
    animation: badgePop-b-ypfiicqfhn 0.2s ease;
}

@keyframes badgePop-b-ypfiicqfhn {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

/* Card elements */
.tc-head[b-ypfiicqfhn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.tc-tag[b-ypfiicqfhn] {
    font-weight: 800;
    color: var(--ink-900);
    font-size: 1rem;
}

.badge-unidade[b-ypfiicqfhn] {
    background: var(--primary-50);
    color: var(--primary-700);
    border: 1px solid #d0e8dc;
    border-radius: 16px;
    padding: 2px 10px;
    font-weight: 600;
    font-size: 0.7rem;
}

.tc-row[b-ypfiicqfhn] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
}

.tc-icon[b-ypfiicqfhn] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--primary-50);
    color: var(--primary-600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.tc-title small[b-ypfiicqfhn] {
    font-size: 0.8rem;
}

.tc-info[b-ypfiicqfhn] {
    display: grid;
    gap: 4px;
    font-size: 0.875rem;
    color: var(--ink-700);
}

    .tc-info .label[b-ypfiicqfhn] {
        font-weight: 600;
        color: var(--ink-900);
        margin-right: 4px;
    }

.tc-footer[b-ypfiicqfhn] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--border);
}

/* Status badges */
.badge-status[b-ypfiicqfhn] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
}

.badge-status-ativo[b-ypfiicqfhn] {
    background: #e6f7ed;
    color: #0f7d3d;
}

.badge-status-inativo[b-ypfiicqfhn] {
    background: #f0f0f0;
    color: #666;
}

.badge-status-manutencao[b-ypfiicqfhn] {
    background: #fff4e0;
    color: #b67200;
}

.badge-status-descartado[b-ypfiicqfhn] {
    background: #ffe5e5;
    color: #c52525;
}

/* Action buttons */
.action-buttons-container .btn-lg[b-ypfiicqfhn] {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 80px;
}

    .action-buttons-container .btn-lg small[b-ypfiicqfhn] {
        font-weight: 400;
        font-size: 0.75rem;
    }

.btn-lg[b-ypfiicqfhn] {
    padding: 14px 24px;
    font-size: 16px;
}

    .btn-lg small[b-ypfiicqfhn] {
        font-size: 12px;
        font-weight: 400;
    }

/* Bot�es consistentes */
.btn[b-ypfiicqfhn] {
    border-radius: 0.75rem;
}

.btn-custom-primary[b-ypfiicqfhn] {
    background-color: #2A63EF;
    color: #fff;
    border: none;
}

    .btn-custom-primary:hover[b-ypfiicqfhn],
    .btn-custom-primary:focus[b-ypfiicqfhn] {
        background-color: #2152d6;
        color: #fff;
    }

/* Alinhar verticalmente a linha de busca */
.card .row.g-3[b-ypfiicqfhn] {
    align-items: center !important;
}

/* Label flutuante: compacta sem aumentar a altura */
.autocomplete-custom .mud-input-label[b-ypfiicqfhn],
.autocomplete-custom .mud-input-label.mud-shrink[b-ypfiicqfhn] {
    transform: translate(12px, -8px) scale(0.85);
}

/* Bot�o com mesma altura visual do campo */
.card .btn.btn-custom-primary.w-100[b-ypfiicqfhn] {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border-radius: 20px;
}

    .card .btn.btn-custom-primary.w-100 i[b-ypfiicqfhn] {
        font-size: .95rem;
    }

.autocomplete-custom .mud-input-outlined .mud-input-outlined-border[b-ypfiicqfhn] {
    border-color: #2A63EF !important;
}

.autocomplete-custom .mud-input-outlined.mud-focus-within .mud-input-outlined-border[b-ypfiicqfhn] {
    border-color: #2152d6 !important;
}

.autocomplete-custom .mud-input-label[b-ypfiicqfhn],
.autocomplete-custom .mud-input-adornment[b-ypfiicqfhn],
.autocomplete-custom .mud-input-clear-button[b-ypfiicqfhn] {
    color: #2A63EF !important;
}

.autocomplete-custom .mud-progress-circular[b-ypfiicqfhn] {
    color: #2A63EF !important;
}

/* Tabela compacta com cabeçalho fixo e badges */
.custom-table-wrapper[b-ypfiicqfhn] {
    max-height: 60vh;
    overflow: auto;
    border-radius: .75rem;
    border: 1px solid #eef3f0;
}

.custom-table[b-ypfiicqfhn] {
    margin: 0;
    font-size: .84rem;
}

.custom-thead[b-ypfiicqfhn] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f9fbfa;
    box-shadow: inset 0 -1px 0 #e6ece8;
}

.custom-table tbody tr:hover[b-ypfiicqfhn] {
    background: #f7fffa;
}
/* Selection style for table rows */
.table-active[b-ypfiicqfhn] {
    background-color: rgba(42, 99, 239, 0.08) !important;
}

.custom-table tbody tr.table-active:hover[b-ypfiicqfhn] {
    background-color: rgba(42, 99, 239, 0.12) !important;
}

/* Badge de unidade na tabela (similar ao card, menor) */
.badge-unidade-table[b-ypfiicqfhn] {
    display: inline-block;
    font-size: .68rem;
    padding: 4px 10px;
    border-radius: 14px;
    background: #eaf7f1;
    color: #2457a6;
    white-space: nowrap;
}

/* Badge de status na tabela: tamanho adequado para célula */
.badge-status-table[b-ypfiicqfhn] {
    font-size: .70rem;
    padding: 4px 10px;
    border-radius: 14px;
    white-space: nowrap;
}

/* Seção de Assinatura */
.signature-section[b-ypfiicqfhn] {
    padding: 0;
}

.signature-captured[b-ypfiicqfhn] {
    background: linear-gradient(135deg, #d4edda 0%, #e8f5e9 100%);
    border: 1px solid #c3e6cb;
    border-radius: 10px;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    transition: all 0.3s ease;
}

    .signature-captured:hover[b-ypfiicqfhn] {
        border-color: #28a745;
        box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
    }

.signature-status[b-ypfiicqfhn] {
    display: flex;
    align-items: center;
    color: #155724;
    font-size: 15px;
}

    .signature-status i[b-ypfiicqfhn] {
        font-size: 20px;
    }

.signature-actions[b-ypfiicqfhn] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* Responsividade para Mobile */
@media (max-width: 768px) {
    .signature-captured[b-ypfiicqfhn] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .signature-status[b-ypfiicqfhn] {
        justify-content: center;
    }

    .signature-actions[b-ypfiicqfhn] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        width: 100%;
    }

        .signature-actions button[b-ypfiicqfhn] {
            width: 100%;
        }
}

/* Animações */
@keyframes slideIn-b-ypfiicqfhn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

.signature-captured[b-ypfiicqfhn] {
    animation: slideIn-b-ypfiicqfhn 0.3s ease;
}
/* _content/PatrimonioGarbo/Components/Pages/TermoPosseTemporaria.razor.rz.scp.css */
.overlay-center[b-coua6pkksg] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px;
}

.signature-modal[b-coua6pkksg] {
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    border: 1px solid var(--border);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,.3);
    width: 90vw;
    max-width: 800px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.signature-modal-header[b-coua6pkksg] {
    padding: 20px 24px;
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.signature-modal-header h5[b-coua6pkksg] {
    color: #f39c12;
    font-weight: 600;
    margin: 0;
}

.signature-modal-body[b-coua6pkksg] {
    padding: 24px;
    flex: 1;
    overflow-y: auto;
}

.signature-instructions[b-coua6pkksg] {
    background: rgba(243, 156, 18, 0.12) !important;
    border: 1px solid rgba(243, 156, 18, 0.3) !important;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 20px;
    color: #f39c12 !important;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.signature-canvas-container[b-coua6pkksg] {
    position: relative;
    background: var(--bg) !important;
    border: 2px dashed var(--border) !important;
    border-radius: 12px;
    padding: 16px;
    min-height: 300px;
}

.signature-canvas[b-coua6pkksg] {
    width: 100%;
    height: 100%;
    min-height: 250px;
    background: #ffffff;
    border-radius: 8px;
    cursor: crosshair;
    touch-action: none;
    display: block;
}

.signature-canvas-placeholder[b-coua6pkksg] {
    position: absolute;
    inset: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #999;
    font-size: 18px;
    pointer-events: none;
    background: transparent;
    border-radius: 8px;
}

.signature-canvas-placeholder i[b-coua6pkksg] {
    font-size: 48px;
    opacity: 0.3;
}

.signature-modal-footer[b-coua6pkksg] {
    padding: 16px 24px;
    border-top: 1px solid var(--border);
    display: flex;
    gap: 12px;
    align-items: center;
}

.report-page-header[b-coua6pkksg] {
    margin-bottom: 24px;
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    border: 1px solid var(--border) !important;
    padding: 20px 24px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.report-page-subtitle[b-coua6pkksg] {
    color: var(--ink-500);
    margin: 0;
    margin-top: 4px;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    /* Faça o modal preencher a tela mantendo margem para ver o fundo */
    .signature-modal[b-coua6pkksg] {
        width: 95vw;
        height: 90vh;
        max-width: 100%;
        max-height: 100%;
        border-radius: 12px;
    }

    .signature-canvas-container[b-coua6pkksg] {
        min-height: 40vh;
    }

    .signature-canvas[b-coua6pkksg] {
        min-height: 35vh;
    }

    .signature-modal-footer[b-coua6pkksg] {
        flex-wrap: wrap;
    }

    .signature-modal-footer button[b-coua6pkksg] {
        flex: 1;
        min-width: 120px;
    }
}

/* Landscape Mode (celular deitado) - Aumentar área de assinatura */
@media (max-width: 900px) and (orientation: landscape) {
    .signature-modal[b-coua6pkksg] {
        width: 98vw;
        height: 95vh;
        max-height: 100%;
    }

    .signature-canvas-container[b-coua6pkksg] {
        min-height: 60vh;
    }

    .signature-canvas[b-coua6pkksg] {
        min-height: 55vh;
    }
}

/* Custom Card */

.custom-card[b-coua6pkksg] {
    border: 1px solid var(--border) !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
transform: translateY(0);
    will-change: transform, box-shadow;
}

.custom-card:hover[b-coua6pkksg] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
}
/* _content/PatrimonioGarbo/Components/Pages/TermoResponsabilidade.razor.rz.scp.css */
.custom-card[b-j6yxzak67i] {
    border: 1px solid var(--border) !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
transform: translateY(0);
    will-change: transform, box-shadow;
}

.custom-card:hover:not(.no-lift)[b-j6yxzak67i] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
}

/* Header */
.report-page-header[b-j6yxzak67i] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.report-page-header h2[b-j6yxzak67i] {
    margin: 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.report-page-subtitle[b-j6yxzak67i] {
    margin: 4px 0 0 0;
    color: var(--ink-500);
    font-size: 0.95rem;
}

/* Responsável Info */
.responsavel-info-card[b-j6yxzak67i] {
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    border: 1px solid var(--border);
    border-left: 4px solid var(--primary-500);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.08);
}

.avatar-circle-lg[b-j6yxzak67i] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.initials-lg[b-j6yxzak67i] {
    color: #fff;
    font-weight: 700;
    font-size: 1.25rem;
}

.avatar-circle-sm[b-j6yxzak67i] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-500) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.initials-sm[b-j6yxzak67i] {
    color: #fff;
    font-weight: 600;
    font-size: 0.75rem;
}

/* Selection Toolbar */
.selection-toolbar[b-j6yxzak67i] {
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 12px 16px;
}

.selection-info[b-j6yxzak67i] {
    display: flex;
    align-items: center;
}

/* Loading */
.loading-container[b-j6yxzak67i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 16px;
}

.loading-container p[b-j6yxzak67i] {
    color: var(--ink-500);
    margin: 0;
}

/* Grid */
.termo-assets-grid[b-j6yxzak67i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
}

/* Asset Card */
.termo-asset-card[b-j6yxzak67i] {
    position: relative;
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    border: 2px solid var(--border);
    border-radius: 14px;
    padding: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.termo-asset-card:hover[b-j6yxzak67i] {
    border-color: var(--primary-400);
    box-shadow: 0 4px 16px rgba(42, 99, 239, 0.12);
    transform: translateY(-2px);
}

.termo-asset-card.selected[b-j6yxzak67i] {
    border-color: var(--primary-500);
    background: rgba(42, 99, 239, 0.12) !important;
    box-shadow: 0 4px 20px rgba(42, 99, 239, 0.18);
}
}

/* Badges posicionamento */
.termo-asset-card .badge-unidade[b-j6yxzak67i] {
    position: absolute;
    top: 8px;
    left: 10px;
    right: auto;
}

.selection-badge[b-j6yxzak67i] {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 28px;
    height: 28px;
    background: var(--primary-500);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.85rem;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.3);
    animation: badgePop-b-j6yxzak67i 0.2s ease;
}

@keyframes badgePop-b-j6yxzak67i {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

/* Card elements */
.tc-head[b-j6yxzak67i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.tc-tag[b-j6yxzak67i] {
    font-weight: 800;
    color: var(--ink-900);
    font-size: 1rem;
}

.badge-unidade[b-j6yxzak67i] {
    background: var(--primary-50);
    color: var(--primary-700);
    border: 1px solid #d0e8dc;
    border-radius: 16px;
    padding: 2px 10px;
    font-weight: 600;
    font-size: 0.7rem;
}

.tc-row[b-j6yxzak67i] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
}

.tc-icon[b-j6yxzak67i] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--primary-50);
    color: var(--primary-600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.tc-title small[b-j6yxzak67i] {
    font-size: 0.8rem;
}

.tc-info[b-j6yxzak67i] {
    display: grid;
    gap: 4px;
    font-size: 0.875rem;
    color: var(--ink-700);
}

.tc-info .label[b-j6yxzak67i] {
    font-weight: 600;
    color: var(--ink-900);
    margin-right: 4px;
}

.tc-footer[b-j6yxzak67i] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--border);
}

/* Status badges */
.badge-status[b-j6yxzak67i] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
}

.badge-status-ativo[b-j6yxzak67i] {
    background: #e6f7ed;
    color: #0f7d3d;
}

.badge-status-inativo[b-j6yxzak67i] {
    background: #f0f0f0;
    color: #666;
}

.badge-status-manutencao[b-j6yxzak67i] {
    background: #fff4e0;
    color: #b67200;
}

.badge-status-descartado[b-j6yxzak67i] {
    background: #ffe5e5;
    color: #c52525;
}

/* Action buttons */
.action-buttons-container .btn-lg[b-j6yxzak67i] {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 80px;
}

.action-buttons-container .btn-lg small[b-j6yxzak67i] {
    font-weight: 400;
    font-size: 0.75rem;
}

.btn-lg[b-j6yxzak67i] {
    padding: 14px 24px;
    font-size: 16px;
}

    .btn-lg small[b-j6yxzak67i] {
        font-size: 12px;
        font-weight: 400;
    }

/* Botoes consistentes */
.btn[b-j6yxzak67i] {
    border-radius: 0.75rem;
}

.btn-custom-primary[b-j6yxzak67i] {
    background-color: #2A63EF;
    color: #fff;
    border: none;
}

.btn-custom-primary:hover[b-j6yxzak67i],
.btn-custom-primary:focus[b-j6yxzak67i] {
    background-color: #2152d6;
    color: #fff;
}

/* Alinhar verticalmente a linha de busca */
.card .row.g-3[b-j6yxzak67i] {
    align-items: center !important;
}

/* Label flutuante: compacta sem aumentar a altura */
.autocomplete-custom .mud-input-label[b-j6yxzak67i],
.autocomplete-custom .mud-input-label.mud-shrink[b-j6yxzak67i] {
    transform: translate(12px, -8px) scale(0.85);
}

/* Botao com mesma altura visual do campo */
.card .btn.btn-custom-primary.w-100[b-j6yxzak67i] {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border-radius: 20px;
}

.card .btn.btn-custom-primary.w-100 i[b-j6yxzak67i] {
    font-size: .95rem;
}

.autocomplete-custom .mud-input-outlined .mud-input-outlined-border[b-j6yxzak67i] {
    border-color: #2A63EF !important;
}

.autocomplete-custom .mud-input-outlined.mud-focus-within .mud-input-outlined-border[b-j6yxzak67i] {
    border-color: #2152d6 !important;
}

.autocomplete-custom .mud-input-label[b-j6yxzak67i],
.autocomplete-custom .mud-input-adornment[b-j6yxzak67i],
.autocomplete-custom .mud-input-clear-button[b-j6yxzak67i] {
    color: #2A63EF !important;
}

.autocomplete-custom .mud-progress-circular[b-j6yxzak67i] {
    color: #2A63EF !important;
}

/* Tabela compacta com cabeçalho fixo e badges */
.custom-table-wrapper[b-j6yxzak67i] {
    max-height: 60vh;
    overflow: auto;
    border-radius: .75rem;
    border: 1px solid #eef3f0;
}

.custom-table[b-j6yxzak67i] {
    margin: 0;
    font-size: .84rem;
}

.custom-thead[b-j6yxzak67i] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f9fbfa;
    box-shadow: inset 0 -1px 0 #e6ece8;
}

.custom-table tbody tr:hover[b-j6yxzak67i] {
    background: #f7fffa;
}
/* Selection style for table rows */
.table-active[b-j6yxzak67i] {
    background-color: rgba(42, 99, 239, 0.08) !important;
}

.custom-table tbody tr.table-active:hover[b-j6yxzak67i] {
    background-color: rgba(42, 99, 239, 0.12) !important;
}

/* Badge de unidade na tabela (similar ao card, menor) */
.badge-unidade-table[b-j6yxzak67i] {
    display: inline-block;
    font-size: .68rem;
    padding: 4px 10px;
    border-radius: 14px;
    background: #eaf7f1;
    color: #2457a6;
    white-space: nowrap;
}

/* Badge de status na tabela: tamanho adequado para célula */
.badge-status-table[b-j6yxzak67i] {
    font-size: .70rem;
    padding: 4px 10px;
    border-radius: 14px;
    white-space: nowrap;
}

/* Seção de Assinatura */
.signature-section[b-j6yxzak67i] {
    padding: 0;
}

.signature-captured[b-j6yxzak67i] {
    background: linear-gradient(135deg, #d4edda 0%, #e8f5e9 100%);
    border: 1px solid #c3e6cb;
    border-radius: 10px;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    transition: all 0.3s ease;
}

    .signature-captured:hover[b-j6yxzak67i] {
        border-color: #28a745;
        box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
    }

.signature-status[b-j6yxzak67i] {
    display: flex;
    align-items: center;
    color: #155724;
    font-size: 15px;
}

    .signature-status i[b-j6yxzak67i] {
        font-size: 20px;
    }

.signature-actions[b-j6yxzak67i] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* Responsividade para Mobile */
@media (max-width: 768px) {
    .signature-captured[b-j6yxzak67i] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .signature-status[b-j6yxzak67i] {
        justify-content: center;
    }

    .signature-actions[b-j6yxzak67i] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        width: 100%;
    }

        .signature-actions button[b-j6yxzak67i] {
            width: 100%;
        }
}

/* Animações */
@keyframes slideIn-b-j6yxzak67i {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

.signature-captured[b-j6yxzak67i] {
    animation: slideIn-b-j6yxzak67i 0.3s ease;
}
/* _content/PatrimonioGarbo/Components/Pages/Termos.razor.rz.scp.css */
/* Reports Page Styles */
.report-header[b-u7pbpp874a] {
    margin-bottom: 30px;
}

    .report-header h2[b-u7pbpp874a] {
        margin: 0 0 8px 0;
        font-weight: 700;
        color: var(--ink-900);
        display: flex;
        align-items: center;
    }

.report-subtitle[b-u7pbpp874a] {
    color: var(--ink-500);
    font-size: 1rem;
    margin: 0;
}

/* Reports Grid - 2 columns */
.reports-grid[b-u7pbpp874a] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .reports-grid[b-u7pbpp874a] {
        grid-template-columns: 1fr;
    }
}

/* Report Card */
.report-card[b-u7pbpp874a] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px;
    background: var(--card-bg) !important;
    color: var(--ink-900);
    border-radius: 16px;
    border: 1px solid var(--border);
    box-shadow: 0 4px 15px rgba(42, 99, 239, 0.08);
    text-decoration: none;
    transition: all 0.25s ease;
    cursor: pointer;
}

    .report-card:hover[b-u7pbpp874a] {
        transform: translateY(-4px);
        box-shadow: 0 8px 25px rgba(42, 99, 239, 0.15);
        border-color: var(--primary-400);
    }

        .report-card:hover .report-arrow[b-u7pbpp874a] {
            color: var(--primary-600);
            transform: translateX(4px);
        }

.report-card-full[b-u7pbpp874a] {
    grid-column: span 2;
}

@media (max-width: 768px) {
    .report-card-full[b-u7pbpp874a] {
        grid-column: span 1;
    }
}

/* Report Icon */
.report-icon[b-u7pbpp874a] {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.report-icon-unidade[b-u7pbpp874a] {
    background: linear-gradient(135deg, #2A63EF 0%, #2152d6 100%);
    color: white;
}

.report-icon-responsavel[b-u7pbpp874a] {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    color: white;
}

.report-icon-categoria[b-u7pbpp874a] {
    background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
    color: white;
}

.report-icon-status[b-u7pbpp874a] {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
    color: white;
}

.report-icon-geral[b-u7pbpp874a] {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    color: white;
}

.report-icon-posse[b-u7pbpp874a] {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
    color: white;
}

/* Report Content */
.report-content[b-u7pbpp874a] {
    flex: 1;
    min-width: 0;
}

    .report-content h4[b-u7pbpp874a] {
        margin: 0 0 6px 0;
        font-weight: 700;
        font-size: 1.1rem;
        color: var(--ink-900);
    }

    .report-content p[b-u7pbpp874a] {
        margin: 0;
        font-size: 0.9rem;
        color: var(--ink-500);
        line-height: 1.4;
    }

/* Report Arrow */
.report-arrow[b-u7pbpp874a] {
    color: var(--ink-500);
    font-size: 1.2rem;
    transition: all 0.25s ease;
    flex-shrink: 0;
}

/* Info Box */
.report-info[b-u7pbpp874a] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 22px;
    background: var(--primary-50);
    border-radius: 12px;
    border: 1px solid var(--border);
}

.info-icon[b-u7pbpp874a] {
    color: var(--primary-600);
    font-size: 1.3rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.info-text[b-u7pbpp874a] {
    color: var(--ink-700);
    font-size: 0.95rem;
    line-height: 1.5;
}

    .info-text strong[b-u7pbpp874a] {
        color: var(--primary-700);
    }
/* _content/PatrimonioGarbo/Components/Pages/TermosPorLote.razor.rz.scp.css */
.custom-card[b-yh0sb5vne0] {
    border: 1px solid var(--border) !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
transform: translateY(0);
    will-change: transform, box-shadow;
}

.custom-card:hover:not(.no-lift)[b-yh0sb5vne0] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
}

.custom-card:active:not(.no-lift)[b-yh0sb5vne0] {
    transform: translateY(-1px);
}

/* Card Header */
.custom-card .card-header[b-yh0sb5vne0] {
    background: var(--bg) !important;
    border-bottom: 1px solid var(--border) !important;
    color: var(--ink-900) !important;
}

/* Termo Type Option Cards */
.termo-type-card[b-yh0sb5vne0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 24px;
    background: var(--card-bg) !important;
    border: 2px solid var(--border) !important;
    border-radius: 16px;
    color: var(--ink-900) !important;
    width: 100%;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.termo-type-card:hover[b-yh0sb5vne0] {
    border-color: var(--primary-400) !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(42, 99, 239, 0.15);
}

.termo-type-card.selected[b-yh0sb5vne0] {
    border-color: var(--primary-500) !important;
    background: rgba(42, 99, 239, 0.12) !important;
    box-shadow: 0 4px 20px rgba(42, 99, 239, 0.25);
}

.termo-type-card h5[b-yh0sb5vne0] {
    color: var(--ink-900) !important;
}

.termo-type-card p[b-yh0sb5vne0] {
    color: var(--ink-500) !important;
}

.termo-type-card.disabled[b-yh0sb5vne0] {
    opacity: 0.6;
    cursor: not-allowed;
    background: var(--bg) !important;
}
/* _content/PatrimonioGarbo/Components/Pages/TransferenciaPatrimonio.razor.rz.scp.css */
.custom-card[b-z5xp4a5dvg] {
    border: 1px solid var(--border) !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg, #fff) !important;
    color: var(--ink-900) !important;
transform: translateY(0);
    will-change: transform, box-shadow;
}

.custom-card:hover[b-z5xp4a5dvg] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
}

/* Header */
.report-page-header[b-z5xp4a5dvg] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.report-page-header h2[b-z5xp4a5dvg] {
    margin: 0;
    font-weight: 700;
    color: var(--ink-900);
    display: flex;
    align-items: center;
}

.report-page-subtitle[b-z5xp4a5dvg] {
    margin: 4px 0 0 0;
    color: var(--ink-500);
    font-size: 0.95rem;
}

/* Transfer Container - Responsáveis Side by Side */
.responsaveis-transfer-container[b-z5xp4a5dvg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.responsavel-transfer-card[b-z5xp4a5dvg] {
    flex: 1;
    min-width: 280px;
    max-width: 400px;
    background: linear-gradient(135deg, var(--primary-50) 0%, var(--card-bg) 100%);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.08);
}

.responsavel-transfer-card.origem[b-z5xp4a5dvg] {
    border-left: 4px solid var(--primary-500);
}

.responsavel-transfer-card.destino[b-z5xp4a5dvg] {
    border-left: 4px solid #3b82f6;
    background: linear-gradient(135deg, #eff6ff 0%, var(--card-bg) 100%);
}

.transfer-arrow[b-z5xp4a5dvg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);
    border-radius: 50%;
    color: #fff;
    font-size: 1.25rem;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.25);
}

.transfer-label[b-z5xp4a5dvg] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--primary-600);
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.transfer-label.destino-label[b-z5xp4a5dvg] {
    color: #3b82f6;
}

/* Avatar */
.avatar-circle-lg[b-z5xp4a5dvg] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.avatar-circle-lg.destino-avatar[b-z5xp4a5dvg] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.initials-lg[b-z5xp4a5dvg] {
    color: #fff;
    font-weight: 700;
    font-size: 1.25rem;
}

.avatar-circle-sm[b-z5xp4a5dvg] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-500) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.initials-sm[b-z5xp4a5dvg] {
    color: #fff;
    font-weight: 600;
    font-size: 0.75rem;
}

/* Selection Toolbar */
.selection-toolbar[b-z5xp4a5dvg] {
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 12px 16px;
}

.selection-info[b-z5xp4a5dvg] {
    display: flex;
    align-items: center;
}

/* Loading */
.loading-container[b-z5xp4a5dvg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 16px;
}

.loading-container p[b-z5xp4a5dvg] {
    color: var(--ink-500);
    margin: 0;
}

/* Grid */
.termo-assets-grid[b-z5xp4a5dvg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
}

/* Asset Card */
.termo-asset-card[b-z5xp4a5dvg] {
    position: relative;
    background: var(--card-bg, #fff) !important;
    color: var(--ink-900);
    border: 2px solid var(--border);
    border-radius: 14px;
    padding: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.termo-asset-card:hover[b-z5xp4a5dvg] {
    border-color: var(--primary-400);
    box-shadow: 0 4px 16px rgba(42, 99, 239, 0.12);
    transform: translateY(-2px);
}

.termo-asset-card.selected[b-z5xp4a5dvg] {
    border-color: var(--primary-500);
    background: rgba(42, 99, 239, 0.12) !important;
    box-shadow: 0 4px 20px rgba(42, 99, 239, 0.25);
}

/* Badges posicionamento */
.termo-asset-card .badge-unidade[b-z5xp4a5dvg] {
    position: absolute;
    top: 8px;
    left: 10px;
    right: auto;
}

.selection-badge[b-z5xp4a5dvg] {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 28px;
    height: 28px;
    background: var(--primary-500);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.85rem;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.3);
    animation: badgePop-b-z5xp4a5dvg 0.2s ease;
}

@keyframes badgePop-b-z5xp4a5dvg {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

/* Card elements */
.tc-head[b-z5xp4a5dvg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.tc-tag[b-z5xp4a5dvg] {
    font-weight: 800;
    color: var(--ink-900);
    font-size: 1rem;
}

.badge-unidade[b-z5xp4a5dvg] {
    background: var(--primary-50);
    color: var(--primary-700);
    border: 1px solid #d0e8dc;
    border-radius: 16px;
    padding: 2px 10px;
    font-weight: 600;
    font-size: 0.7rem;
}

.tc-row[b-z5xp4a5dvg] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
}

.tc-icon[b-z5xp4a5dvg] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--primary-50);
    color: var(--primary-600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.tc-title small[b-z5xp4a5dvg] {
    font-size: 0.8rem;
}

.tc-info[b-z5xp4a5dvg] {
    display: grid;
    gap: 4px;
    font-size: 0.875rem;
    color: var(--ink-700);
}

.tc-info .label[b-z5xp4a5dvg] {
    font-weight: 600;
    color: var(--ink-900);
    margin-right: 4px;
}

.tc-footer[b-z5xp4a5dvg] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--border);
}

/* Status badges */
.badge-status[b-z5xp4a5dvg] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
}

.badge-status-ativo[b-z5xp4a5dvg] {
    background: #e6f7ed;
    color: #0f7d3d;
}

.badge-status-inativo[b-z5xp4a5dvg] {
    background: #f0f0f0;
    color: #666;
}

.badge-status-manutencao[b-z5xp4a5dvg] {
    background: #fff4e0;
    color: #b67200;
}

.badge-status-descartado[b-z5xp4a5dvg] {
    background: #ffe5e5;
    color: #c52525;
}

/* Action buttons */
.action-buttons-container .btn-lg[b-z5xp4a5dvg] {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 80px;
}

.action-buttons-container .btn-lg small[b-z5xp4a5dvg] {
    font-weight: 400;
    font-size: 0.75rem;
}

/* Botões consistentes */
.btn[b-z5xp4a5dvg] {
    border-radius: 0.75rem;
}

.btn-custom-primary[b-z5xp4a5dvg] {
    background-color: #2A63EF;
    color: #fff;
    border: none;
}

.btn-custom-primary:hover[b-z5xp4a5dvg],
.btn-custom-primary:focus[b-z5xp4a5dvg] {
    background-color: #2152d6;
    color: #fff;
}

/* Alinhar verticalmente a linha de busca */
.card .row.g-3[b-z5xp4a5dvg] {
    align-items: center !important;
}

/* Label flutuante: compacta sem aumentar a altura */
.autocomplete-custom .mud-input-label[b-z5xp4a5dvg],
.autocomplete-custom .mud-input-label.mud-shrink[b-z5xp4a5dvg] {
    transform: translate(12px, -8px) scale(0.85);
}

/* Botão com mesma altura visual do campo */
.card .btn.btn-custom-primary.w-100[b-z5xp4a5dvg] {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border-radius: 20px;
}

.card .btn.btn-custom-primary.w-100 i[b-z5xp4a5dvg] {
    font-size: .95rem;
}

/* Garantir paleta verde no outlined localmente */
.autocomplete-custom .mud-input-outlined .mud-input-outlined-border[b-z5xp4a5dvg] {
    border-color: #2A63EF !important;
}

.autocomplete-custom .mud-input-outlined.mud-focus-within .mud-input-outlined-border[b-z5xp4a5dvg] {
    border-color: #2152d6 !important;
}

.autocomplete-custom .mud-input-label[b-z5xp4a5dvg],
.autocomplete-custom .mud-input-adornment[b-z5xp4a5dvg],
.autocomplete-custom .mud-input-clear-button[b-z5xp4a5dvg] {
    color: #2A63EF !important;
}

.autocomplete-custom .mud-progress-circular[b-z5xp4a5dvg] {
    color: #2A63EF !important;
}

/* Transfer History Styles */
.transfer-history-grid[b-z5xp4a5dvg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 16px;
}

.transfer-history-card[b-z5xp4a5dvg] {
    background: var(--card-bg) !important;
    color: var(--ink-900);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 2px 8px rgba(42, 99, 239, 0.08);
    transition: all 0.2s ease;
}

.transfer-history-card:hover[b-z5xp4a5dvg] {
    box-shadow: 0 4px 16px rgba(42, 99, 239, 0.15);
    transform: translateY(-2px);
}

.th-header[b-z5xp4a5dvg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border);
}

.th-date[b-z5xp4a5dvg] {
    font-size: 0.85rem;
    color: var(--ink-500);
}

.th-responsaveis[b-z5xp4a5dvg] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.th-responsavel[b-z5xp4a5dvg] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.th-resp-info[b-z5xp4a5dvg] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.th-resp-info small[b-z5xp4a5dvg] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.th-resp-info .fw-semibold[b-z5xp4a5dvg] {
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.th-arrow[b-z5xp4a5dvg] {
    color: var(--primary-500);
    flex-shrink: 0;
}

.th-user[b-z5xp4a5dvg] {
    font-size: 0.8rem;
    color: var(--ink-500);
    padding: 8px 0;
    border-top: 1px dashed var(--border);
    margin-top: 8px;
}

.th-assets-list[b-z5xp4a5dvg] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 200px;
    overflow-y: auto;
}

.th-asset-item[b-z5xp4a5dvg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    background: var(--primary-50);
    border-radius: 8px;
    border: 1px solid var(--border);
}

.th-asset-icon[b-z5xp4a5dvg] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--white);
    color: var(--primary-600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.th-asset-info[b-z5xp4a5dvg] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.th-asset-info .fw-semibold[b-z5xp4a5dvg] {
    font-size: 0.85rem;
}

.th-asset-info small[b-z5xp4a5dvg] {
    font-size: 0.75rem;
}

/* Small avatars for destination */
.destino-avatar-sm[b-z5xp4a5dvg] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}

/* Extra small avatars */
.avatar-circle-xs[b-z5xp4a5dvg] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-500) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.destino-avatar-xs[b-z5xp4a5dvg] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}

.initials-xs[b-z5xp4a5dvg] {
    color: #fff;
    font-weight: 600;
    font-size: 0.6rem;
}

/* Custom table styling */
.custom-thead[b-z5xp4a5dvg] {
    background: var(--primary-50);
}

.custom-thead th[b-z5xp4a5dvg] {
    font-weight: 600;
    color: var(--ink-700);
    font-size: 0.85rem;
    padding: 12px 8px;
    border: none;
}

.expanded-row[b-z5xp4a5dvg] {
    background: var(--primary-50) !important;
}

.expanded-row:hover[b-z5xp4a5dvg] {
    background: var(--primary-50) !important;
}

.expanded-assets-container[b-z5xp4a5dvg] {
    padding: 12px;
}

.expanded-assets-grid[b-z5xp4a5dvg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 8px;
}

.expanded-asset-item[b-z5xp4a5dvg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: var(--white);
    border-radius: 8px;
    border: 1px solid var(--border);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .responsaveis-transfer-container[b-z5xp4a5dvg] {
        flex-direction: column;
    }
    
    .transfer-arrow[b-z5xp4a5dvg] {
        transform: rotate(90deg);
    }
    
    .responsavel-transfer-card[b-z5xp4a5dvg] {
        max-width: 100%;
        width: 100%;
    }

    .transfer-history-grid[b-z5xp4a5dvg] {
        grid-template-columns: 1fr;
    }

    .th-responsaveis[b-z5xp4a5dvg] {
        flex-direction: column;
        align-items: stretch;
    }

    .th-arrow[b-z5xp4a5dvg] {
        align-self: center;
        transform: rotate(90deg);
    }
}

/* Tabela compacta com cabeçalho fixo e badges */
.custom-table-wrapper[b-z5xp4a5dvg] {
    max-height: 60vh;
    overflow: auto;
    border-radius: .75rem;
    border: 1px solid #eef3f0;
}

.custom-table[b-z5xp4a5dvg] {
    margin: 0;
    font-size: .84rem;
}

.custom-thead[b-z5xp4a5dvg] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f9fbfa;
    box-shadow: inset 0 -1px 0 #e6ece8;
}

.custom-table tbody tr:hover[b-z5xp4a5dvg] {
    background: #f7fffa;
}

/* Selection style for table rows */
.table-active[b-z5xp4a5dvg] {
    background-color: rgba(42, 99, 239, 0.08) !important;
}

.custom-table tbody tr.table-active:hover[b-z5xp4a5dvg] {
    background-color: rgba(42, 99, 239, 0.12) !important;
}

/* Badge de unidade na tabela (similar ao card, menor) */
.badge-unidade-table[b-z5xp4a5dvg] {
    display: inline-block;
    font-size: .68rem;
    padding: 4px 10px;
    border-radius: 14px;
    background: #eaf7f1;
    color: #2457a6;
    white-space: nowrap;
}

/* Badge de status na tabela: tamanho adequado para célula */
.badge-status-table[b-z5xp4a5dvg] {
    font-size: .70rem;
    padding: 4px 10px;
    border-radius: 14px;
    white-space: nowrap;
}

/* Seção de Assinatura */
.signature-section[b-z5xp4a5dvg] {
    padding: 0;
}

.signature-captured[b-z5xp4a5dvg] {
    background: linear-gradient(135deg, #d4edda 0%, #e8f5e9 100%);
    border: 1px solid #c3e6cb;
    border-radius: 10px;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    transition: all 0.3s ease;
}

    .signature-captured:hover[b-z5xp4a5dvg] {
        border-color: #28a745;
        box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
    }

.signature-status[b-z5xp4a5dvg] {
    display: flex;
    align-items: center;
    color: #155724;
    font-size: 15px;
}

    .signature-status i[b-z5xp4a5dvg] {
        font-size: 20px;
    }

.signature-actions[b-z5xp4a5dvg] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* Responsividade para Mobile */
@media (max-width: 768px) {
    .signature-captured[b-z5xp4a5dvg] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .signature-status[b-z5xp4a5dvg] {
        justify-content: center;
    }

    .signature-actions[b-z5xp4a5dvg] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        width: 100%;
    }

        .signature-actions button[b-z5xp4a5dvg] {
            width: 100%;
        }
}

/* Animações */
@keyframes slideIn-b-z5xp4a5dvg {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

.signature-captured[b-z5xp4a5dvg] {
    animation: slideIn-b-z5xp4a5dvg 0.3s ease;
}
/* _content/PatrimonioGarbo/Components/Pages/Unidades.razor.rz.scp.css */
/* Unidades Page Styles */

/* CARDS */
.unidade-card[b-x2s5fg7x4h] {
    border: 1px solid var(--border, #e0e0e0);
    border-radius: 12px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    background: var(--card-bg, #fff);
    color: var(--ink-900);
}

.unidade-card:hover[b-x2s5fg7x4h] {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.unidade-inativa[b-x2s5fg7x4h] {
    opacity: 0.6;
    filter: grayscale(30%);
}

.info-grid[b-x2s5fg7x4h] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-item[b-x2s5fg7x4h] {
    display: flex;
    align-items: flex-start;
    font-size: 0.82rem;
    gap: 4px;
}

.info-item .text-truncate[b-x2s5fg7x4h] {
    max-width: 220px;
}

.custom-card[b-x2s5fg7x4h] {
    border: 1px solid var(--border) !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.1), 0 2px 4px 0 rgba(42, 99, 239, 0.08);
    background: var(--card-bg, #fff) !important;
    color: var(--ink-900) !important;
transform: translateY(0);
    will-change: transform, box-shadow;
}

.custom-card:hover[b-x2s5fg7x4h] {
    box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.15), 0 4px 8px 0 rgba(42, 99, 239, 0.12);
    transform: translateY(-3px);
}

.custom-mini-card[b-x2s5fg7x4h] {
    border: 1px solid var(--border) !important;
    border-radius: 1rem !important;
    box-shadow: 0 4px 15px 0 rgba(42,99,239,.13), 0 2px 4px 0 rgba(42,99,239,.11);
    background: var(--card-bg) !important;
    color: var(--ink-900) !important;
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(0);
    will-change: transform, box-shadow;
}

.custom-mini-card:hover[b-x2s5fg7x4h] {
    box-shadow: 0 8px 22px 0 rgba(42,99,239,.19), 0 4px 8px 0 rgba(42,99,239,.15);
    transform: translateY(-3px);
}

.custom-mini-card:active[b-x2s5fg7x4h] {
    transform: translateY(-1px);
}

.custom-mini-card.selected[b-x2s5fg7x4h] {
    border-color: var(--primary-500);
    background: var(--card-bg);
    box-shadow: 0 4px 20px rgba(42, 99, 239, 0.18);
}

.custom-mini-card.selectable[b-x2s5fg7x4h] {
    transition: transform 0.2s ease;
}

.custom-mini-card.selectable:hover[b-x2s5fg7x4h] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.15);
}

.custom-mini-card.selectable:active[b-x2s5fg7x4h] {
    transform: scale(0.98);
}

/* Badge */
.bg[b-x2s5fg7x4h] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 14px;
    white-space: nowrap;
    transition: background 0.2s ease;
}

/* Botões */
.btn-custom-outlined-primary[b-x2s5fg7x4h] {
    border: 2px solid var(--primary-600, #2A63EF);
    color: var(--primary-600, #2A63EF);
    background-color: transparent;
}

.btn-custom-outlined-primary:hover[b-x2s5fg7x4h],
.btn-custom-outlined-primary:focus[b-x2s5fg7x4h] {
    background-color: var(--primary-600, #2152d6);
    border-color: var(--primary-600, #2152d6);
    color: #fff;
}

.btn-custom-primary[b-x2s5fg7x4h] {
    background-color: var(--primary-600, #2A63EF);
    color: #fff;
    border: none;
}

.btn-custom-primary:hover[b-x2s5fg7x4h],
.btn-custom-primary:focus[b-x2s5fg7x4h] {
    background-color: var(--primary-700, #2152d6);
    color: #fff;
}

.btn-outline-danger[b-x2s5fg7x4h] {
    border-radius: .75rem;
}

.btn[b-x2s5fg7x4h] {
    border-radius: .75rem;
}

/* Animações Cards */
@keyframes cardEnter-b-x2s5fg7x4h {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes cardExit-b-x2s5fg7x4h {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.95);
    }
}

.card-enter[b-x2s5fg7x4h] {
    animation: cardEnter-b-x2s5fg7x4h 0.25s ease forwards;
}

.card-exit[b-x2s5fg7x4h] {
    animation: cardExit-b-x2s5fg7x4h 0.2s ease forwards;
}

/* =====================
   FORM ANIMATION
   ===================== */
@keyframes formSlideIn-b-x2s5fg7x4h {
    from {
        opacity: 0;
        transform: translateY(-16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes formSlideOut-b-x2s5fg7x4h {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

.anim-form[b-x2s5fg7x4h] {
    animation: formSlideIn-b-x2s5fg7x4h 0.25s ease forwards;
}

.anim-out[b-x2s5fg7x4h] {
    animation: formSlideOut-b-x2s5fg7x4h 0.25s ease forwards;
}

/* =====================
   MAP CONTAINERS
   ===================== */
.edit-map-container[b-x2s5fg7x4h] {
    height: 350px;
    width: 100%;
    border: 1px solid var(--border, #dee2e6);
    z-index: 0;
}

.units-map-container[b-x2s5fg7x4h] {
    height: 480px;
    width: 100%;
    z-index: 0;
}

/* =====================
   MODAL DE ACORDO COM A RULE theme-dark-light-mode.md
   ===================== */
.modal-backdrop-custom[b-x2s5fg7x4h] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.65) !important;
    backdrop-filter: blur(6px);
    z-index: 1040;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 15px !important;
    animation: fadeInBg-b-x2s5fg7x4h 0.15s ease;
}

@keyframes fadeInBg-b-x2s5fg7x4h {
    from { opacity: 0; }
    to { opacity: 1; }
}

.modal-custom[b-x2s5fg7x4h] {
    position: relative;
    z-index: 1050;
    background: var(--card-bg, #fff) !important;
    border: 1px solid var(--border) !important;
    color: var(--ink-900) !important;
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
    width: 100%;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    max-height: calc(90vh / 0.9) !important;
    overflow: hidden;
    margin: auto;
    animation: modalIn-b-x2s5fg7x4h 0.2s ease;
}

@keyframes modalIn-b-x2s5fg7x4h {
    from {
        opacity: 0;
        transform: scale(0.96);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.modal-custom-header[b-x2s5fg7x4h] {
    background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);
    color: #ffffff;
    padding: 1.25rem 1.5rem;
    font-weight: 600;
    font-size: 1.1rem;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.modal-custom-body[b-x2s5fg7x4h] {
    padding: 1.5rem;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    color: var(--ink-900);
}

.modal-custom-footer[b-x2s5fg7x4h] {
    padding: 1rem 1.5rem;
    background: var(--bg);
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
}

/* RESPONSIVE */
@media (max-width: 576px) {
    .edit-map-container[b-x2s5fg7x4h] {
        height: 250px;
    }

    .units-map-container[b-x2s5fg7x4h] {
        height: 320px;
    }

    .info-item .text-truncate[b-x2s5fg7x4h] {
        max-width: 160px;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   TABELA MODERNA - DESIGN RENOVADO & TEMA COMPATÍVEL
   ══════════════════════════════════════════════════════════════════════════ */

.unidades-table-modern[b-x2s5fg7x4h] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    border: 1px solid var(--border);
}

/* Header da Tabela */
.table-header-row[b-x2s5fg7x4h] {
    display: grid;
    grid-template-columns: 80px 1.5fr 1.2fr 140px 1.8fr 80px 120px 100px 100px;
    gap: 12px;
    padding: 16px 20px;
    background: var(--bg);
    border-bottom: 2px solid var(--border);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-900);
    align-items: center;
}

[data-theme="dark"] .table-header-row[b-x2s5fg7x4h] {
    background: rgba(255, 255, 255, 0.03);
}

/* Linhas da Tabela */
.table-row[b-x2s5fg7x4h] {
    display: grid;
    grid-template-columns: 80px 1.5fr 1.2fr 140px 1.8fr 80px 120px 100px 100px;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border);
    transition: all 0.2s ease;
    align-items: center;
    background: var(--card-bg, #fff);
    color: var(--ink-900);
}

.table-row:hover[b-x2s5fg7x4h] {
    background: rgba(42, 99, 239, 0.06);
    box-shadow: inset 4px 0 0 #2a63ef;
}

.table-row:last-child[b-x2s5fg7x4h] {
    border-bottom: none;
}

/* Células */
.table-cell[b-x2s5fg7x4h] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--ink-900);
    overflow: hidden;
}

/* Status Badge */
.status-badge[b-x2s5fg7x4h] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
}

.status-badge-ativo[b-x2s5fg7x4h] {
    background: rgba(76, 175, 80, 0.1);
    color: #2e7d32;
}

.status-badge-inativo[b-x2s5fg7x4h] {
    background: rgba(189, 189, 189, 0.1);
    color: var(--ink-600);
}

/* Actions com Overflow Visible (Rule 3) */
.cell-actions[b-x2s5fg7x4h],
.table-cell[data-label="Ações"][b-x2s5fg7x4h] {
    justify-content: flex-end;
    overflow: visible !important;
    position: relative;
    z-index: 5;
}

.action-buttons[b-x2s5fg7x4h] {
    display: flex;
    gap: 6px;
    position: relative;
    overflow: visible !important;
}

.btn-action[b-x2s5fg7x4h] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 0.9rem;
    text-decoration: none;
    position: relative;
    z-index: 1;
}

.btn-action:hover[b-x2s5fg7x4h] {
    z-index: 10;
    transform: translateY(-2px);
}

.btn-action-primary[b-x2s5fg7x4h] {
    background: rgba(42, 99, 239, 0.1);
    color: #2a63ef;
}

.btn-action-primary:hover[b-x2s5fg7x4h] {
    background: #2a63ef;
    color: white;
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.3);
}

.btn-action-danger[b-x2s5fg7x4h] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.btn-action-danger:hover[b-x2s5fg7x4h] {
    background: #dc3545;
    color: white;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}

/* Empty State */
.empty-state[b-x2s5fg7x4h] {
    text-align: center;
    padding: 60px 20px;
    color: var(--ink-600);
}

.empty-state i[b-x2s5fg7x4h] {
    font-size: 3.5rem;
    margin-bottom: 16px;
    opacity: 0.4;
    display: block;
}

.empty-state h5[b-x2s5fg7x4h] {
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--ink-900);
}

/* Responsividade Tabela */
@media (max-width: 1200px) {
    .cell-razao[b-x2s5fg7x4h], .cell-cnpj[b-x2s5fg7x4h], .cell-localizacao[b-x2s5fg7x4h] {
        display: none;
    }
    .table-header-row[b-x2s5fg7x4h], .table-row[b-x2s5fg7x4h] {
        grid-template-columns: 80px 1.5fr 1.8fr 80px 100px 100px;
    }
}

@media (max-width: 768px) {
    .table-header-row[b-x2s5fg7x4h] {
        display: none;
    }

    .table-row[b-x2s5fg7x4h] {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 0;
        margin-bottom: 1rem;
        border: 1px solid var(--border);
        border-radius: 0.75rem;
        overflow: hidden;
        background: var(--card-bg);
        box-shadow: 0 2px 8px rgba(42, 99, 239, 0.05);
    }

    .table-cell[b-x2s5fg7x4h] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0.85rem 1.25rem;
        border-bottom: 1px solid var(--border);
        box-sizing: border-box;
        word-break: break-word;
    }

    .table-cell:last-child[b-x2s5fg7x4h] {
        border-bottom: none;
    }

    .table-cell[b-x2s5fg7x4h]::before {
        content: attr(data-label);
        font-weight: 600;
        color: var(--ink-600);
        margin-right: 1rem;
    }

    .cell-razao[b-x2s5fg7x4h], .cell-cnpj[b-x2s5fg7x4h], .cell-localizacao[b-x2s5fg7x4h] {
        display: flex;
    }
    .cell-actions[b-x2s5fg7x4h] {
        justify-content: space-between;
    }
}

/* CARDS MODERNOS UNIDADES - TEMA ADAPTATIVO */
.unidade-modern-card[b-x2s5fg7x4h] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border);
    color: var(--ink-900);
    border-radius: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.unidade-modern-card:hover[b-x2s5fg7x4h] {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(42, 99, 239, 0.15);
}

.unidade-card-header[b-x2s5fg7x4h] {
    height: 60px;
    background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);
    position: relative;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.unidade-inativa .unidade-card-header[b-x2s5fg7x4h] {
    background: linear-gradient(135deg, #64748b 0%, #94a3b8 100%);
}

.unidade-inativa[b-x2s5fg7x4h] {
    opacity: 0.85;
}

.unidade-badge-id[b-x2s5fg7x4h] {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(4px);
    color: white;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.unidade-status-pill[b-x2s5fg7x4h] {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 700;
    background: rgba(255,255,255,0.9);
}

.status-ativa[b-x2s5fg7x4h] {
    color: #2a63ef;
}
.status-inativa[b-x2s5fg7x4h] {
    color: #6c757d;
}

.unidade-card-body[b-x2s5fg7x4h] {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.unidade-title[b-x2s5fg7x4h] {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--ink-900);
    margin-bottom: 4px;
    line-height: 1.2;
}

.unidade-razao[b-x2s5fg7x4h] {
    font-size: 0.85rem;
    color: var(--ink-600, #64748b);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.unidade-info-list[b-x2s5fg7x4h] {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
    flex: 1;
}

.unidade-info-item[b-x2s5fg7x4h] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    font-size: 0.85rem;
    color: var(--ink-600, #475569);
}

.unidade-info-item i[b-x2s5fg7x4h] {
    color: var(--primary-500, #94a3b8);
    width: 16px;
    text-align: center;
}

.unidade-card-footer[b-x2s5fg7x4h] {
    padding: 15px 20px;
    background: var(--bg);
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0 0 20px 20px;
}

.unidade-stats[b-x2s5fg7x4h] {
    display: flex;
    gap: 10px;
}

.unidade-stat[b-x2s5fg7x4h] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ink-900);
    background: var(--card-bg);
    border: 1px solid var(--border);
    padding: 4px 10px;
    border-radius: 10px;
}

.unidade-stat.highlight[b-x2s5fg7x4h] {
    background: rgba(42, 99, 239, 0.12);
    color: var(--primary-600, #2a63ef);
    border-color: rgba(42, 99, 239, 0.2);
}

.unidade-actions[b-x2s5fg7x4h] {
    display: flex;
    gap: 8px;
}

.btn-modern-action[b-x2s5fg7x4h] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    transition: all 0.2s ease;
    cursor: pointer;
}

.btn-modern-edit[b-x2s5fg7x4h] {
    background: rgba(59, 130, 246, 0.12);
    color: #3b82f6;
}
.btn-modern-edit:hover[b-x2s5fg7x4h] {
    background: #3b82f6;
    color: white;
}

.btn-modern-delete[b-x2s5fg7x4h] {
    background: rgba(239, 68, 68, 0.12);
    color: #ef4444;
}
.btn-modern-delete:hover[b-x2s5fg7x4h] {
    background: #ef4444;
    color: white;
}

/* BADGES MODERNOS (TABELA) */
.badge-modern[b-x2s5fg7x4h] {
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid transparent;
}

.badge-modern-gray[b-x2s5fg7x4h] {
    background-color: var(--bg);
    color: var(--ink-900);
    border-color: var(--border);
}

.badge-modern-blue[b-x2s5fg7x4h] {
    background-color: rgba(42, 99, 239, 0.12);
    color: #2563eb;
    border-color: rgba(42, 99, 239, 0.25);
}

.badge-modern-green[b-x2s5fg7x4h] {
    background-color: rgba(5, 150, 105, 0.12);
    color: #059669;
    border-color: rgba(5, 150, 105, 0.25);
}

.badge-modern-red[b-x2s5fg7x4h] {
    background-color: rgba(220, 38, 38, 0.12);
    color: #dc2626;
    border-color: rgba(220, 38, 38, 0.25);
}

.badge-modern-status-ativo[b-x2s5fg7x4h] {
    background-color: rgba(5, 150, 105, 0.12);
    color: #059669;
    border-color: rgba(5, 150, 105, 0.25);
}

.badge-modern-status-inativo[b-x2s5fg7x4h] {
    background-color: var(--bg);
    color: var(--ink-600);
    border-color: var(--border);
}
/* _content/PatrimonioGarbo/Components/Pages/Usuarios.razor.rz.scp.css */
.custom-card[b-musanqwkan] {
    border: none !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 15px 0 rgba(42, 99, 239, 0.13), 0 2px 4px 0 rgba(42, 99, 239, 0.11);
    background: var(--card-bg);
}

    .custom-card:hover[b-musanqwkan] {
        box-shadow: 0 8px 22px 0 rgba(42, 99, 239, 0.19), 0 4px 8px 0 rgba(42, 99, 239, 0.15);
    }

.btn-custom-outlined-primary[b-musanqwkan] {
    border: 2px solid var(--primary-500);
    color: var(--primary-500);
    background-color: transparent;
}
    .btn-custom-outlined-primary:hover[b-musanqwkan],
    .btn-custom-outlined-primary:focus[b-musanqwkan] {
        background-color: var(--primary-600);
        border-color: var(--primary-600);
        color: #fff;
    }

.btn-custom-primary[b-musanqwkan] {
    background-color: var(--primary-500);
    color: #fff;
    border: none;
}

    .btn-custom-primary:hover[b-musanqwkan],
    .btn-custom-primary:focus[b-musanqwkan] {
        background-color: var(--primary-600);
        color: #fff;
    }

.btn-outline-danger[b-musanqwkan] {
    border-radius: 0.75rem;
}

.btn[b-musanqwkan] {
    border-radius: 0.75rem;
}

/* Animacao de entrada do formulario */
.anim-form[b-musanqwkan] {
    animation: formFadeSlide-b-musanqwkan .35s ease-out;
    transform-origin: top center;
}
@keyframes formFadeSlide-b-musanqwkan {
    0% { opacity:0; transform: translateY(-12px) scale(.98); }
    60% { opacity:1; transform: translateY(2px) scale(1); }
    100% { opacity:1; transform: translateY(0) scale(1); }
}

/* Animacao de saída */
.anim-out[b-musanqwkan] {
    animation: formFadeOut-b-musanqwkan .35s ease-in forwards;
}
@keyframes formFadeOut-b-musanqwkan {
    0% { opacity:1; transform: translateY(0) scale(1); }
    40% { opacity:.55; transform: translateY(4px) scale(.995); }
    100% { opacity:0; transform: translateY(-10px) scale(.96); }
}

/* Cards animations */
.user-card-wrapper.card-enter[b-musanqwkan] { animation: cardAppear-b-musanqwkan .45s cubic-bezier(.16,.8,.3,1); }
@keyframes cardAppear-b-musanqwkan {
    0% { opacity:0; transform: scale(.92) translateY(12px); }
    40% { opacity:1; transform: scale(1.02) translateY(-3px); }
    100% { opacity:1; transform: scale(1) translateY(0); }
}
.user-card-wrapper.card-exit[b-musanqwkan] { animation: cardExit-b-musanqwkan .35s cubic-bezier(.55,.06,.68,.19) forwards; }
@keyframes cardExit-b-musanqwkan {
    0% { opacity:1; transform: scale(1) translateY(0); }
    70% { opacity:.35; transform: scale(.92) translateY(6px); }
    100% { opacity:0; transform: scale(.85) translateY(-10px); }
}

/* Estilo Moderno do Card */
.modern-card[b-musanqwkan] {
    background: var(--card-bg, #ffffff);
    border-radius: 16px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    transition: all 0.3s ease;
    border: 1px solid var(--border, #f0f0f0) !important;
}

    .modern-card:hover[b-musanqwkan] {
        transform: translateY(-4px);
        box-shadow: 0 12px 24px rgba(42, 99, 239, 0.12);
        border-color: var(--primary-500) !important;
    }

/* Avatar com Iniciais */
.avatar-circle[b-musanqwkan] {
    width: 48px;
    height: 48px;
    background-color: var(--primary-50, #e8f0fd);
    color: var(--primary-500, #2A63EF);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
}

/* Badges "Soft" (Fundo claro, texto escuro) */
.bg-soft-primary[b-musanqwkan] {
    background-color: var(--primary-50, #e8f0fd) !important;
    color: var(--primary-600, #2563eb) !important;
    font-weight: 600;
    padding: 0.35em 0.8em;
}

.bg-soft-success[b-musanqwkan] {
    background-color: #d1fae5 !important;
    color: #065f46 !important; /* Verde escuro */
    font-weight: 600;
    padding: 0.35em 0.8em;
}

.bg-soft-secondary[b-musanqwkan] {
    background-color: var(--input-bg, #f3f4f6) !important;
    color: var(--ink-500, #4b5563) !important;
    font-weight: 600;
    padding: 0.35em 0.8em;
}

/* Grid de Informações */
.info-grid[b-musanqwkan] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.info-item[b-musanqwkan] {
    display: flex;
    align-items: center;
    font-size: 0.95rem;
    color: var(--ink-700, #495057);
}

/* Botões de Ícone */
.btn-icon[b-musanqwkan] {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.2s;
}

.btn-light[b-musanqwkan] {
    background-color: var(--input-bg, #f8f9fa);
    border: 1px solid var(--border, transparent);
    color: var(--ink-700, #495057);
}

    .btn-light:hover[b-musanqwkan] {
        background-color: var(--primary-50, #e9ecef);
        color: var(--primary-600, #2563eb);
    }

.btn-light-danger[b-musanqwkan] {
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid transparent;
}

    .btn-light-danger:hover[b-musanqwkan] {
        background-color: rgba(220, 53, 69, 0.2);
        color: #dc2626;
    }

/* ══════════════════════════════════════════════════════════════════════════
   TABELA MODERNA - DESIGN RENOVADO
   ══════════════════════════════════════════════════════════════════════════ */

.usuarios-table-modern[b-musanqwkan] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ── Header da Tabela ─────────────────────────────────────────────────────── */
.table-header-row[b-musanqwkan] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1.5fr 100px 100px 1.2fr 160px;
    gap: 12px;
    padding: 16px 20px;
    background: var(--bg);
    border-bottom: 2px solid var(--border);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ink-700);
    align-items: center;
}

/* ── Linhas da Tabela ─────────────────────────────────────────────────────── */
.table-row[b-musanqwkan] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1.5fr 100px 100px 1.2fr 160px;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border, #e6ece9);
    transition: all 0.2s ease;
    align-items: center;
    background: var(--card-bg, #fff);
}

.table-row:hover[b-musanqwkan] {
    background: rgba(42, 99, 239, 0.04);
    box-shadow: inset 4px 0 0 #2a63ef;
}

.table-row:last-child[b-musanqwkan] {
    border-bottom: none;
}

/* ── Células ──────────────────────────────────────────────────────────────── */
.table-cell[b-musanqwkan] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--ink-900, #0b1f17);
    overflow: hidden;
}

/* ── Status Badge ─────────────────────────────────────────────────────────── */
.status-badge[b-musanqwkan] {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
}

.status-badge-ativo[b-musanqwkan] {
    background: rgba(76, 175, 80, 0.1);
    color: #2e7d32;
}

.status-badge-inativo[b-musanqwkan] {
    background: rgba(189, 189, 189, 0.1);
    color: #666;
}

/* ── Actions ──────────────────────────────────────────────────────────────── */
.cell-actions[b-musanqwkan] {
    justify-content: flex-end;
}

.action-buttons[b-musanqwkan] {
    display: flex;
    gap: 6px;
}

.btn-action[b-musanqwkan] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    text-decoration: none;
}

.btn-action-primary[b-musanqwkan] {
    background: rgba(42, 99, 239, 0.1);
    color: #2a63ef;
}

.btn-action-primary:hover[b-musanqwkan] {
    background: #2a63ef;
    color: white;
}

.btn-action-secondary[b-musanqwkan] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

.btn-action-secondary:hover[b-musanqwkan] {
    background: #6c757d;
    color: white;
}

.btn-action-danger[b-musanqwkan] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.btn-action-danger:hover[b-musanqwkan] {
    background: #dc3545;
    color: white;
}

/* Responsividade */
@media (max-width: 992px) {
    .cell-email[b-musanqwkan], .cell-ultimologin[b-musanqwkan] {
        display: none;
    }
    .table-header-row[b-musanqwkan], .table-row[b-musanqwkan] {
        grid-template-columns: 1.5fr 1fr 100px 100px 160px;
    }
}

@media (max-width: 768px) {
    .table-header-row[b-musanqwkan] {
        display: none;
    }

    .table-row[b-musanqwkan] {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 0;
        margin-bottom: 1rem;
        border: 1px solid var(--border, #e9ecef);
        border-radius: 0.75rem;
        overflow: hidden;
        background: var(--card-bg, #ffffff);
        box-shadow: 0 2px 8px rgba(42, 99, 239, 0.05);
    }

    .table-cell[b-musanqwkan] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0.85rem 1.25rem;
        border-bottom: 1px solid var(--border, #f1f3f5);
        box-sizing: border-box;
        word-break: break-word;
    }

    .table-cell:last-child[b-musanqwkan] {
        border-bottom: none;
    }

    .table-cell[b-musanqwkan]::before {
        content: attr(data-label);
        font-weight: 600;
        color: var(--ink-700);
        margin-right: 1rem;
    }

    .cell-email[b-musanqwkan], .cell-ultimologin[b-musanqwkan] {
        display: flex;
    }
    .cell-actions[b-musanqwkan] {
        justify-content: space-between;
    }
}

/* _content/PatrimonioGarbo/Components/Pages/ValidarAssinatura.razor.rz.scp.css */
.validar-page[b-gcdathswlr] {
    min-height: var(--sidebar-viewport-height, 100vh);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 12px;
    background: linear-gradient(135deg, #2A63EF 0%, #5584f3 45%, #ACF047 100%);
}

.validar-card[b-gcdathswlr] {
    width: 100%;
    max-width: 780px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: #fff;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .18);
    overflow: hidden;
    animation: cardEntrance-b-gcdathswlr 0.6s ease-out;
}

@keyframes cardEntrance-b-gcdathswlr {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }

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

.consulta-brand-strip[b-gcdathswlr] {
    background: linear-gradient(135deg, #2A63EF 0%, #5584f3 50%, #E75733 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 16px;
}

.consulta-brand-strip img[b-gcdathswlr] {
    max-height: 62px;
    width: auto;
}

.validar-header[b-gcdathswlr],
.validar-section[b-gcdathswlr],
.resultado-box[b-gcdathswlr],
.status-box[b-gcdathswlr] {
    margin: 0 20px 16px;
}

.validar-header[b-gcdathswlr] {
    margin-top: 20px;
}

.validar-title[b-gcdathswlr] {
    color: #2A63EF;
    margin-bottom: 4px;
}

.validar-section[b-gcdathswlr] {
    padding: 14px;
    border: 1px solid #eceff4;
    border-radius: 12px;
    background: #fafbfd;
}

.scanner-box[b-gcdathswlr] {
    margin-top: 10px;
    min-height: 230px;
    border-radius: 10px;
    overflow: hidden;
    background: #000;
    position: relative;
}

.status-box[b-gcdathswlr] {
    padding: 10px 12px;
    border-radius: 10px;
    font-weight: 600;
}

.status-success[b-gcdathswlr] {
    background: #eaf8ee;
    color: #198754;
}

.status-warning[b-gcdathswlr] {
    background: #fff8e1;
    color: #9f6f00;
}

.status-danger[b-gcdathswlr] {
    background: #fdecec;
    color: #dc3545;
}

.resultado-box[b-gcdathswlr] {
    border: 1px solid #dfe5ef;
    border-radius: 12px;
    background: #f8fbff;
    padding: 14px;
}

@media (max-width: 576px) {
    .validar-header[b-gcdathswlr],
    .validar-section[b-gcdathswlr],
    .resultado-box[b-gcdathswlr],
    .status-box[b-gcdathswlr] {
        margin-left: 12px;
        margin-right: 12px;
    }
}
/* _content/PatrimonioGarbo/Components/Shared/ActionDropdownMenu.razor.rz.scp.css */
.btn-menu-trigger[b-9igg1oghfo] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid var(--border, #e2e8f0);
    background: var(--input-bg, #ffffff);
    color: var(--ink-900, #475569);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 0.9rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.btn-menu-trigger:hover[b-9igg1oghfo],
.btn-menu-trigger.active[b-9igg1oghfo] {
    background: var(--primary-600, #2a63ef);
    color: #ffffff;
    border-color: var(--primary-600, #2a63ef);
    box-shadow: 0 4px 12px rgba(42, 99, 239, 0.3);
    transform: translateY(-1px);
}

.custom-action-dropdown-menu[b-9igg1oghfo] {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 1060;
    min-width: 210px;
    padding: 8px;
    background: var(--card-bg, #ffffff);
    border-radius: 14px;
    border: 1px solid var(--border, rgba(42, 99, 239, 0.12));
    box-shadow: 0 12px 32px -4px rgba(0, 0, 0, 0.3), 0 4px 12px -2px rgba(0, 0, 0, 0.15);
    animation: dropdownSlideIn-b-9igg1oghfo 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    transform-origin: top right;
}

@keyframes dropdownSlideIn-b-9igg1oghfo {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

[b-9igg1oghfo] .action-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 8px 10px;
    border: none;
    background: transparent;
    border-radius: 8px;
    color: var(--ink-900, #334155);
    font-size: 0.84rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

[b-9igg1oghfo] .action-menu-item:hover {
    background: var(--primary-50, rgba(42, 99, 239, 0.07));
    color: var(--primary-400, #2a63ef);
    transform: translateX(2px);
}

[b-9igg1oghfo] .action-menu-item.danger-item:hover {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

[b-9igg1oghfo] .action-menu-icon {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    flex-shrink: 0;
    transition: all 0.15s ease;
}

[b-9igg1oghfo] .icon-blue { background: rgba(42, 99, 239, 0.1); color: #2a63ef; }
[b-9igg1oghfo] .icon-purple { background: rgba(139, 92, 246, 0.1); color: #8b5cf6; }
[b-9igg1oghfo] .icon-green { background: rgba(16, 185, 129, 0.1); color: #10b981; }
[b-9igg1oghfo] .icon-amber { background: rgba(245, 158, 11, 0.1); color: #f59e0b; }
[b-9igg1oghfo] .icon-red { background: rgba(239, 68, 68, 0.1); color: #ef4444; }

[b-9igg1oghfo] .action-menu-item:hover .icon-blue { background: #2a63ef; color: #fff; }
[b-9igg1oghfo] .action-menu-item:hover .icon-purple { background: #8b5cf6; color: #fff; }
[b-9igg1oghfo] .action-menu-item:hover .icon-green { background: #10b981; color: #fff; }
[b-9igg1oghfo] .action-menu-item:hover .icon-amber { background: #f59e0b; color: #fff; }
[b-9igg1oghfo] .action-menu-item:hover .icon-red { background: #ef4444; color: #fff; }

[b-9igg1oghfo] .action-menu-text {
    flex: 1;
    text-align: center;
    font-weight: 500;
}

[b-9igg1oghfo] .action-menu-badge-slot {
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
}

[b-9igg1oghfo] .menu-divider {
    height: 1px;
    background: var(--border, #f1f5f9);
    margin: 4px 0;
}
/* _content/PatrimonioGarbo/Components/Shared/BarcodeScannerOverlay.razor.rz.scp.css */
.overlay-top-center[b-n90xnyky5s] {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding-top: 40px;
}
.conteudo-overlay[b-n90xnyky5s] {
    background: white;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,.2);
    max-width: 95vw;
}
.scanner-controls[b-n90xnyky5s] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
}
.scanner-mode-toggle[b-n90xnyky5s] {
    flex: 0 0 auto;
}
.scanner-mode-toggle .btn-group[b-n90xnyky5s] {
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    border-radius: 6px;
    display: flex;
}
.scanner-mode-toggle .btn[b-n90xnyky5s] {
    font-weight: 600;
    font-size: 0.8rem;
    padding: 6px 12px;
    border-width: 1px;
    border-style: solid;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.scanner-mode-toggle .btn:first-child[b-n90xnyky5s] {
    border-radius: 6px 0 0 6px;
    border-right-width: 0.5px;
}
.scanner-mode-toggle .btn:last-child[b-n90xnyky5s] {
    border-radius: 0 6px 6px 0;
    border-left-width: 0.5px;
}
.scanner-mode-toggle .btn-primary[b-n90xnyky5s] {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: white !important;
}
.scanner-mode-toggle .btn-primary:hover[b-n90xnyky5s],
.scanner-mode-toggle .btn-primary:focus[b-n90xnyky5s] {
    background-color: #0b5ed7 !important;
    border-color: #0a58ca !important;
    color: white !important;
}
.scanner-mode-toggle .btn-outline-primary[b-n90xnyky5s] {
    color: #0d6efd !important;
    border-color: #0d6efd !important;
    background-color: white !important;
}
.scanner-mode-toggle .btn-outline-primary:hover[b-n90xnyky5s],
.scanner-mode-toggle .btn-outline-primary:focus[b-n90xnyky5s] {
    color: white !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}
.library-selector[b-n90xnyky5s] {
    flex: 0 0 auto;
    min-width: 180px;
    max-width: 250px;
    margin-left: auto;
}
.library-selector .form-select[b-n90xnyky5s] {
    font-size: 0.85rem;
}

/* Responsividade Mobile */
@media (max-width: 768px) {
    .overlay-top-center[b-n90xnyky5s] {
        padding: 10px !important;
        align-items: center !important;
    }

    .conteudo-overlay[b-n90xnyky5s] {
        padding: 16px;
        border-radius: 8px;
        width: 100%;
        max-width: 100vw;
    }

    .scanner-controls[b-n90xnyky5s] {
        gap: 10px;
        justify-content: center;
    }

    .scanner-mode-toggle[b-n90xnyky5s] {
        flex: 1 1 100%;
        order: 1;
    }

    .scanner-mode-toggle .btn-group[b-n90xnyky5s] {
        width: 100%;
    }

    .scanner-mode-toggle .btn[b-n90xnyky5s] {
        flex: 1;
        font-size: 0.75rem;
        padding: 8px 10px;
        white-space: nowrap;
    }

    .library-selector[b-n90xnyky5s] {
        flex: 1 1 100%;
        order: 2;
        margin-left: 0;
        max-width: 100%;
        min-width: 100%;
    }

    .library-selector .form-label[b-n90xnyky5s] {
        font-size: 0.75rem;
        margin-bottom: 4px;
    }

    #barcode-scanner[b-n90xnyky5s] {
        width: 100%;
        border-radius: 8px;
        margin-top: 10px;
    }

    .conteudo-overlay > div[style*="justify-content"][b-n90xnyky5s] {
        padding-top: 8px !important;
        gap: 8px !important;
    }

    .conteudo-overlay .btn[b-n90xnyky5s] {
        font-size: 0.85rem;
        padding: 8px 12px;
    }

    .conteudo-overlay .btn i[b-n90xnyky5s] {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .scanner-mode-toggle .btn[b-n90xnyky5s] {
        font-size: 0.7rem;
        padding: 6px 8px;
    }

    .scanner-mode-toggle .btn i[b-n90xnyky5s] {
        display: none;
    }

    .conteudo-overlay .btn[b-n90xnyky5s] {
        font-size: 0.8rem;
        padding: 6px 10px;
    }
}

#barcode-scanner[b-n90xnyky5s] {
    position: relative;
    width: 640px;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border: 2px solid #ddd;
    border-radius: 10px;
    background: #000;
}

#barcode-scanner video[b-n90xnyky5s],
#barcode-scanner canvas[b-n90xnyky5s] {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    display: block;
}
/* _content/PatrimonioGarbo/Components/Shared/MultiSelectDropdown.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   DROPDOWNS CUSTOMIZADOS
   ══════════════════════════════════════════════════════════════════════════ */

.custom-dropdown[b-87sh01o2ng] {
    position: relative;
    width: 100%;
    z-index: 100;
}

.custom-dropdown.open[b-87sh01o2ng] {
    z-index: 1100;
}

.custom-dropdown-trigger[b-87sh01o2ng] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.85rem;
    min-height: 42px;
    height: 42px;
    background: var(--input-bg, white);
    border: 1px solid var(--input-border, #ced4da);
    border-radius: 12px;
    color: var(--ink-900);
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    z-index: 101;
}

.custom-dropdown-trigger:hover[b-87sh01o2ng] {
    border-color: var(--primary-500);
}

.custom-dropdown.open .custom-dropdown-trigger[b-87sh01o2ng] {
    border-color: var(--primary-500);
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.15);
}

.custom-dropdown-trigger .selected-text[b-87sh01o2ng] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ink-900);
    font-size: 0.875rem;
}

.custom-dropdown-trigger i[b-87sh01o2ng] {
    color: var(--ink-500);
    font-size: 0.75rem;
    transition: transform 0.2s;
}

.custom-dropdown.open .custom-dropdown-trigger i[b-87sh01o2ng] {
    transform: rotate(180deg);
}

.custom-dropdown-options[b-87sh01o2ng] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--card-bg, white);
    border: 1px solid var(--border, #dee2e6);
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: 1200 !important;
}

.custom-dropdown-options.show[b-87sh01o2ng] {
    max-height: 280px;
    overflow-y: auto;
    opacity: 1;
}

.dropdown-option[b-87sh01o2ng] {
    padding: 0.6rem 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--ink-900);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}

.dropdown-option:hover[b-87sh01o2ng] {
    background: var(--primary-50);
    color: var(--primary-600);
}

.dropdown-option.selected[b-87sh01o2ng] {
    background: var(--primary-50);
    color: var(--primary-600);
    font-weight: 600;
}

.dropdown-search-container[b-87sh01o2ng] {
    padding: 0.5rem;
    position: sticky;
    top: 0;
    background: var(--card-bg, #ffffff);
    border-bottom: 1px solid var(--border, #dee2e6);
    z-index: 10;
}

.dropdown-search-input[b-87sh01o2ng] {
    font-size: 0.875rem;
    padding: 0.4rem 0.75rem;
    width: 100%;
    border: 1px solid var(--input-border, #ced4da);
    border-radius: 8px;
    color: var(--ink-900);
    background-color: var(--input-bg, #fff);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dropdown-search-input:focus[b-87sh01o2ng] {
    color: var(--ink-900);
    background-color: var(--input-bg, #fff);
    border-color: var(--primary-500);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(42, 99, 239, 0.15);
}
/* _content/PatrimonioGarbo/Components/Shared/NovaAssinaturaModal.razor.rz.scp.css */
.equip-overlay[b-24mmm2yuz9] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 60px;
    z-index: 1050;
}

.equip-modal[b-24mmm2yuz9] {
    width: clamp(340px, 75vw, 900px);
    max-height: 85vh;
    background: #fff;
    border-radius: 1.1rem;
    box-shadow: 0 8px 28px rgba(0,0,0,.25);
    padding: 20px 22px;
    display: flex;
    flex-direction: column;
    animation: modalIn-b-24mmm2yuz9 .28s ease;
}

@keyframes modalIn-b-24mmm2yuz9 {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* _content/PatrimonioGarbo/Components/Shared/SelectDropdown.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   DROPDOWNS CUSTOMIZADOS
   ══════════════════════════════════════════════════════════════════════════ */

.custom-dropdown[b-6fdv6wwf5e] {
    position: relative;
    width: 100%;
    z-index: 100;
}

.custom-dropdown.open[b-6fdv6wwf5e] {
    z-index: 1050;
}

.custom-dropdown-trigger[b-6fdv6wwf5e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.85rem;
    min-height: 42px;
    height: 42px;
    background: var(--input-bg, white);
    border: 1px solid var(--input-border, #ced4da);
    border-radius: 12px;
    color: var(--ink-900);
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    z-index: 101;
}

.custom-dropdown-trigger:hover[b-6fdv6wwf5e] {
    border-color: var(--primary-500);
}

.custom-dropdown.open .custom-dropdown-trigger[b-6fdv6wwf5e] {
    border-color: var(--primary-500);
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.15);
}

.custom-dropdown-trigger .selected-text[b-6fdv6wwf5e] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ink-900);
    font-size: 0.875rem;
}

.custom-dropdown-trigger i[b-6fdv6wwf5e] {
    color: var(--ink-500);
    font-size: 0.75rem;
    transition: transform 0.2s;
}

.custom-dropdown.open .custom-dropdown-trigger i[b-6fdv6wwf5e] {
    transform: rotate(180deg);
}

.custom-dropdown-options[b-6fdv6wwf5e] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--card-bg, white);
    border: 1px solid var(--border, #dee2e6);
    border-radius: 12px;
    box-shadow: 0 8px 24px var(--shadow-color, rgba(0, 0, 0, 0.15));
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.2s ease;
    z-index: 1060;
}

.custom-dropdown-options.show[b-6fdv6wwf5e] {
    max-height: 300px;
    overflow-y: auto;
    opacity: 1;
}

.dropdown-option[b-6fdv6wwf5e] {
    padding: 0.6rem 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--ink-900);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}

.dropdown-option:hover[b-6fdv6wwf5e] {
    background: var(--primary-50);
    color: var(--primary-600);
}

.dropdown-option.selected[b-6fdv6wwf5e] {
    background: var(--primary-50);
    color: var(--primary-600);
    font-weight: 600;
}

.dropdown-search-container[b-6fdv6wwf5e] {
    padding: 0.5rem;
    position: sticky;
    top: 0;
    background: var(--card-bg, #ffffff);
    border-bottom: 1px solid var(--border, #dee2e6);
    z-index: 10;
}

.dropdown-search-input[b-6fdv6wwf5e] {
    font-size: 0.875rem;
    padding: 0.4rem 0.75rem;
    width: 100%;
    border: 1px solid var(--input-border, #ced4da);
    border-radius: 8px;
    color: var(--ink-900);
    background-color: var(--input-bg, #fff);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dropdown-search-input:focus[b-6fdv6wwf5e] {
    color: var(--ink-900);
    background-color: var(--input-bg, #fff);
    border-color: var(--primary-500);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(42, 99, 239, 0.15);
}
/* _content/PatrimonioGarbo/Components/Shared/SignatureModal.razor.rz.scp.css */
.overlay-center[b-85z89ynzr4] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px;
}

.signature-modal[b-85z89ynzr4] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,.3);
    width: 90vw;
    max-width: 800px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.signature-modal-header[b-85z89ynzr4] {
    padding: 20px 24px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.signature-modal-header h5[b-85z89ynzr4] {
    color: #2A63EF;
    font-weight: 600;
    margin: 0;
}

.signature-modal-body[b-85z89ynzr4] {
    padding: 24px;
    flex: 1;
    overflow-y: auto;
}

.signature-instructions[b-85z89ynzr4] {
    background: #f0f7ff;
    border: 1px solid #d0e7ff;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 20px;
    color: #1565c0;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.signature-canvas-container[b-85z89ynzr4] {
    position: relative;
    background: #fafafa;
    border: 2px dashed #ccc;
    border-radius: 12px;
    padding: 16px;
    min-height: 300px;
}

.signature-canvas[b-85z89ynzr4] {
    width: 100%;
    height: 100%;
    min-height: 250px;
    background: white;
    border-radius: 8px;
    cursor: crosshair;
    touch-action: none;
    display: block;
}

.signature-canvas-placeholder[b-85z89ynzr4] {
    position: absolute;
    inset: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #999;
    font-size: 18px;
    pointer-events: none;
    background: white;
    border-radius: 8px;
}

.signature-canvas-placeholder i[b-85z89ynzr4] {
    font-size: 48px;
    opacity: 0.3;
}

.signature-modal-footer[b-85z89ynzr4] {
    padding: 16px 24px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    gap: 12px;
    align-items: center;
}

@media (max-width: 768px) {
    .signature-modal[b-85z89ynzr4] {
        width: 100vw;
        height: 100vh;
        max-width: 100%;
        max-height: 100%;
        border-radius: 0;
    }

    .signature-canvas-container[b-85z89ynzr4] {
        min-height: 400px;
    }

    .signature-canvas[b-85z89ynzr4] {
        min-height: 350px;
    }

    .signature-modal-footer[b-85z89ynzr4] {
        flex-wrap: wrap;
    }

    .signature-modal-footer button[b-85z89ynzr4] {
        flex: 1;
        min-width: 120px;
    }
}
/* _content/PatrimonioGarbo/Components/Shared/Tabs/CustomTabs.razor.rz.scp.css */
/* Container */
.custom-tabs-container[b-4d1nponvth] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Desktop Headers */
[b-4d1nponvth] .custom-tabs-headers {
    display: flex;
    gap: 8px;
    border-bottom: 2px solid var(--border, #e6ecfb);
    margin-bottom: 16px;
    padding-bottom: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

[b-4d1nponvth] .custom-tabs-headers::-webkit-scrollbar {
    display: none;
}

[b-4d1nponvth] .custom-tab-btn {
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    padding: 10px 16px;
    font-weight: 600;
    color: var(--ink-700, #6c757d);
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 6px 6px 0 0;
    margin-bottom: -2px; /* Overlap border */
    white-space: nowrap;
    display: flex;
    align-items: center;
}

[b-4d1nponvth] .custom-tab-btn:hover {
    color: var(--primary-600, #2A63EF);
    background: var(--primary-50, #f8faff);
}

[b-4d1nponvth] .custom-tab-btn.active {
    color: var(--primary-600, #2A63EF);
    border-bottom-color: var(--primary-500, #2A63EF);
}

[b-4d1nponvth] .custom-tab-btn i {
    font-size: 0.9rem;
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    [b-4d1nponvth] .custom-tab-section {
        background: var(--card-bg, #fff);
        border-radius: 12px;
        margin-bottom: 12px;
        border: 1px solid var(--border, #e6ecfb);
        box-shadow: 0 4px 15px rgba(0,0,0,.03);
        overflow: hidden;
    }

    [b-4d1nponvth] .custom-tab-section.desktop-hidden {
        display: block;
    }

    [b-4d1nponvth] .custom-tab-body.mobile-collapsed {
        display: none;
    }

    [b-4d1nponvth] .custom-tab-body.mobile-expanded {
        display: block;
    }

    [b-4d1nponvth] .custom-tab-mobile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 14px 16px;
        cursor: pointer;
        background: var(--card-bg, #fff);
        transition: background 0.2s;
    }

    [b-4d1nponvth] .custom-tab-mobile-header.expanded {
        border-bottom: 1px solid var(--border, #e6ecfb);
    }

    [b-4d1nponvth] .custom-tab-mobile-header:hover {
        background: var(--primary-50, #f8faff);
    }

    [b-4d1nponvth] .custom-tab-mobile-header h6 {
        color: var(--ink-900, #334056);
    }

    [b-4d1nponvth] .custom-tab-mobile-header.expanded h6 {
        color: var(--primary-600, #2A63EF);
    }

    [b-4d1nponvth] .custom-tab-mobile-header i {
        color: var(--ink-500, #6c757d);
    }

    [b-4d1nponvth] .custom-tab-mobile-header.expanded i {
        color: var(--primary-600, #2A63EF);
    }

    [b-4d1nponvth] .transition-icon {
        transition: transform 0.3s ease;
    }

    [b-4d1nponvth] .custom-tab-mobile-header.expanded .transition-icon {
        transform: rotate(-180deg);
    }

    [b-4d1nponvth] .custom-tab-body-inner {
        padding: 16px;
    }
}

/* Desktop Styles */
@media (min-width: 768px) {
    [b-4d1nponvth] .custom-tab-section {
        border: none !important;
        margin-bottom: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    [b-4d1nponvth] .custom-tab-section.desktop-hidden {
        display: none;
    }

    [b-4d1nponvth] .custom-tab-section.desktop-active {
        display: block;
        animation: fadeIn-b-4d1nponvth 0.3s ease;
    }

    [b-4d1nponvth] .custom-tab-body.mobile-collapsed {
        display: block !important;
    }

    [b-4d1nponvth] .custom-tab-body-inner {
        padding: 0; /* Let inner content manage padding or rely on a wrapper card */
    }
}

@keyframes fadeIn-b-4d1nponvth {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/PatrimonioGarbo/Components/Shared/TermoObservacaoModal.razor.rz.scp.css */
.overlay-center[b-j6s3cyoq34] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px;
}

.observacao-label[b-j6s3cyoq34] {
    display: block;
    font-weight: 600;
    font-size: 0.95rem;
    color: #2c3e50;
    margin-bottom: 10px;
}

.observacao-asset-box[b-j6s3cyoq34] {
    background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%);
    border: 2px solid #dee2e6;
    border-radius: 10px;
    padding: 16px;
    transition: all 0.2s ease;
}

.observacao-asset-box:hover[b-j6s3cyoq34] {
    border-color: #2A63EF;
    box-shadow: 0 2px 12px rgba(42, 99, 239, 0.15);
    transform: translateY(-1px);
}

.observacao-textarea[b-j6s3cyoq34] {
    width: 100%;
    padding: 14px 16px;
    border: 2px solid #dee2e6;
    border-radius: 10px;
    font-size: 0.9rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    resize: vertical;
    transition: all 0.2s ease;
    background: #fff;
    color: #2c3e50;
    line-height: 1.6;
    min-height: 120px;
}

.observacao-textarea:focus[b-j6s3cyoq34] {
    outline: none;
    border-color: #2A63EF;
    box-shadow: 0 0 0 4px rgba(42, 99, 239, 0.1);
}

.observacao-textarea[b-j6s3cyoq34]::placeholder {
    color: #adb5bd;
    font-style: italic;
    opacity: 0.8;
}

.observacao-counter[b-j6s3cyoq34] {
    margin-top: 8px;
    font-size: 0.85rem;
    color: #6c757d;
    text-align: right;
    font-weight: 500;
}

.signature-modal[b-j6s3cyoq34] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,.3);
    width: 90vw;
    max-width: 800px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.signature-modal-header[b-j6s3cyoq34] {
    padding: 20px 24px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.signature-modal-header h5[b-j6s3cyoq34] {
    color: #2A63EF;
    font-weight: 600;
    margin: 0;
}

.signature-modal-body[b-j6s3cyoq34] {
    padding: 24px;
    flex: 1;
    overflow-y: auto;
}

.signature-modal-footer[b-j6s3cyoq34] {
    padding: 16px 24px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    gap: 12px;
    align-items: center;
}

@media (max-width: 768px) {
    .signature-modal[b-j6s3cyoq34] {
        width: 100vw;
        height: 100vh;
        max-width: 100%;
        max-height: 100%;
        border-radius: 0;
    }

    .observacao-asset-box[b-j6s3cyoq34] {
        padding: 14px;
    }

    .observacao-asset-box .d-flex[b-j6s3cyoq34] {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .observacao-textarea[b-j6s3cyoq34] {
        font-size: 16px;
        padding: 12px;
    }

    .observacao-label[b-j6s3cyoq34] {
        font-size: 0.9rem;
    }

    .signature-modal-footer[b-j6s3cyoq34] {
        flex-wrap: wrap;
    }

    .signature-modal-footer button[b-j6s3cyoq34] {
        flex: 1;
        min-width: 120px;
    }
}
/* _content/PatrimonioGarbo/Components/Shared/TransferSignatureModal.razor.rz.scp.css */
.overlay-center[b-obdjayoefn] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px;
}

.signature-modal[b-obdjayoefn] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,.3);
    width: 90vw;
    max-width: 800px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.signature-modal-header[b-obdjayoefn] {
    padding: 20px 24px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.signature-modal-header h5[b-obdjayoefn] {
    color: #2A63EF;
    font-weight: 600;
    margin: 0;
}

.signature-modal-body[b-obdjayoefn] {
    padding: 24px;
    flex: 1;
    overflow-y: auto;
}

.signature-instructions[b-obdjayoefn] {
    background: #f0f7ff;
    border: 1px solid #d0e7ff;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 20px;
    color: #1565c0;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.signature-canvas-container[b-obdjayoefn] {
    position: relative;
    background: #fafafa;
    border: 2px dashed #ccc;
    border-radius: 12px;
    padding: 16px;
    min-height: 300px;
}

.signature-canvas[b-obdjayoefn] {
    width: 100%;
    height: 100%;
    min-height: 250px;
    background: white;
    border-radius: 8px;
    cursor: crosshair;
    touch-action: none;
    display: block;
}

.signature-canvas-placeholder[b-obdjayoefn] {
    position: absolute;
    inset: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #999;
    font-size: 18px;
    pointer-events: none;
    background: white;
    border-radius: 8px;
}

.signature-canvas-placeholder i[b-obdjayoefn] {
    font-size: 48px;
    opacity: 0.3;
}

.signature-modal-footer[b-obdjayoefn] {
    padding: 16px 24px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    gap: 12px;
    align-items: center;
}

@media (max-width: 768px) {
    .signature-modal[b-obdjayoefn] {
        width: 100vw;
        height: 100vh;
        max-width: 100%;
        max-height: 100%;
        border-radius: 0;
    }

    .signature-canvas-container[b-obdjayoefn] {
        min-height: 400px;
    }

    .signature-canvas[b-obdjayoefn] {
        min-height: 350px;
    }

    .signature-modal-footer[b-obdjayoefn] {
        flex-wrap: wrap;
    }

    .signature-modal-footer button[b-obdjayoefn] {
        flex: 1;
        min-width: 120px;
    }
}