/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ============================================
   MAIN LAYOUT
   ============================================ */
.page[b-d8yx3qkr0o] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-d8yx3qkr0o] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background-color: var(--hefesto-light-gray);
}

/* ============================================
   SIDEBAR
   ============================================ */
.sidebar[b-d8yx3qkr0o] {
    width: 100%;
    background-color: var(--hefesto-dark-green);
    color: var(--hefesto-white);
    flex-shrink: 0;
}

/* ============================================
   TOP BAR
   ============================================ */
.top-row[b-d8yx3qkr0o] {
    height: 64px;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    background-color: var(--hefesto-white);
    border-bottom: 1px solid var(--hefesto-gray);
    box-sizing: border-box;
    z-index: 10;
}

    .top-row[b-d8yx3qkr0o]  a,
    .top-row[b-d8yx3qkr0o]  .btn-link {
        white-space: nowrap;
        text-decoration: none;
    }

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

.top-row-content[b-d8yx3qkr0o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.top-row-about[b-d8yx3qkr0o] {
    display: flex;
    align-items: center;
}

/* ============================================
   USER MENU
   ============================================ */
.user-menu[b-d8yx3qkr0o] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.user-actions[b-d8yx3qkr0o] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.user-profile[b-d8yx3qkr0o] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.user-icon[b-d8yx3qkr0o] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--hefesto-dark-green);
    font-size: 1.5rem;
}

.user-name[b-d8yx3qkr0o] {
    color: var(--hefesto-charcoal);
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
}

.top-separator[b-d8yx3qkr0o] {
    width: 1px;
    height: 26px;
    background-color: var(--hefesto-gray);
}

/* ============================================
   EMPRESA / PEDREIRA
   ============================================ */
.selection-row[b-d8yx3qkr0o] {
    display: contents;
}

.selection-menu[b-d8yx3qkr0o] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.selection-item[b-d8yx3qkr0o] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.selection-label[b-d8yx3qkr0o] {
    color: var(--hefesto-muted);
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.selection-select[b-d8yx3qkr0o] {
    min-width: 150px;
    max-width: 220px;
    height: 34px;
    padding: 4px 30px 4px 10px;
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-sm);
    background-color: var(--hefesto-white);
    color: var(--hefesto-charcoal);
    font-family: inherit;
    font-size: 0.875rem;
    cursor: pointer;
    transition: border-color var(--hefesto-transition), box-shadow var(--hefesto-transition);
}

    .selection-select:hover[b-d8yx3qkr0o] {
        border-color: var(--hefesto-green);
    }

    .selection-select:focus[b-d8yx3qkr0o] {
        outline: none;
        border-color: var(--hefesto-green);
        box-shadow: 0 0 0 3px rgba(130, 202, 61, 0.12);
    }

    .selection-select:disabled[b-d8yx3qkr0o] {
        background-color: var(--hefesto-light-gray);
        color: var(--hefesto-muted);
        cursor: not-allowed;
    }

.selection-single-value[b-d8yx3qkr0o] {
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 4px 10px;
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-sm);
    background-color: var(--hefesto-light-gray);
    color: var(--hefesto-charcoal);
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
    box-sizing: border-box;
}

    .selection-single-value.text-muted[b-d8yx3qkr0o] {
        color: var(--hefesto-muted);
        font-weight: normal;
    }

/* ============================================
   LOGOUT
   ============================================ */
.logout-button[b-d8yx3qkr0o] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 9px;
    border: 0;
    border-radius: var(--hefesto-radius-sm);
    background-color: transparent;
    color: var(--hefesto-muted);
    font-family: inherit;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background-color var(--hefesto-transition), color var(--hefesto-transition);
}

    .logout-button:hover[b-d8yx3qkr0o] {
        background-color: var(--hefesto-soft-green);
        color: var(--hefesto-dark-green);
    }

    .logout-button i[b-d8yx3qkr0o] {
        font-size: 1rem;
    }

/* ============================================
   CONTENT
   ============================================ */
article.content[b-d8yx3qkr0o] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    /*
     * O conteúdo da página é a única área principal
     * responsável pelo scroll vertical.
     */
    overflow-y: auto;
    overflow-x: hidden;
}

/* ============================================
   BLAZOR ERROR
   ============================================ */
#blazor-error-ui[b-d8yx3qkr0o] {
    color-scheme: light only;
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    box-sizing: border-box;
    padding: 0.75rem 1.25rem;
    background-color: var(--hefesto-white);
    color: var(--hefesto-charcoal);
    border-top: 3px solid var(--hefesto-danger);
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
}

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

/* ============================================
   DESKTOP
   ============================================ */
@media (min-width: 641px) {

    .page[b-d8yx3qkr0o] {
        flex-direction: row;
        height: 100vh;
        min-height: 100vh;
        overflow: hidden;
    }

    .sidebar[b-d8yx3qkr0o] {
        width: 250px;
        height: 100vh;
        flex-shrink: 0;
        overflow: hidden;
    }

    main[b-d8yx3qkr0o] {
        height: 100vh;
        min-width: 0;
        min-height: 0;
        overflow: hidden;
    }

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

    article.content[b-d8yx3qkr0o] {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* ============================================
   MOBILE
   ============================================ */
@media (max-width: 640.98px) {

    /*
     * Importante:
     * Estas regras aplicam-se apenas ao top-row
     * do MainLayout.
     *
     * O NavMenu continua com o seu próprio top-row
     * e o seu próprio hamburger.
     */
    .top-row[b-d8yx3qkr0o] {
        height: auto;
        min-height: 0;
        padding-top: 8px;
        padding-bottom: 12px;
        overflow-x: hidden;
    }

    .top-row-content[b-d8yx3qkr0o] {
        display: flex;
        align-items: stretch;
        justify-content: flex-end;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .top-row-about[b-d8yx3qkr0o] {
        display: none;
    }

    /*
     * No mobile:
     *
     * linha 1 = user-actions
     * linha 2 = selection-row
     */
    .user-menu[b-d8yx3qkr0o] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto;
        grid-template-areas:
            "actions"
            "selection";
        align-items: center;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        gap: 10px;
        box-sizing: border-box;
    }

    /*
     * PRIMEIRA LINHA
     */
    .user-actions[b-d8yx3qkr0o] {
        grid-area: actions;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .user-profile[b-d8yx3qkr0o] {
        display: flex;
        align-items: center;
        gap: 9px;
        min-width: 0;
        max-width: calc(100% - 45px);
    }

    .user-name[b-d8yx3qkr0o] {
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .top-separator[b-d8yx3qkr0o] {
        display: none;
    }

    .logout-button[b-d8yx3qkr0o] {
        font-size: 1.25rem;
        flex-shrink: 0;
    }

        .logout-button span[b-d8yx3qkr0o] {
            display: none;
        }

    /*
     * SEGUNDA LINHA
     */
    .selection-row[b-d8yx3qkr0o] {
        grid-area: selection;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        padding-top: 2px;
    }

    .selection-menu[b-d8yx3qkr0o] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }

    .selection-item[b-d8yx3qkr0o] {
        display: flex;
        align-items: center;
        gap: 4px;
        min-width: 0;
        max-width: calc(50% - 3px);
        flex: 1 1 0;
        box-sizing: border-box;
    }

    .selection-label[b-d8yx3qkr0o] {
        display: none;
    }

    /*
     * 150px em vez dos 145px anteriores.
     */
    .selection-select[b-d8yx3qkr0o],
    .selection-single-value[b-d8yx3qkr0o] {
        width: 150px;
        min-width: 0;
        max-width: 100%;
        height: 34px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
    }

    article.content[b-d8yx3qkr0o] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ============================================
   MOBILE MUITO ESTREITO
   ============================================ */
@media (max-width: 360px) {

    .top-row[b-d8yx3qkr0o] {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .user-name[b-d8yx3qkr0o] {
        max-width: 120px;
    }

    .selection-menu[b-d8yx3qkr0o] {
        gap: 4px;
    }

    .selection-item[b-d8yx3qkr0o] {
        max-width: calc(50% - 2px);
    }

    .selection-select[b-d8yx3qkr0o],
    .selection-single-value[b-d8yx3qkr0o] {
        width: 100%;
        max-width: 100%;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ============================================
   MOBILE MENU TOGGLER
   ============================================ */

.navbar-toggler[b-4yphszn0m2] {
    appearance: none;
    position: absolute;
    top: 0.85rem;
    right: 1rem;
    width: 3rem;
    height: 2.5rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--hefesto-radius-md);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center / 1.5rem rgba(255, 255, 255, 0.06);
    color: var(--hefesto-white);
    cursor: pointer;
    transition: background-color var(--hefesto-transition), border-color var(--hefesto-transition);
}

    .navbar-toggler:hover[b-4yphszn0m2] {
        background-color: rgba(255, 255, 255, 0.12);
        border-color: rgba(255, 255, 255, 0.20);
    }

    .navbar-toggler:checked[b-4yphszn0m2] {
        background-color: rgba(130, 202, 61, 0.18);
        border-color: rgba(130, 202, 61, 0.35);
    }


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

.top-row[b-4yphszn0m2] {
    min-height: 72px;
    display: flex;
    align-items: center;
    background: linear-gradient(180deg, var(--hefesto-dark-green) 0%, var(--hefesto-deep-green) 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.navbar-brand[b-4yphszn0m2] {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--hefesto-white);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    text-decoration: none;
}

    .navbar-brand:hover[b-4yphszn0m2] {
        color: var(--hefesto-white);
    }


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

.brand-logo[b-4yphszn0m2] {
    width: 38px;
    height: 38px;
    object-fit: contain;
    padding: 3px;
    border-radius: var(--hefesto-radius-md);
    background-color: var(--hefesto-green);
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.15);
}


/* ============================================
   NAVIGATION
   ============================================ */

.nav-scrollable[b-4yphszn0m2] {
    display: none;
    padding-top: 8px;
    background: linear-gradient(180deg, var(--hefesto-deep-green) 0%, var(--hefesto-dark-green) 100%);
}

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


/* ============================================
   SECTION TITLES
   ============================================ */

.nav-section-title[b-4yphszn0m2] {
    padding: 20px 1rem 8px;
    color: rgba(255, 255, 255, 0.42);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}


/* ============================================
   NAVIGATION ITEMS
   ============================================ */

.nav-item[b-4yphszn0m2] {
    margin-bottom: 2px;
    padding-bottom: 0;
    font-size: 0.92rem;
}

    .nav-item:first-of-type[b-4yphszn0m2] {
        padding-top: 4px;
    }

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


    /* ============================================
   NAVIGATION LINKS
   ============================================ */

    .nav-item[b-4yphszn0m2]  .nav-link {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 44px;
        gap: 12px;
        padding: 0.6rem 0.85rem;
        border: none;
        border-radius: 9px;
        background: transparent;
        color: rgba(255, 255, 255, 0.72);
        font-weight: 500;
        line-height: 1.5rem;
        transition: background-color var(--hefesto-transition), color var(--hefesto-transition), transform 0.15s ease;
    }


    /* ============================================
   NAVIGATION ICON
   ============================================ */

    .nav-item[b-4yphszn0m2]  .nav-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        min-width: 22px;
        margin: 0;
        color: rgba(255, 255, 255, 0.58);
        font-size: 1.05rem;
        transition: color var(--hefesto-transition), transform var(--hefesto-transition);
    }

    .nav-item[b-4yphszn0m2]  .nav-link:hover .nav-icon {
        color: var(--hefesto-green);
        transform: translateX(1px);
    }


    /* ============================================
   ACTIVE ITEM
   ============================================ */

    .nav-item[b-4yphszn0m2]  a.active {
        background-color: var(--hefesto-green);
        color: var(--hefesto-deep-green);
        font-weight: 700;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    }

        .nav-item[b-4yphszn0m2]  a.active .nav-icon {
            color: var(--hefesto-deep-green);
        }


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

    .nav-item[b-4yphszn0m2]  .nav-link:hover {
        background-color: rgba(255, 255, 255, 0.07);
        color: var(--hefesto-white);
        transform: translateX(2px);
    }

    .nav-item[b-4yphszn0m2]  a.active:hover {
        background-color: var(--hefesto-green);
        color: var(--hefesto-deep-green);
        transform: translateX(0);
    }


/* ============================================
   SCROLLBAR
   ============================================ */

.nav-scrollable[b-4yphszn0m2] {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.20) transparent;
}

    .nav-scrollable[b-4yphszn0m2]::-webkit-scrollbar {
        width: 6px;
    }

    .nav-scrollable[b-4yphszn0m2]::-webkit-scrollbar-track {
        background: transparent;
    }

    .nav-scrollable[b-4yphszn0m2]::-webkit-scrollbar-thumb {
        background-color: rgba(255, 255, 255, 0.20);
        border-radius: 10px;
    }


/* ============================================
   DESKTOP
   ============================================ */

@media (min-width: 641px) {

    .navbar-toggler[b-4yphszn0m2] {
        display: none;
    }

    .top-row[b-4yphszn0m2] {
        min-height: 64px;
        height: 64px;
    }

    .nav-scrollable[b-4yphszn0m2] {
        display: block;
        /*
         * O cabeçalho do menu tem 64px.
         * O restante da sidebar fica disponível para o menu.
         */
        height: calc(100vh - 64px);
        overflow-y: auto;
        overflow-x: hidden;
    }
}


/* ============================================
   MOBILE
   ============================================ */

@media (max-width: 640.98px) {

    .top-row[b-4yphszn0m2] {
        min-height: 64px;
    }

    .brand-logo[b-4yphszn0m2] {
        width: 34px;
        height: 34px;
    }

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

    .nav-scrollable[b-4yphszn0m2] {
        padding-top: 6px;
    }

    .nav-item[b-4yphszn0m2]  .nav-link {
        min-height: 46px;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-5m6zucfrlp],
.components-reconnect-repeated-attempt-visible[b-5m6zucfrlp],
.components-reconnect-failed-visible[b-5m6zucfrlp],
.components-pause-visible[b-5m6zucfrlp],
.components-resume-failed-visible[b-5m6zucfrlp],
.components-rejoining-animation[b-5m6zucfrlp] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
.about-page[b-ev6o6o0wpc] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    padding: 0 24px;
}


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

.about-header[b-ev6o6o0wpc] {
    flex-shrink: 0;
    padding-top: 32px;
}

.about-logo[b-ev6o6o0wpc] {
    width: 140px;
    height: 140px;
    object-fit: contain;
}

.about-header h1[b-ev6o6o0wpc] {
    margin: 16px 0 4px;
    color: var(--hefesto-deep-green);
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.25;
}

.about-version[b-ev6o6o0wpc] {
    color: var(--hefesto-muted);
    font-size: 0.9rem;
}


/* ============================================
   SUPPORT
   ============================================ */

.about-support[b-ev6o6o0wpc] {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .about-support h2[b-ev6o6o0wpc] {
        margin: 0 0 12px;
        color: var(--hefesto-charcoal);
        font-size: 1.25rem;
        font-weight: 700;
    }

    .about-support p[b-ev6o6o0wpc] {
        margin: 0 0 4px;
        color: var(--hefesto-muted);
        font-size: 0.9rem;
    }

    .about-support a[b-ev6o6o0wpc] {
        color: var(--hefesto-dark-green);
        font-size: 1.05rem;
        font-weight: 600;
    }

        .about-support a:hover[b-ev6o6o0wpc] {
            color: var(--hefesto-deep-green);
        }


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

.about-footer[b-ev6o6o0wpc] {
    flex-shrink: 0;
    padding-bottom: 16px;
    color: var(--hefesto-muted);
    font-size: 0.8rem;
    line-height: 1.6;
}


/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 576px) {

    .about-page[b-ev6o6o0wpc] {
        padding: 0 16px;
    }

    .about-header[b-ev6o6o0wpc] {
        padding-top: 24px;
    }

    .about-logo[b-ev6o6o0wpc] {
        width: 110px;
        height: 110px;
    }

    .about-header h1[b-ev6o6o0wpc] {
        font-size: 1.5rem;
    }

    .about-support h2[b-ev6o6o0wpc] {
        font-size: 1.1rem;
    }

    .about-support a[b-ev6o6o0wpc] {
        font-size: 0.95rem;
    }

    .about-footer[b-ev6o6o0wpc] {
        padding-bottom: 12px;
        font-size: 0.75rem;
    }
}
/* /Components/Pages/BarcodeScanner.razor.rz.scp.css */
/* ============================================
   BARCODE SCANNER
   ============================================ */

.barcode-scanner[b-wm9w0o8hb3] {
    width: 100%;
    box-sizing: border-box;
}


/* ============================================
   VIDEO
   ============================================ */

.barcode-scanner__video-wrapper[b-wm9w0o8hb3] {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    min-height: 300px;
    overflow: hidden;
    background-color: #000;
    border: 1px solid rgba(59, 94, 33, 0.12);
    border-radius: var(--hefesto-radius-lg);
    box-shadow: var(--hefesto-shadow-md);
}

.barcode-scanner__video[b-wm9w0o8hb3] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #000;
}


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

.barcode-scanner__overlay[b-wm9w0o8hb3] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.62);
    color: var(--hefesto-white);
}

.barcode-scanner__loading[b-wm9w0o8hb3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 25px;
    text-align: center;
}

    .barcode-scanner__loading strong[b-wm9w0o8hb3] {
        font-size: 0.95rem;
        font-weight: 600;
    }

    .barcode-scanner__loading span[b-wm9w0o8hb3] {
        max-width: 320px;
        color: rgba(255, 255, 255, 0.78);
        font-size: 0.75rem;
        line-height: 1.45;
    }

.barcode-scanner__spinner[b-wm9w0o8hb3] {
    width: 38px;
    height: 38px;
    border: 3px solid rgba(255, 255, 255, 0.35);
    border-top-color: var(--hefesto-green);
    border-radius: 50%;
    animation: barcode-scanner-spin-b-wm9w0o8hb3 0.7s linear infinite;
}

@keyframes barcode-scanner-spin-b-wm9w0o8hb3 {
    to {
        transform: rotate(360deg);
    }
}


/* ============================================
   SCANNER FRAME
   ============================================ */

.barcode-scanner__frame[b-wm9w0o8hb3] {
    position: absolute;
    z-index: 3;
    inset: 15%;
    pointer-events: none;
}

.barcode-scanner__corner[b-wm9w0o8hb3] {
    position: absolute;
    width: 38px;
    height: 38px;
    border-color: var(--hefesto-green);
    border-style: solid;
    filter: drop-shadow(0 0 5px rgba(130, 202, 61, 0.45));
}

.barcode-scanner__corner--top-left[b-wm9w0o8hb3] {
    top: 0;
    left: 0;
    border-width: 3px 0 0 3px;
}

.barcode-scanner__corner--top-right[b-wm9w0o8hb3] {
    top: 0;
    right: 0;
    border-width: 3px 3px 0 0;
}

.barcode-scanner__corner--bottom-left[b-wm9w0o8hb3] {
    bottom: 0;
    left: 0;
    border-width: 0 0 3px 3px;
}

.barcode-scanner__corner--bottom-right[b-wm9w0o8hb3] {
    right: 0;
    bottom: 0;
    border-width: 0 3px 3px 0;
}

.barcode-scanner__line[b-wm9w0o8hb3] {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 2px;
    background-color: rgba(130, 202, 61, 0.85);
    transform: translateY(-50%);
    box-shadow: 0 0 8px rgba(130, 202, 61, 0.55);
}


/* ============================================
   SELECTED COUNT
   ============================================ */

.barcode-scanner__selected-count[b-wm9w0o8hb3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
    margin-top: 12px;
    padding: 12px 14px;
    box-sizing: border-box;
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-md);
    background-color: var(--hefesto-light-gray);
}

    .barcode-scanner__selected-count > span[b-wm9w0o8hb3] {
        color: var(--hefesto-charcoal);
        font-size: 0.8rem;
        font-weight: 600;
    }

    .barcode-scanner__selected-count > strong[b-wm9w0o8hb3] {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 42px;
        height: 42px;
        padding: 0 10px;
        box-sizing: border-box;
        border-radius: 50%;
        background-color: var(--hefesto-deep-green);
        color: var(--hefesto-white);
        font-size: 1.1rem;
        font-weight: 700;
    }

        .barcode-scanner__selected-count > strong.is-pulsing[b-wm9w0o8hb3] {
            animation: barcode-scanner-count-pulse-b-wm9w0o8hb3 0.6s ease;
        }

@keyframes barcode-scanner-count-pulse-b-wm9w0o8hb3 {
    0%, 50%, 100% {
        background-color: var(--hefesto-deep-green);
        color: var(--hefesto-white);
    }

    25%, 75% {
        background-color: var(--hefesto-green);
        color: var(--hefesto-deep-green);
    }
}


/* ============================================
   LAST BARCODE
   ============================================ */

.barcode-scanner__last-code[b-wm9w0o8hb3] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-md);
    background-color: var(--hefesto-white);
    box-shadow: var(--hefesto-shadow-sm);
}

.barcode-scanner__last-code-icon[b-wm9w0o8hb3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: var(--hefesto-radius-sm);
    background-color: var(--hefesto-soft-green);
    color: var(--hefesto-dark-green);
    font-size: 1.1rem;
}

.barcode-scanner__last-code-content[b-wm9w0o8hb3] {
    min-width: 0;
}

    .barcode-scanner__last-code-content span[b-wm9w0o8hb3] {
        display: block;
        color: var(--hefesto-muted);
        font-size: 0.65rem;
        font-weight: 600;
        letter-spacing: 0.03em;
        text-transform: uppercase;
    }

    .barcode-scanner__last-code-content strong[b-wm9w0o8hb3] {
        display: block;
        margin-top: 3px;
        color: var(--hefesto-charcoal);
        font-size: 0.875rem;
        overflow-wrap: anywhere;
    }


/* ============================================
   SCANNER MESSAGE
   ============================================ */

.barcode-scanner__message[b-wm9w0o8hb3] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 11px 12px;
    border: 1px solid transparent;
    border-radius: var(--hefesto-radius-md);
}

.barcode-scanner__message--success[b-wm9w0o8hb3] {
    background-color: var(--hefesto-soft-green);
    border-color: #C8E7A8;
    color: var(--hefesto-success);
}

.barcode-scanner__message--warning[b-wm9w0o8hb3] {
    background-color: #FFF7E5;
    border-color: #F1D99A;
    color: #8A6200;
}

.barcode-scanner__message--error[b-wm9w0o8hb3] {
    background-color: #FDECEC;
    border-color: #F3C7C3;
    color: var(--hefesto-danger);
}

.barcode-scanner__message-icon[b-wm9w0o8hb3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
}

.barcode-scanner__message-content[b-wm9w0o8hb3] {
    min-width: 0;
}

    .barcode-scanner__message-content strong[b-wm9w0o8hb3] {
        display: block;
        font-size: 0.75rem;
    }

    .barcode-scanner__message-content span[b-wm9w0o8hb3] {
        display: block;
        margin-top: 2px;
        font-size: 0.75rem;
        overflow-wrap: anywhere;
    }


/* ============================================
   SCANNER ERROR
   ============================================ */

.barcode-scanner__error[b-wm9w0o8hb3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 11px 12px;
    border: 1px solid #F3C7C3;
    border-radius: var(--hefesto-radius-md);
    background-color: #FDECEC;
    color: var(--hefesto-danger);
    font-size: 0.75rem;
}


/* ============================================
   INSTRUCTION
   ============================================ */

.barcode-scanner__instruction[b-wm9w0o8hb3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 13px 10px 3px;
    color: var(--hefesto-muted);
    font-size: 0.7rem;
    text-align: center;
}

    .barcode-scanner__instruction i[b-wm9w0o8hb3] {
        color: var(--hefesto-dark-green);
    }


/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 600px) {

    .barcode-scanner__video-wrapper[b-wm9w0o8hb3] {
        min-height: 280px;
    }

    .barcode-scanner__frame[b-wm9w0o8hb3] {
        inset: 12%;
    }

    .barcode-scanner__corner[b-wm9w0o8hb3] {
        width: 28px;
        height: 28px;
    }
}
/* /Components/Pages/Companies.razor.rz.scp.css */
/* ============================================
   COMPANIES PAGE
   ============================================ */

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


/* ============================================
   COMPANY CARD
   ============================================ */

.company-card[b-1u93lik8bu] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    background-color: var(--hefesto-white);
    border: 1px solid rgba(59, 94, 33, 0.08);
    border-radius: var(--hefesto-radius-lg);
    box-shadow: var(--hefesto-shadow-sm);
    transition: border-color var(--hefesto-transition), box-shadow var(--hefesto-transition), transform var(--hefesto-transition);
}

    .company-card:hover[b-1u93lik8bu] {
        border-color: rgba(59, 94, 33, 0.16);
        box-shadow: var(--hefesto-shadow-md);
        transform: translateY(-2px);
    }


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

.company-logo-wrapper[b-1u93lik8bu] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    padding: 20px;
    box-sizing: border-box;
    background-color: var(--hefesto-soft-green);
    border-bottom: 1px solid rgba(59, 94, 33, 0.08);
}

.company-logo[b-1u93lik8bu] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.company-logo-placeholder[b-1u93lik8bu] {
    color: var(--hefesto-dark-green);
    font-size: 3rem;
}


/* ============================================
   COMPANY CARD BODY
   ============================================ */

.company-card-body[b-1u93lik8bu] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 20px;
}

.company-card-header[b-1u93lik8bu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.company-name[b-1u93lik8bu] {
    min-width: 0;
    margin: 0;
    color: var(--hefesto-deep-green);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}


/* ============================================
   FAVOURITE
   ============================================ */

.company-favourite[b-1u93lik8bu] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    padding: 4px 8px;
    border-radius: var(--hefesto-radius-sm);
    background-color: #FFF7E5;
    color: #8A6200;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
}

    .company-favourite i[b-1u93lik8bu] {
        font-size: 0.65rem;
    }


/* ============================================
   VAT
   ============================================ */

.company-vat[b-1u93lik8bu] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid var(--hefesto-light-gray);
}

    .company-vat span[b-1u93lik8bu] {
        color: var(--hefesto-muted);
        font-size: 0.7rem;
        font-weight: 600;
        letter-spacing: 0.03em;
        text-transform: uppercase;
    }

    .company-vat strong[b-1u93lik8bu] {
        color: var(--hefesto-charcoal);
        font-size: 0.875rem;
        font-weight: 500;
    }


/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1000px) {
    .companies-grid[b-1u93lik8bu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .companies-grid[b-1u93lik8bu] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .company-logo-wrapper[b-1u93lik8bu] {
        height: 130px;
    }

    .company-card-body[b-1u93lik8bu] {
        padding: 18px;
    }

    .company-card-header[b-1u93lik8bu] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}
/* /Components/Pages/DailyMaterial.razor.rz.scp.css */
/* ============================================
   MATERIAL LIST
   ============================================ */

.daily-material-list[b-i400g1bsl7] {
    width: 100%;
}

.daily-material-list-header[b-i400g1bsl7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

    .daily-material-list-header h2[b-i400g1bsl7] {
        margin: 0;
        color: var(--hefesto-deep-green);
        font-size: 1rem;
        font-weight: 700;
    }

    .daily-material-list-header span[b-i400g1bsl7] {
        display: block;
        margin-top: 3px;
        color: var(--hefesto-muted);
        font-size: 0.75rem;
    }

.daily-material-items[b-i400g1bsl7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* ============================================
   MATERIAL ITEM
   ============================================ */

.daily-material-item[b-i400g1bsl7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 68px;
    padding: 15px 18px;
    box-sizing: border-box;
    background-color: var(--hefesto-white);
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-md);
    box-shadow: var(--hefesto-shadow-sm);
    transition: border-color var(--hefesto-transition), box-shadow var(--hefesto-transition), transform var(--hefesto-transition);
}

    .daily-material-item:hover[b-i400g1bsl7] {
        border-color: rgba(59, 94, 33, 0.18);
        box-shadow: var(--hefesto-shadow-md);
        transform: translateY(-1px);
    }


/* ============================================
   MATERIAL INFORMATION
   ============================================ */

.daily-material-item-main[b-i400g1bsl7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.daily-material-code[b-i400g1bsl7] {
    color: var(--hefesto-deep-green);
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.3;
}

.daily-material-name[b-i400g1bsl7] {
    overflow: hidden;
    color: var(--hefesto-charcoal);
    font-size: 0.9rem;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ============================================
   QUANTITY
   ============================================ */

.daily-material-quantity[b-i400g1bsl7] {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 6px;
    min-width: 120px;
    flex-shrink: 0;
}

    .daily-material-quantity strong[b-i400g1bsl7] {
        color: var(--hefesto-dark-green);
        font-size: 1rem;
        font-weight: 700;
    }

    .daily-material-quantity span[b-i400g1bsl7] {
        color: var(--hefesto-muted);
        font-size: 0.78rem;
    }


/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 640.98px) {

    .daily-material-list-header[b-i400g1bsl7] {
        margin-bottom: 12px;
    }

    .daily-material-item[b-i400g1bsl7] {
        align-items: flex-start;
        gap: 12px;
        padding: 14px;
    }

    .daily-material-item-main[b-i400g1bsl7] {
        flex: 1;
    }

    .daily-material-quantity[b-i400g1bsl7] {
        min-width: auto;
        flex-direction: column;
        align-items: flex-end;
        gap: 1px;
    }

    .daily-material-name[b-i400g1bsl7] {
        white-space: normal;
    }
}
/* /Components/Pages/Files.razor.rz.scp.css */
/* ============================================
   FILES LIST
   ============================================ */

.files-section[b-03573dskn5] {
    width: 100%;
}

.files-header[b-03573dskn5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

    .files-header h2[b-03573dskn5] {
        margin: 0;
        color: var(--hefesto-deep-green);
        font-size: 1rem;
        font-weight: 700;
    }

    .files-header span[b-03573dskn5] {
        display: block;
        margin-top: 3px;
        color: var(--hefesto-muted);
        font-size: 0.75rem;
    }

.files-list[b-03573dskn5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}


/* ============================================
   FILE ITEM
   ============================================ */

.file-item[b-03573dskn5] {
    overflow: hidden;
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-md);
    background-color: var(--hefesto-white);
    box-shadow: var(--hefesto-shadow-sm);
    transition: border-color var(--hefesto-transition), box-shadow var(--hefesto-transition);
}

    .file-item:has(.file-row.is-expanded)[b-03573dskn5] {
        border-color: rgba(59, 94, 33, 0.20);
        box-shadow: var(--hefesto-shadow-md);
    }

.file-row[b-03573dskn5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 62px;
    padding: 10px 14px;
    box-sizing: border-box;
    border: 0;
    background-color: transparent;
    color: inherit;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.file-info[b-03573dskn5] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 12px;
}

.file-icon[b-03573dskn5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: var(--hefesto-radius-sm);
    background-color: var(--hefesto-soft-green);
    color: var(--hefesto-dark-green);
    font-size: 1.05rem;
}

.file-name-wrapper[b-03573dskn5] {
    min-width: 0;
}

.file-name[b-03573dskn5] {
    display: block;
    color: var(--hefesto-charcoal);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.file-row:hover .file-name[b-03573dskn5] {
    color: var(--hefesto-dark-green);
}

.expand-button[b-03573dskn5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    margin-left: 12px;
    border-radius: 50%;
    color: var(--hefesto-muted);
    font-size: 0.8rem;
    transition: background-color var(--hefesto-transition), color var(--hefesto-transition), transform var(--hefesto-transition);
}

.file-row:hover .expand-button[b-03573dskn5] {
    background-color: var(--hefesto-soft-green);
    color: var(--hefesto-dark-green);
}

.file-row.is-expanded .expand-button[b-03573dskn5] {
    background-color: var(--hefesto-soft-green);
    color: var(--hefesto-dark-green);
}


/* ============================================
   FILE ACTIONS
   ============================================ */

.file-actions[b-03573dskn5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px 14px;
    border-top: 1px solid var(--hefesto-light-gray);
    background-color: #FAFAFA;
}

.file-action[b-03573dskn5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 7px 13px;
    border: 1px solid transparent;
    border-radius: var(--hefesto-radius-sm);
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--hefesto-transition), border-color var(--hefesto-transition), color var(--hefesto-transition);
}

    .file-action i[b-03573dskn5] {
        font-size: 0.85rem;
    }

.file-action-import[b-03573dskn5] {
    background-color: var(--hefesto-soft-green);
    border-color: rgba(59, 94, 33, 0.10);
    color: var(--hefesto-dark-green);
}

    .file-action-import:hover[b-03573dskn5] {
        background-color: #E3F2D3;
        border-color: rgba(59, 94, 33, 0.18);
    }

.file-action-delete[b-03573dskn5] {
    background-color: #FFF4F2;
    border-color: #F3D0CC;
    color: var(--hefesto-danger);
}

    .file-action-delete:hover[b-03573dskn5] {
        background-color: #FDE8E5;
        border-color: #E9BBB5;
    }


/* ============================================
   CONFIRMATION MODAL
   ============================================ */

.files-confirmation-modal[b-03573dskn5] {
    width: 100%;
    max-width: 440px;
}

.files-confirm-button[b-03573dskn5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 8px 15px;
    border: 1px solid transparent;
    border-radius: var(--hefesto-radius-md);
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--hefesto-transition), border-color var(--hefesto-transition);
}

    .files-confirm-button:disabled[b-03573dskn5] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.files-confirm-button-import[b-03573dskn5] {
    background-color: var(--hefesto-green);
    border-color: var(--hefesto-green);
    color: var(--hefesto-deep-green);
}

    .files-confirm-button-import:hover:not(:disabled)[b-03573dskn5] {
        background-color: #72B533;
        border-color: #72B533;
    }

.files-confirm-button-delete[b-03573dskn5] {
    background-color: var(--hefesto-danger);
    border-color: var(--hefesto-danger);
    color: var(--hefesto-white);
}

    .files-confirm-button-delete:hover:not(:disabled)[b-03573dskn5] {
        background-color: #8F1D15;
        border-color: #8F1D15;
    }


/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 576px) {

    .files-header[b-03573dskn5] {
        margin-bottom: 12px;
    }

    .file-row[b-03573dskn5] {
        min-height: 58px;
        padding: 9px 11px;
    }

    .file-info[b-03573dskn5] {
        gap: 10px;
    }

    .file-icon[b-03573dskn5] {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 0.95rem;
    }

    .file-name[b-03573dskn5] {
        font-size: 0.825rem;
    }

    .file-actions[b-03573dskn5] {
        flex-direction: column;
        align-items: stretch;
        padding: 10px 11px 12px;
    }

    .file-action[b-03573dskn5] {
        width: 100%;
    }

    .files-confirmation-modal[b-03573dskn5] {
        max-width: calc(100vw - 32px);
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.statistics-page[b-jw3zyqi894] {
    max-width: var(--hefesto-page-max-width);
    margin: 0 auto;
}

.statistics-state[b-jw3zyqi894] {
    min-height: 220px;
}

.statistics-error[b-jw3zyqi894] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.statistics-error-content[b-jw3zyqi894] {
    min-width: 0;
}

.statistics-error-title[b-jw3zyqi894] {
    color: var(--hefesto-danger);
    font-size: 0.9rem;
    font-weight: 700;
}

.statistics-error-message[b-jw3zyqi894] {
    margin-top: 5px;
    color: var(--hefesto-danger);
    font-size: 0.8rem;
}

.statistics-card[b-jw3zyqi894] {
    width: 100%;
    box-sizing: border-box;
    padding: 28px;
    background-color: var(--hefesto-white);
    border: 1px solid rgba(59, 94, 33, 0.08);
    border-radius: var(--hefesto-radius-lg);
    box-shadow: var(--hefesto-shadow-md);
}

.chart-header[b-jw3zyqi894] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.chart-title[b-jw3zyqi894] {
    min-width: 0;
}

    .chart-title h2[b-jw3zyqi894] {
        margin: 0;
        color: var(--hefesto-deep-green);
        font-size: 1.15rem;
        font-weight: 700;
    }

.interval-description[b-jw3zyqi894] {
    display: block;
    margin-top: 5px;
    color: var(--hefesto-muted);
    font-size: 0.75rem;
}

.chart-total[b-jw3zyqi894] {
    flex-shrink: 0;
    text-align: right;
}

.chart-total-label[b-jw3zyqi894] {
    display: block;
    margin-bottom: 4px;
    color: var(--hefesto-muted);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.chart-total strong[b-jw3zyqi894] {
    color: var(--hefesto-dark-green);
    font-size: 1.25rem;
    font-weight: 700;
}

.legend[b-jw3zyqi894] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 24px;
    margin-bottom: 12px;
}

.legend-item[b-jw3zyqi894] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--hefesto-muted);
    font-size: 0.75rem;
}

.legend-color[b-jw3zyqi894] {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border-radius: 3px;
}

    .legend-color.consumed[b-jw3zyqi894],
    .summary-dot.consumed[b-jw3zyqi894] {
        background-color: #2563EB;
    }

    .legend-color.custody[b-jw3zyqi894],
    .summary-dot.custody[b-jw3zyqi894] {
        background-color: #F59E0B;
    }

    .legend-color.returned[b-jw3zyqi894],
    .summary-dot.returned[b-jw3zyqi894] {
        background-color: #10B981;
    }

.chart-container[b-jw3zyqi894] {
    display: flex;
    height: 400px;
    margin-top: 16px;
}

.y-axis[b-jw3zyqi894] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 55px;
    flex-shrink: 0;
    padding-right: 10px;
    padding-bottom: 32px;
    box-sizing: border-box;
    color: var(--hefesto-muted);
    font-size: 0.68rem;
    text-align: right;
}

.chart-area[b-jw3zyqi894] {
    position: relative;
    flex: 1;
    min-width: 0;
}

.grid-lines[b-jw3zyqi894] {
    position: absolute;
    inset: 0 0 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.grid-line[b-jw3zyqi894] {
    width: 100%;
    border-top: 1px solid var(--hefesto-light-gray);
}

.bars-area[b-jw3zyqi894] {
    position: absolute;
    inset: 0 0 32px;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    padding: 0 8%;
}

.month-column[b-jw3zyqi894] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 25%;
    height: 100%;
    flex-direction: column;
}

.bars[b-jw3zyqi894] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 5px;
    width: 100%;
    height: 100%;
}

.bar-wrapper[b-jw3zyqi894] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 25%;
    max-width: 58px;
    height: 100%;
}

.bar[b-jw3zyqi894] {
    position: relative;
    width: 100%;
    min-height: 2px;
    border-radius: 5px 5px 0 0;
    transition: height 0.35s ease, opacity var(--hefesto-transition);
}

    .bar:hover[b-jw3zyqi894] {
        opacity: 0.8;
    }

    .bar.consumed[b-jw3zyqi894] {
        background-color: #2563EB;
    }

    .bar.custody[b-jw3zyqi894] {
        background-color: #F59E0B;
    }

    .bar.returned[b-jw3zyqi894] {
        background-color: #10B981;
    }

.bar-value[b-jw3zyqi894] {
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%;
    color: var(--hefesto-charcoal);
    font-size: 0.62rem;
    font-weight: 600;
    white-space: nowrap;
    transform: translateX(-50%);
}

.month-label[b-jw3zyqi894] {
    position: absolute;
    bottom: 0;
    color: var(--hefesto-muted);
    font-size: 0.7rem;
    white-space: nowrap;
    transform: translateY(100%);
}

.chart-summary[b-jw3zyqi894] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 42px;
}

.month-summary[b-jw3zyqi894] {
    padding: 16px;
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-md);
    background-color: var(--hefesto-white);
}

.month-summary-header[b-jw3zyqi894] {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--hefesto-light-gray);
}

    .month-summary-header strong[b-jw3zyqi894] {
        color: var(--hefesto-deep-green);
        font-size: 0.85rem;
        font-weight: 700;
    }

.summary-row[b-jw3zyqi894] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 5px 0;
    color: var(--hefesto-muted);
    font-size: 0.75rem;
}

    .summary-row > span[b-jw3zyqi894] {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .summary-row strong[b-jw3zyqi894] {
        color: var(--hefesto-charcoal);
        font-weight: 600;
    }

.summary-dot[b-jw3zyqi894] {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
}

@media (max-width: 768px) {
    .statistics-card[b-jw3zyqi894] {
        padding: 20px;
    }

    .statistics-error[b-jw3zyqi894] {
        align-items: flex-start;
        flex-direction: column;
    }

    .chart-header[b-jw3zyqi894] {
        flex-direction: column;
    }

    .chart-total[b-jw3zyqi894] {
        text-align: left;
    }

    .legend[b-jw3zyqi894] {
        gap: 12px 18px;
    }

    .chart-container[b-jw3zyqi894] {
        height: 320px;
    }

    .bars-area[b-jw3zyqi894] {
        padding: 0 2%;
    }

    .bar-wrapper[b-jw3zyqi894] {
        width: 28%;
        max-width: 42px;
    }

    .bar-value[b-jw3zyqi894] {
        font-size: 0.56rem;
    }

    .chart-summary[b-jw3zyqi894] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .statistics-card[b-jw3zyqi894] {
        padding: 16px;
    }

    .chart-container[b-jw3zyqi894] {
        height: 280px;
    }

    .y-axis[b-jw3zyqi894] {
        width: 42px;
        padding-right: 7px;
        font-size: 0.6rem;
    }

    .bars[b-jw3zyqi894] {
        gap: 3px;
    }

    .bar-wrapper[b-jw3zyqi894] {
        max-width: 30px;
    }

    .bar-value[b-jw3zyqi894] {
        display: none;
    }

    .month-label[b-jw3zyqi894] {
        font-size: 0.62rem;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* ============================================
   LOGIN PAGE
   ============================================ */

.login-page[b-ft3z2ik28b] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
    background: radial-gradient(circle at top left, rgba(130, 202, 61, 0.16), transparent 35%), radial-gradient(circle at bottom right, rgba(59, 94, 33, 0.10), transparent 35%), var(--hefesto-light-gray);
}


/* ============================================
   LOGIN CARD
   ============================================ */

.login-card[b-ft3z2ik28b] {
    width: 100%;
    max-width: 430px;
    padding: 42px;
    box-sizing: border-box;
    background-color: var(--hefesto-white);
    border: 1px solid rgba(59, 94, 33, 0.08);
    border-radius: var(--hefesto-radius-xl);
    box-shadow: 0 20px 50px rgba(41, 67, 22, 0.10), var(--hefesto-shadow-md);
}


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

.login-header[b-ft3z2ik28b] {
    margin-bottom: 32px;
    text-align: center;
}

.login-brand-icon[b-ft3z2ik28b] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
}

.login-logo[b-ft3z2ik28b] {
    display: block;
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.login-header h1[b-ft3z2ik28b] {
    margin: 0;
    color: var(--hefesto-deep-green);
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 1.25;
}

.login-header p[b-ft3z2ik28b] {
    margin: 8px 0 0;
    color: var(--hefesto-muted);
    font-size: 0.9rem;
}


/* ============================================
   ERROR
   ============================================ */

.login-alert[b-ft3z2ik28b] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    padding: 13px 15px;
    border: 1px solid rgba(180, 35, 24, 0.20);
    border-radius: var(--hefesto-radius-md);
    background-color: #FFF4F2;
    color: var(--hefesto-danger);
    font-size: 0.8rem;
}

    .login-alert i[b-ft3z2ik28b] {
        flex-shrink: 0;
        font-size: 1rem;
    }


/* ============================================
   FORM
   ============================================ */

.login-form[b-ft3z2ik28b] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .login-form .hefesto-form-group[b-ft3z2ik28b] {
        margin-bottom: 0;
    }

        .login-form .hefesto-form-group label[b-ft3z2ik28b] {
            display: block;
            margin-bottom: 8px;
            color: var(--hefesto-charcoal);
            font-size: 0.8rem;
            font-weight: 600;
        }


    /* ============================================
   INPUTS
   ============================================ */

    .login-form .hefesto-input-wrapper[b-ft3z2ik28b] {
        position: relative;
    }

        .login-form .hefesto-input-wrapper > i[b-ft3z2ik28b] {
            position: absolute;
            top: 50%;
            left: 15px;
            z-index: 1;
            color: var(--hefesto-muted);
            font-size: 1rem;
            pointer-events: none;
            transform: translateY(-50%);
            transition: color var(--hefesto-transition);
        }

        .login-form .hefesto-input-wrapper input[b-ft3z2ik28b] {
            width: 100%;
            height: 50px;
            padding: 0 15px 0 45px;
            box-sizing: border-box;
            border: 1px solid var(--hefesto-gray);
            border-radius: var(--hefesto-radius-md);
            outline: none;
            background-color: var(--hefesto-white);
            color: var(--hefesto-charcoal);
            font-family: inherit;
            font-size: 0.875rem;
            transition: border-color var(--hefesto-transition), box-shadow var(--hefesto-transition);
        }

            .login-form .hefesto-input-wrapper input[b-ft3z2ik28b]::placeholder {
                color: var(--hefesto-muted);
            }

            .login-form .hefesto-input-wrapper input:hover[b-ft3z2ik28b] {
                border-color: #A8A8A8;
            }

            .login-form .hefesto-input-wrapper input:focus[b-ft3z2ik28b] {
                border-color: var(--hefesto-green);
                box-shadow: 0 0 0 3px rgba(130, 202, 61, 0.16);
            }

        .login-form .hefesto-input-wrapper:focus-within > i[b-ft3z2ik28b] {
            color: var(--hefesto-dark-green);
        }


/* ============================================
   LOGIN BUTTON
   ============================================ */

.login-button[b-ft3z2ik28b] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    gap: 10px;
    margin-top: 4px;
    padding: 0 16px;
    border: 0;
    border-radius: var(--hefesto-radius-md);
    background-color: var(--hefesto-green);
    color: var(--hefesto-deep-green);
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(130, 202, 61, 0.25);
    transition: background-color var(--hefesto-transition), color var(--hefesto-transition), transform var(--hefesto-transition), box-shadow var(--hefesto-transition);
}

    .login-button:hover[b-ft3z2ik28b] {
        background-color: var(--hefesto-dark-green);
        color: var(--hefesto-white);
        box-shadow: 0 8px 20px rgba(59, 94, 33, 0.25);
        transform: translateY(-1px);
    }

    .login-button:active[b-ft3z2ik28b] {
        transform: translateY(0);
    }

    .login-button:focus-visible[b-ft3z2ik28b] {
        outline: none;
        box-shadow: 0 0 0 3px rgba(130, 202, 61, 0.20), 0 6px 16px rgba(130, 202, 61, 0.25);
    }

    .login-button i[b-ft3z2ik28b] {
        font-size: 1rem;
        transition: transform var(--hefesto-transition);
    }

    .login-button:hover i[b-ft3z2ik28b] {
        transform: translateX(3px);
    }


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

.login-footer[b-ft3z2ik28b] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 28px;
    color: var(--hefesto-muted);
    font-size: 0.7rem;
    text-align: center;
}

    .login-footer span:first-child[b-ft3z2ik28b] {
        color: var(--hefesto-dark-green);
        font-weight: 600;
    }


/* ============================================
   MOBILE
   ============================================ */

@media (max-width: 576px) {
    .login-page[b-ft3z2ik28b] {
        padding: 16px;
    }

    .login-card[b-ft3z2ik28b] {
        padding: 32px 24px;
        border-radius: var(--hefesto-radius-lg);
    }

    .login-header h1[b-ft3z2ik28b] {
        font-size: 1.625rem;
    }

    .login-brand-icon[b-ft3z2ik28b],
    .login-logo[b-ft3z2ik28b] {
        width: 70px;
        height: 70px;
    }
}
/* /Components/Pages/Password.razor.rz.scp.css */
/* ============================================
   CHANGE PASSWORD PAGE
   ============================================ */

.change-password-page[b-vmgneqcm5o] {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    box-sizing: border-box;
}


/* ============================================
   CARD
   ============================================ */

.change-password-card[b-vmgneqcm5o] {
    width: 100%;
    max-width: 460px;
    padding: 42px;
    box-sizing: border-box;
    background-color: var(--hefesto-white);
    border: 1px solid rgba(59, 94, 33, 0.08);
    border-radius: var(--hefesto-radius-xl);
    box-shadow: 0 20px 50px rgba(41, 67, 22, 0.10), var(--hefesto-shadow-md);
}


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

.change-password-header[b-vmgneqcm5o] {
    margin-bottom: 32px;
    text-align: center;
}

.password-icon[b-vmgneqcm5o] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: var(--hefesto-radius-lg);
    background-color: var(--hefesto-soft-green);
    color: var(--hefesto-dark-green);
    font-size: 1.75rem;
}

.change-password-header h1[b-vmgneqcm5o] {
    margin: 0;
    color: var(--hefesto-deep-green);
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.25;
}

.change-password-header p[b-vmgneqcm5o] {
    max-width: 360px;
    margin: 10px auto 0;
    color: var(--hefesto-muted);
    font-size: 0.875rem;
    line-height: 1.5;
}


/* ============================================
   ALERTS
   ============================================ */

.password-alert[b-vmgneqcm5o] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    padding: 13px 15px;
    border: 1px solid transparent;
    border-radius: var(--hefesto-radius-md);
    font-size: 0.8rem;
}

    .password-alert i[b-vmgneqcm5o] {
        flex-shrink: 0;
        font-size: 1rem;
    }

.password-alert-error[b-vmgneqcm5o] {
    border-color: rgba(180, 35, 24, 0.20);
    background-color: #FFF4F2;
    color: var(--hefesto-danger);
}

.password-alert-success[b-vmgneqcm5o] {
    border-color: rgba(59, 94, 33, 0.18);
    background-color: var(--hefesto-soft-green);
    color: var(--hefesto-dark-green);
}


/* ============================================
   FORM
   ============================================ */

.change-password-form[b-vmgneqcm5o] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .change-password-form .hefesto-form-group[b-vmgneqcm5o] {
        margin-bottom: 0;
    }

        .change-password-form .hefesto-form-group label[b-vmgneqcm5o] {
            display: block;
            margin-bottom: 8px;
            color: var(--hefesto-charcoal);
            font-size: 0.8rem;
            font-weight: 600;
        }


    /* ============================================
   INPUTS
   ============================================ */

    .change-password-form .hefesto-input-wrapper[b-vmgneqcm5o] {
        position: relative;
        width: 100%;
    }

        .change-password-form .hefesto-input-wrapper > i[b-vmgneqcm5o] {
            position: absolute;
            top: 50%;
            left: 15px;
            z-index: 1;
            color: var(--hefesto-muted);
            font-size: 1rem;
            pointer-events: none;
            transform: translateY(-50%);
            transition: color var(--hefesto-transition);
        }

        .change-password-form .hefesto-input-wrapper input[b-vmgneqcm5o] {
            width: 100%;
            height: 50px;
            box-sizing: border-box;
            padding: 0 15px 0 45px;
            border: 1px solid var(--hefesto-gray);
            border-radius: var(--hefesto-radius-md);
            background-color: var(--hefesto-white);
            color: var(--hefesto-charcoal);
            font-family: inherit;
            font-size: 0.875rem;
            line-height: normal;
            outline: none;
            appearance: none;
            -webkit-appearance: none;
            transition: border-color var(--hefesto-transition), box-shadow var(--hefesto-transition);
        }

            .change-password-form .hefesto-input-wrapper input[b-vmgneqcm5o]::placeholder {
                color: var(--hefesto-muted);
                opacity: 1;
            }

            .change-password-form .hefesto-input-wrapper input:hover[b-vmgneqcm5o] {
                border-color: #A8A8A8;
            }

            .change-password-form .hefesto-input-wrapper input:focus[b-vmgneqcm5o] {
                border-color: var(--hefesto-green);
                box-shadow: 0 0 0 3px rgba(130, 202, 61, 0.16);
            }

        .change-password-form .hefesto-input-wrapper:focus-within > i[b-vmgneqcm5o] {
            color: var(--hefesto-dark-green);
        }


/* ============================================
   BUTTON
   ============================================ */

.change-password-button[b-vmgneqcm5o] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    gap: 10px;
    margin-top: 4px;
    padding: 0 16px;
    border: 0;
    border-radius: var(--hefesto-radius-md);
    background-color: var(--hefesto-green);
    color: var(--hefesto-deep-green);
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(130, 202, 61, 0.25);
    transition: background-color var(--hefesto-transition), color var(--hefesto-transition), transform var(--hefesto-transition), box-shadow var(--hefesto-transition);
}

    .change-password-button:hover:not(:disabled)[b-vmgneqcm5o] {
        background-color: var(--hefesto-dark-green);
        color: var(--hefesto-white);
        box-shadow: 0 8px 20px rgba(59, 94, 33, 0.25);
        transform: translateY(-1px);
    }

    .change-password-button:active:not(:disabled)[b-vmgneqcm5o] {
        transform: translateY(0);
    }

    .change-password-button:focus-visible[b-vmgneqcm5o] {
        outline: none;
        box-shadow: 0 0 0 3px rgba(130, 202, 61, 0.20), 0 6px 16px rgba(130, 202, 61, 0.25);
    }

    .change-password-button:disabled[b-vmgneqcm5o] {
        opacity: 0.65;
        cursor: not-allowed;
        transform: none;
    }

    .change-password-button i[b-vmgneqcm5o] {
        font-size: 1rem;
    }


/* ============================================
   MOBILE
   ============================================ */

@media (max-width: 576px) {

    .change-password-page[b-vmgneqcm5o] {
        padding: 24px 16px;
    }

    .change-password-card[b-vmgneqcm5o] {
        padding: 32px 24px;
        border-radius: var(--hefesto-radius-lg);
    }

    .change-password-header h1[b-vmgneqcm5o] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/RegisterMaterial.razor.rz.scp.css */
.registration-page[b-ghrepxldaa] {
    width: 100%;
    max-width: var(--hefesto-page-max-width);
    margin: 0 auto;
    padding: 24px;
    box-sizing: border-box;
}

.registration-header[b-ghrepxldaa] {
    margin-bottom: 24px;
}

    .registration-header h1[b-ghrepxldaa] {
        margin: 0;
        color: var(--hefesto-deep-green);
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 1.25;
    }

    .registration-header p[b-ghrepxldaa] {
        margin: 6px 0 0;
        color: var(--hefesto-muted);
        font-size: 0.9rem;
    }

.registration-steps[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 24px;
}

.registration-step[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--hefesto-muted);
    white-space: nowrap;
}

    .registration-step span[b-ghrepxldaa] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-color: var(--hefesto-light-gray);
        color: var(--hefesto-muted);
        font-size: 0.875rem;
        font-weight: 700;
    }

    .registration-step label[b-ghrepxldaa] {
        font-size: 0.8rem;
        font-weight: 600;
    }

    .registration-step.active[b-ghrepxldaa] {
        color: var(--hefesto-deep-green);
    }

        .registration-step.active span[b-ghrepxldaa] {
            background-color: var(--hefesto-green);
            color: var(--hefesto-deep-green);
        }

    .registration-step.completed[b-ghrepxldaa] {
        color: var(--hefesto-dark-green);
    }

        .registration-step.completed span[b-ghrepxldaa] {
            background-color: var(--hefesto-success);
            color: var(--hefesto-white);
        }

.registration-step-line[b-ghrepxldaa] {
    height: 1px;
    flex: 1;
    margin: 0 16px;
    background-color: var(--hefesto-gray);
}

.registration-panel[b-ghrepxldaa] {
    width: 100%;
    overflow: hidden;
    background-color: var(--hefesto-white);
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-lg);
    box-shadow: var(--hefesto-shadow-sm);
}

.registration-panel-header[b-ghrepxldaa] {
    padding: 22px 24px;
    border-bottom: 1px solid var(--hefesto-light-gray);
}

    .registration-panel-header h2[b-ghrepxldaa] {
        margin: 0;
        color: var(--hefesto-deep-green);
        font-size: 1.25rem;
        font-weight: 700;
    }

    .registration-panel-header p[b-ghrepxldaa] {
        margin: 5px 0 0;
        color: var(--hefesto-muted);
        font-size: 0.875rem;
    }

/* =========================================================
   MODOS
   ========================================================= */

.registration-mode-options[b-ghrepxldaa] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 20px 24px 4px;
}

.registration-mode-option[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    min-height: 88px;
    gap: 13px;
    padding: 16px;
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-md);
    background-color: var(--hefesto-white);
    color: var(--hefesto-charcoal);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color var(--hefesto-transition), background-color var(--hefesto-transition), box-shadow var(--hefesto-transition);
}

    .registration-mode-option:hover:not(:disabled)[b-ghrepxldaa] {
        background-color: var(--hefesto-soft-green);
        border-color: rgba(59, 94, 33, 0.22);
        box-shadow: var(--hefesto-shadow-sm);
    }

    .registration-mode-option:disabled[b-ghrepxldaa] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.registration-mode-icon[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: var(--hefesto-radius-sm);
    background-color: var(--hefesto-soft-green);
    color: var(--hefesto-dark-green);
    font-size: 1.25rem;
}

.registration-mode-content[b-ghrepxldaa] {
    min-width: 0;
    flex: 1;
}

    .registration-mode-content strong[b-ghrepxldaa] {
        display: block;
        color: var(--hefesto-deep-green);
        font-size: 0.875rem;
    }

    .registration-mode-content span[b-ghrepxldaa] {
        display: block;
        margin-top: 4px;
        color: var(--hefesto-muted);
        font-size: 0.75rem;
        line-height: 1.35;
    }

.registration-mode-arrow[b-ghrepxldaa] {
    color: var(--hefesto-muted);
}

/* =========================================================
   PESQUISA
   ========================================================= */

.registration-search[b-ghrepxldaa] {
    padding: 20px 24px;
}

    .registration-search > label[b-ghrepxldaa] {
        display: block;
        margin-bottom: 7px;
        color: var(--hefesto-charcoal);
        font-size: 0.8rem;
        font-weight: 600;
    }

.registration-search-input[b-ghrepxldaa] {
    position: relative;
}

    .registration-search-input > i[b-ghrepxldaa] {
        position: absolute;
        top: 50%;
        left: 13px;
        color: var(--hefesto-muted);
        transform: translateY(-50%);
        pointer-events: none;
    }

    .registration-search-input input[b-ghrepxldaa] {
        width: 100%;
        height: 42px;
        padding: 0 42px 0 38px;
        box-sizing: border-box;
        border: 1px solid var(--hefesto-gray);
        border-radius: var(--hefesto-radius-sm);
        outline: none;
        background-color: var(--hefesto-white);
        color: var(--hefesto-charcoal);
        font-family: inherit;
        transition: border-color var(--hefesto-transition), box-shadow var(--hefesto-transition);
    }

        .registration-search-input input[b-ghrepxldaa]::placeholder {
            color: var(--hefesto-muted);
        }

        .registration-search-input input:hover[b-ghrepxldaa] {
            border-color: var(--hefesto-green);
        }

        .registration-search-input input:focus[b-ghrepxldaa] {
            border-color: var(--hefesto-green);
            box-shadow: 0 0 0 3px rgba(130, 202, 61, 0.12);
        }

        .registration-search-input input:disabled[b-ghrepxldaa] {
            background-color: var(--hefesto-light-gray);
            cursor: not-allowed;
        }

.registration-search-clear[b-ghrepxldaa] {
    position: absolute;
    top: 50%;
    right: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: transparent;
    color: var(--hefesto-muted);
    cursor: pointer;
    transform: translateY(-50%);
}

    .registration-search-clear:hover[b-ghrepxldaa] {
        background-color: var(--hefesto-soft-green);
        color: var(--hefesto-dark-green);
    }

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

.registration-items-header[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px 12px;
}

    .registration-items-header > div:first-child[b-ghrepxldaa] {
        display: flex;
        align-items: baseline;
        gap: 8px;
    }

    .registration-items-header strong[b-ghrepxldaa] {
        color: var(--hefesto-charcoal);
        font-size: 0.875rem;
    }

    .registration-items-header span[b-ghrepxldaa] {
        color: var(--hefesto-muted);
        font-size: 0.75rem;
    }

.registration-selected-count[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .registration-selected-count strong[b-ghrepxldaa] {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 26px;
        height: 26px;
        padding: 0 7px;
        box-sizing: border-box;
        border-radius: 13px;
        background-color: var(--hefesto-deep-green);
        color: var(--hefesto-white);
        font-size: 0.75rem;
    }

.registration-items-list[b-ghrepxldaa] {
    display: flex;
    flex-direction: column;
    padding: 0 24px;
}

.registration-item[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 72px;
    gap: 12px;
    padding: 12px 4px;
    border: 0;
    border-bottom: 1px solid var(--hefesto-light-gray);
    background-color: var(--hefesto-white);
    color: inherit;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--hefesto-transition);
}

    .registration-item:hover:not(:disabled)[b-ghrepxldaa] {
        background-color: var(--hefesto-soft-green);
    }

    .registration-item.selected[b-ghrepxldaa] {
        background-color: var(--hefesto-soft-green);
    }

    .registration-item:disabled[b-ghrepxldaa] {
        cursor: not-allowed;
    }

.registration-item-check[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-sm);
    background-color: var(--hefesto-white);
}

.registration-item.selected .registration-item-check[b-ghrepxldaa] {
    background-color: var(--hefesto-green);
    border-color: var(--hefesto-green);
    color: var(--hefesto-deep-green);
}

.registration-item-content[b-ghrepxldaa] {
    flex: 1;
    min-width: 0;
}

.registration-item-code[b-ghrepxldaa] {
    color: var(--hefesto-deep-green);
    font-size: 0.8rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.registration-item-name[b-ghrepxldaa] {
    margin-top: 3px;
    color: var(--hefesto-charcoal);
    font-size: 0.8rem;
}

.registration-item-quantity[b-ghrepxldaa] {
    margin-top: 3px;
    color: var(--hefesto-muted);
    font-size: 0.75rem;
}

.registration-empty[b-ghrepxldaa] {
    min-height: 220px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .registration-empty > i[b-ghrepxldaa] {
        margin-bottom: 12px;
        color: var(--hefesto-muted);
        font-size: 2rem;
    }

    .registration-empty strong[b-ghrepxldaa] {
        color: var(--hefesto-charcoal);
    }

    .registration-empty span[b-ghrepxldaa] {
        margin-top: 4px;
        color: var(--hefesto-muted);
        font-size: 0.8rem;
    }

.registration-loading[b-ghrepxldaa] {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--hefesto-muted);
}

.registration-spinner[b-ghrepxldaa] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--hefesto-gray);
    border-top-color: var(--hefesto-green);
    border-radius: 50%;
    animation: registration-spin-b-ghrepxldaa 0.7s linear infinite;
}

@keyframes registration-spin-b-ghrepxldaa {
    to {
        transform: rotate(360deg);
    }
}

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

.registration-panel-footer[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 24px;
    border-top: 1px solid var(--hefesto-light-gray);
}

.registration-footer-info[b-ghrepxldaa] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    color: var(--hefesto-muted);
    font-size: 0.8rem;
}

    .registration-footer-info strong[b-ghrepxldaa] {
        color: var(--hefesto-deep-green);
    }

.registration-primary-button[b-ghrepxldaa],
.registration-secondary-button[b-ghrepxldaa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    gap: 8px;
    padding: 0 17px;
    border-radius: var(--hefesto-radius-sm);
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--hefesto-transition), border-color var(--hefesto-transition), color var(--hefesto-transition), opacity var(--hefesto-transition);
}

.registration-primary-button[b-ghrepxldaa] {
    border: 1px solid var(--hefesto-green);
    background-color: var(--hefesto-green);
    color: var(--hefesto-deep-green);
}

    .registration-primary-button:hover:not(:disabled)[b-ghrepxldaa] {
        background-color: var(--hefesto-dark-green);
        border-color: var(--hefesto-dark-green);
        color: var(--hefesto-white);
    }

    .registration-primary-button:disabled[b-ghrepxldaa] {
        opacity: 0.45;
        cursor: not-allowed;
    }

.registration-secondary-button[b-ghrepxldaa] {
    border: 1px solid var(--hefesto-gray);
    background-color: var(--hefesto-white);
    color: var(--hefesto-charcoal);
}

    .registration-secondary-button:hover:not(:disabled)[b-ghrepxldaa] {
        border-color: var(--hefesto-green);
        background-color: var(--hefesto-soft-green);
        color: var(--hefesto-dark-green);
    }

    .registration-secondary-button:disabled[b-ghrepxldaa] {
        opacity: 0.55;
        cursor: not-allowed;
    }

/* =========================================================
   QUANTIDADES
   ========================================================= */

.registration-quantity-list[b-ghrepxldaa] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px 24px;
}

.registration-quantity-card[b-ghrepxldaa] {
    padding: 17px;
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-md);
    background-color: var(--hefesto-white);
}

.registration-quantity-header[b-ghrepxldaa] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}

.registration-available[b-ghrepxldaa] {
    margin-top: 5px;
    color: var(--hefesto-muted);
    font-size: 0.75rem;
}

.registration-remove-button[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: var(--hefesto-radius-sm);
    background-color: transparent;
    color: var(--hefesto-muted);
    cursor: pointer;
}

    .registration-remove-button:hover[b-ghrepxldaa] {
        background-color: #FFF4F2;
        color: var(--hefesto-danger);
    }

.registration-return-toggle[b-ghrepxldaa] {
    margin-top: 17px;
}

.registration-toggle[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
    padding: 11px;
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-sm);
    background-color: var(--hefesto-white);
    color: var(--hefesto-charcoal);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--hefesto-transition), border-color var(--hefesto-transition);
}

    .registration-toggle:hover[b-ghrepxldaa] {
        border-color: rgba(59, 94, 33, 0.20);
        background-color: var(--hefesto-soft-green);
    }

    .registration-toggle.active[b-ghrepxldaa] {
        background-color: var(--hefesto-soft-green);
        border-color: rgba(59, 94, 33, 0.25);
    }

.registration-toggle-box[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    border: 1px solid var(--hefesto-gray);
    border-radius: 5px;
    background-color: var(--hefesto-white);
}

.registration-toggle.active .registration-toggle-box[b-ghrepxldaa] {
    background-color: var(--hefesto-green);
    border-color: var(--hefesto-green);
    color: var(--hefesto-deep-green);
}

.registration-toggle strong[b-ghrepxldaa] {
    display: block;
    color: var(--hefesto-charcoal);
    font-size: 0.8rem;
}

.registration-toggle small[b-ghrepxldaa] {
    display: block;
    margin-top: 2px;
    color: var(--hefesto-muted);
    font-size: 0.7rem;
}

.registration-quantity-fields[b-ghrepxldaa] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 15px;
}

.registration-quantity-field label[b-ghrepxldaa],
.registration-custody label[b-ghrepxldaa] {
    display: block;
    margin-bottom: 6px;
    color: var(--hefesto-charcoal);
    font-size: 0.75rem;
    font-weight: 600;
}

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

    .registration-input-wrapper input[b-ghrepxldaa] {
        width: 100%;
        height: 40px;
        padding: 0 55px 0 11px;
        box-sizing: border-box;
        border: 1px solid var(--hefesto-gray);
        border-radius: var(--hefesto-radius-sm);
        outline: none;
        background-color: var(--hefesto-white);
        color: var(--hefesto-charcoal);
        font-family: inherit;
        transition: border-color var(--hefesto-transition), box-shadow var(--hefesto-transition);
    }

        .registration-input-wrapper input:hover[b-ghrepxldaa] {
            border-color: var(--hefesto-green);
        }

        .registration-input-wrapper input:focus[b-ghrepxldaa] {
            border-color: var(--hefesto-green);
            box-shadow: 0 0 0 3px rgba(130, 202, 61, 0.12);
        }

    .registration-input-wrapper span[b-ghrepxldaa] {
        position: absolute;
        top: 50%;
        right: 11px;
        color: var(--hefesto-muted);
        font-size: 0.75rem;
        pointer-events: none;
        transform: translateY(-50%);
    }

.registration-custody[b-ghrepxldaa] {
    margin-top: 13px;
}

    .registration-custody select[b-ghrepxldaa] {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        border: 1px solid var(--hefesto-gray);
        border-radius: var(--hefesto-radius-sm);
        background-color: var(--hefesto-white);
        color: var(--hefesto-charcoal);
        font-family: inherit;
        outline: none;
    }

        .registration-custody select:focus[b-ghrepxldaa] {
            border-color: var(--hefesto-green);
            box-shadow: 0 0 0 3px rgba(130, 202, 61, 0.12);
        }

.registration-return-total[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 14px;
    padding: 13px;
    border-radius: var(--hefesto-radius-sm);
    background-color: var(--hefesto-soft-green);
}

.registration-return-total-icon[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--hefesto-radius-sm);
    background-color: var(--hefesto-white);
    color: var(--hefesto-dark-green);
}

.registration-return-total span[b-ghrepxldaa],
.registration-return-total strong[b-ghrepxldaa] {
    display: block;
}

.registration-return-total span[b-ghrepxldaa] {
    color: var(--hefesto-muted);
    font-size: 0.7rem;
}

.registration-return-total strong[b-ghrepxldaa] {
    margin-top: 2px;
    color: var(--hefesto-deep-green);
}

.registration-quantity-summary[b-ghrepxldaa] {
    display: flex;
    gap: 25px;
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid var(--hefesto-light-gray);
}

    .registration-quantity-summary div[b-ghrepxldaa] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .registration-quantity-summary span[b-ghrepxldaa] {
        color: var(--hefesto-muted);
        font-size: 0.7rem;
    }

    .registration-quantity-summary strong[b-ghrepxldaa] {
        color: var(--hefesto-charcoal);
        font-size: 0.875rem;
    }

.registration-validation-error[b-ghrepxldaa],
.registration-submit-error[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #F3C7C3;
    border-radius: var(--hefesto-radius-sm);
    background-color: #FDECEC;
    color: var(--hefesto-danger);
    font-size: 0.75rem;
}

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

.registration-summary[b-ghrepxldaa] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 24px;
}

.registration-summary-card[b-ghrepxldaa] {
    padding: 15px;
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-md);
    background-color: var(--hefesto-white);
}

.registration-summary-header[b-ghrepxldaa] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}

.registration-summary-badge[b-ghrepxldaa] {
    flex-shrink: 0;
    padding: 4px 8px;
    border-radius: var(--hefesto-radius-sm);
    background-color: var(--hefesto-soft-green);
    color: var(--hefesto-dark-green);
    font-size: 0.7rem;
    font-weight: 600;
}

.registration-summary-values[b-ghrepxldaa] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 13px;
    padding-top: 12px;
    border-top: 1px solid var(--hefesto-light-gray);
}

    .registration-summary-values div[b-ghrepxldaa] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .registration-summary-values span[b-ghrepxldaa] {
        color: var(--hefesto-muted);
        font-size: 0.7rem;
    }

    .registration-summary-values strong[b-ghrepxldaa] {
        color: var(--hefesto-charcoal);
        font-size: 0.8rem;
    }

/* =========================================================
   SCANNER MODAL
   ========================================================= */

.scanner-modal-backdrop[b-ghrepxldaa] {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    padding: 20px;
    box-sizing: border-box;
    overflow: auto;
    background-color: rgba(41, 67, 22, 0.72);
}

.scanner-modal[b-ghrepxldaa] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(560px, 100%);
    max-height: calc(100vh - 40px);
    overflow: hidden;
    border-radius: var(--hefesto-radius-xl);
    background-color: var(--hefesto-white);
    box-shadow: var(--hefesto-shadow-lg);
}

.scanner-modal-header[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 68px;
    gap: 15px;
    padding: 14px 17px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--hefesto-light-gray);
}

.scanner-modal-title[b-ghrepxldaa] {
    min-width: 0;
}

    .scanner-modal-title h3[b-ghrepxldaa] {
        margin: 0;
        color: var(--hefesto-deep-green);
        font-size: 1.05rem;
        font-weight: 700;
    }

    .scanner-modal-title span[b-ghrepxldaa] {
        display: block;
        margin-top: 3px;
        color: var(--hefesto-muted);
        font-size: 0.75rem;
    }

.scanner-modal-close[b-ghrepxldaa] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    padding: 0;
    border: 0;
    border-radius: var(--hefesto-radius-sm);
    background-color: transparent;
    color: var(--hefesto-muted);
    cursor: pointer;
    transition: background-color var(--hefesto-transition), color var(--hefesto-transition);
}

    .scanner-modal-close:hover[b-ghrepxldaa] {
        background-color: var(--hefesto-soft-green);
        color: var(--hefesto-dark-green);
    }

.scanner-modal-body[b-ghrepxldaa] {
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    overflow-y: auto;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 700px) {
    .registration-page[b-ghrepxldaa] {
        padding: 14px;
    }

    .registration-mode-options[b-ghrepxldaa] {
        grid-template-columns: 1fr;
        padding-right: 14px;
        padding-left: 14px;
    }

    .registration-search[b-ghrepxldaa] {
        padding-right: 14px;
        padding-left: 14px;
    }

    .registration-items-header[b-ghrepxldaa] {
        padding-right: 14px;
        padding-left: 14px;
    }

    .registration-items-list[b-ghrepxldaa] {
        padding-right: 14px;
        padding-left: 14px;
    }

    .registration-quantity-list[b-ghrepxldaa],
    .registration-summary[b-ghrepxldaa] {
        padding-right: 14px;
        padding-left: 14px;
    }

    .registration-quantity-fields[b-ghrepxldaa] {
        grid-template-columns: 1fr;
    }

    .registration-panel-footer[b-ghrepxldaa] {
        padding-right: 14px;
        padding-left: 14px;
    }

    .registration-step-line[b-ghrepxldaa] {
        margin-right: 8px;
        margin-left: 8px;
    }

    .registration-step label[b-ghrepxldaa] {
        display: none;
    }

    .scanner-modal-backdrop[b-ghrepxldaa] {
        padding: 10px;
    }

    .scanner-modal[b-ghrepxldaa] {
        max-height: calc(100vh - 20px);
    }

    .scanner-modal-body[b-ghrepxldaa] {
        padding: 10px;
    }
}

@media (max-width: 480px) {
    .registration-page[b-ghrepxldaa] {
        padding: 10px;
    }

    .registration-header h1[b-ghrepxldaa] {
        font-size: 1.5rem;
    }

    .registration-panel-header[b-ghrepxldaa] {
        padding: 18px 16px;
    }

    .registration-panel-footer[b-ghrepxldaa] {
        align-items: stretch;
        flex-direction: column;
    }

    .registration-footer-info[b-ghrepxldaa] {
        justify-content: center;
    }

    .registration-primary-button[b-ghrepxldaa],
    .registration-secondary-button[b-ghrepxldaa] {
        width: 100%;
    }

    .registration-summary-values[b-ghrepxldaa] {
        gap: 16px;
    }
}
/* /Components/Pages/Reports.razor.rz.scp.css */
/* ============================================
   REPORTS PAGE
   ============================================ */

.reports-page[b-ltt6ammpre] {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}


/* ============================================
   REPORT TABS
   ============================================ */

.report-tabs[b-ltt6ammpre] {
    display: flex;
    gap: 4px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--hefesto-gray);
}

.report-tab[b-ltt6ammpre] {
    flex: 1;
    padding: 11px 16px;
    margin-bottom: -1px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--hefesto-muted);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: color var(--hefesto-transition), border-color var(--hefesto-transition);
}

    .report-tab:hover[b-ltt6ammpre] {
        color: var(--hefesto-dark-green);
    }

    .report-tab.active[b-ltt6ammpre] {
        border-bottom-color: var(--hefesto-green);
        color: var(--hefesto-dark-green);
    }


/* ============================================
   REPORT FILTERS
   ============================================ */

.report-filters[b-ltt6ammpre],
.unique-search[b-ltt6ammpre] {
    display: flex;
    align-items: flex-end;
    gap: 15px;
    padding: 20px;
    background-color: var(--hefesto-white);
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-lg);
    box-shadow: var(--hefesto-shadow-sm);
}

.date-field[b-ltt6ammpre],
.unique-search-field[b-ltt6ammpre] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .date-field label[b-ltt6ammpre],
    .unique-search-field label[b-ltt6ammpre] {
        color: var(--hefesto-muted);
        font-size: 0.8rem;
        font-weight: 600;
    }

    .date-field input[b-ltt6ammpre],
    .unique-search-field input[b-ltt6ammpre] {
        min-height: 42px;
        padding: 9px 10px;
        border: 1px solid var(--hefesto-gray);
        border-radius: var(--hefesto-radius-sm);
        background-color: var(--hefesto-white);
        color: var(--hefesto-charcoal);
        font-family: inherit;
        box-sizing: border-box;
        transition: border-color var(--hefesto-transition), box-shadow var(--hefesto-transition);
    }

        .date-field input:focus[b-ltt6ammpre],
        .unique-search-field input:focus[b-ltt6ammpre] {
            outline: none;
            border-color: var(--hefesto-green);
            box-shadow: 0 0 0 3px rgba(130, 202, 61, 0.12);
        }

.unique-search-field[b-ltt6ammpre] {
    flex: 1;
}

.search-button[b-ltt6ammpre] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 20px;
    border: 1px solid var(--hefesto-green);
    border-radius: var(--hefesto-radius-md);
    background-color: var(--hefesto-green);
    color: var(--hefesto-white);
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--hefesto-transition), border-color var(--hefesto-transition);
}

    .search-button:hover:not(:disabled)[b-ltt6ammpre] {
        background-color: var(--hefesto-dark-green);
        border-color: var(--hefesto-dark-green);
    }

    .search-button:disabled[b-ltt6ammpre] {
        opacity: 0.6;
        cursor: not-allowed;
    }


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

.results-header[b-ltt6ammpre] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 25px 0 15px;
}

    .results-header h3[b-ltt6ammpre] {
        margin: 0;
        color: var(--hefesto-deep-green);
    }

.result-count[b-ltt6ammpre] {
    color: var(--hefesto-muted);
    font-size: 0.8rem;
}


/* ============================================
   EMAIL ACTION
   ============================================ */

.email-button[b-ltt6ammpre] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--hefesto-dark-green);
    border-radius: var(--hefesto-radius-md);
    background-color: var(--hefesto-dark-green);
    color: var(--hefesto-white);
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--hefesto-transition), border-color var(--hefesto-transition);
}

    .email-button:hover[b-ltt6ammpre] {
        background-color: var(--hefesto-deep-green);
        border-color: var(--hefesto-deep-green);
    }

.email-icon[b-ltt6ammpre] {
    font-size: 1rem;
}


/* ============================================
   REPORT LIST
   ============================================ */

.report-item[b-ltt6ammpre] {
    margin-bottom: 12px;
    overflow: hidden;
    background-color: var(--hefesto-white);
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-lg);
    box-shadow: var(--hefesto-shadow-sm);
}


/* ============================================
   REPORT ITEM HEADER
   ============================================ */

.item-header[b-ltt6ammpre] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    cursor: pointer;
    transition: background-color var(--hefesto-transition);
}

    .item-header:hover[b-ltt6ammpre] {
        background-color: #FAFCF8;
    }

.item-info[b-ltt6ammpre] {
    flex: 1;
    min-width: 0;
}

.item-psn[b-ltt6ammpre] {
    color: var(--hefesto-deep-green);
    font-size: 0.95rem;
    font-weight: 700;
}

.item-name[b-ltt6ammpre] {
    margin-top: 3px;
    color: var(--hefesto-charcoal);
    font-size: 0.875rem;
}

.item-quantity[b-ltt6ammpre] {
    margin-top: 8px;
    color: var(--hefesto-dark-green);
    font-size: 0.875rem;
    font-weight: 600;
}

.item-provider[b-ltt6ammpre] {
    margin-top: 8px;
    color: var(--hefesto-muted);
    font-size: 0.75rem;
}


/* ============================================
   ITEM ACTIONS
   ============================================ */

.item-actions[b-ltt6ammpre] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: 15px;
    flex-shrink: 0;
}

.item-email-button[b-ltt6ammpre] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-sm);
    background-color: var(--hefesto-white);
    color: var(--hefesto-dark-green);
    cursor: pointer;
    font-size: 1rem;
    transition: background-color var(--hefesto-transition), border-color var(--hefesto-transition);
}

    .item-email-button:hover[b-ltt6ammpre] {
        background-color: var(--hefesto-soft-green);
        border-color: var(--hefesto-green);
    }

.expand-icon[b-ltt6ammpre] {
    color: var(--hefesto-dark-green);
    font-size: 1rem;
}


/* ============================================
   REPORT DETAILS
   ============================================ */

.item-details[b-ltt6ammpre] {
    padding: 0 16px 16px;
    border-top: 1px solid var(--hefesto-light-gray);
}

.details-grid[b-ltt6ammpre] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding-top: 15px;
}

    .details-grid div[b-ltt6ammpre] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .details-grid label[b-ltt6ammpre] {
        color: var(--hefesto-muted);
        font-size: 0.7rem;
        font-weight: 600;
    }

    .details-grid span[b-ltt6ammpre] {
        color: var(--hefesto-charcoal);
        font-size: 0.8rem;
    }


/* ============================================
   CONSUMPTION TABLE
   ============================================ */

.consumption-table[b-ltt6ammpre] {
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid var(--hefesto-gray);
    border-radius: var(--hefesto-radius-md);
}

.consumption-table-header[b-ltt6ammpre],
.consumption-table-values[b-ltt6ammpre] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    text-align: center;
}

.consumption-table-header[b-ltt6ammpre] {
    background-color: var(--hefesto-soft-green);
    color: var(--hefesto-deep-green);
    font-size: 0.75rem;
    font-weight: 700;
}

    .consumption-table-header div[b-ltt6ammpre] {
        padding: 10px 5px;
    }

.consumption-table-values[b-ltt6ammpre] {
    background-color: var(--hefesto-white);
    color: var(--hefesto-charcoal);
    font-size: 0.95rem;
    font-weight: 600;
}

    .consumption-table-values div[b-ltt6ammpre] {
        padding: 12px 5px;
    }

        .consumption-table-values div + div[b-ltt6ammpre],
        .consumption-table-header div + div[b-ltt6ammpre] {
            border-left: 1px solid var(--hefesto-light-gray);
        }


/* ============================================
   RETURNED TO
   ============================================ */

.returned-to[b-ltt6ammpre] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 10px 12px;
    background-color: #FAFCF8;
    border: 1px solid #E4E9DF;
    border-radius: var(--hefesto-radius-sm);
}

.returned-to-label[b-ltt6ammpre] {
    color: var(--hefesto-muted);
    font-size: 0.75rem;
    font-weight: 600;
}

.returned-to-value[b-ltt6ammpre] {
    color: var(--hefesto-deep-green);
    font-size: 0.8rem;
    font-weight: 600;
}


/* ============================================
   EMAIL ITEM INFORMATION
   ============================================ */

.email-item-info[b-ltt6ammpre] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 18px;
    padding: 10px 12px;
    background-color: var(--hefesto-soft-green);
    border-radius: var(--hefesto-radius-sm);
}

    .email-item-info strong[b-ltt6ammpre] {
        color: var(--hefesto-deep-green);
    }

    .email-item-info span[b-ltt6ammpre] {
        color: var(--hefesto-muted);
        font-size: 0.8rem;
    }


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

.consumption-loading[b-ltt6ammpre] {
    margin-top: 18px;
    padding: 15px;
    color: var(--hefesto-muted);
    text-align: center;
}


/* ============================================
   EMAIL MODAL
   ============================================ */

.email-modal[b-ltt6ammpre] {
    width: min(500px, calc(100% - 30px));
    overflow: hidden;
    border-radius: var(--hefesto-radius-xl);
    background-color: var(--hefesto-white);
    box-shadow: var(--hefesto-shadow-lg);
}

.modal-header[b-ltt6ammpre] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border-bottom: 1px solid var(--hefesto-light-gray);
}

    .modal-header h3[b-ltt6ammpre] {
        margin: 0;
        color: var(--hefesto-deep-green);
    }

.modal-close-button[b-ltt6ammpre] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: var(--hefesto-radius-sm);
    background-color: transparent;
    color: var(--hefesto-muted);
    font-size: 1.25rem;
    cursor: pointer;
    transition: background-color var(--hefesto-transition), color var(--hefesto-transition);
}

    .modal-close-button:hover[b-ltt6ammpre] {
        background-color: var(--hefesto-soft-green);
        color: var(--hefesto-dark-green);
    }

.modal-body[b-ltt6ammpre] {
    padding: 16px;
}

    .modal-body > label[b-ltt6ammpre] {
        color: var(--hefesto-muted);
        font-size: 0.8rem;
        font-weight: 600;
    }


/* ============================================
   EMAIL LIST
   ============================================ */

.email-row[b-ltt6ammpre] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    padding: 8px 10px;
    background-color: var(--hefesto-soft-green);
    border-radius: var(--hefesto-radius-sm);
}

    .email-row button[b-ltt6ammpre] {
        border: 0;
        background-color: transparent;
        color: var(--hefesto-danger);
        cursor: pointer;
    }

.add-email[b-ltt6ammpre] {
    display: flex;
    gap: 8px;
    margin-top: 15px;
}

    .add-email input[b-ltt6ammpre] {
        flex: 1;
        min-height: 42px;
        padding: 9px 10px;
        border: 1px solid var(--hefesto-gray);
        border-radius: var(--hefesto-radius-sm);
        background-color: var(--hefesto-white);
        color: var(--hefesto-charcoal);
        font-family: inherit;
        box-sizing: border-box;
    }

        .add-email input:focus[b-ltt6ammpre] {
            outline: none;
            border-color: var(--hefesto-green);
            box-shadow: 0 0 0 3px rgba(130, 202, 61, 0.12);
        }

    .add-email button[b-ltt6ammpre] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        min-width: 42px;
        border: 0;
        border-radius: var(--hefesto-radius-sm);
        background-color: var(--hefesto-green);
        color: var(--hefesto-white);
        font-size: 1.25rem;
        cursor: pointer;
        transition: background-color var(--hefesto-transition);
    }

        .add-email button:hover[b-ltt6ammpre] {
            background-color: var(--hefesto-dark-green);
        }

.email-error[b-ltt6ammpre] {
    margin-top: 8px;
    color: var(--hefesto-danger);
    font-size: 0.8rem;
}


/* ============================================
   MODAL FOOTER
   ============================================ */

.modal-footer[b-ltt6ammpre] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px;
    border-top: 1px solid var(--hefesto-light-gray);
}

.cancel-button[b-ltt6ammpre],
.send-button[b-ltt6ammpre] {
    min-height: 42px;
    padding: 9px 18px;
    border-radius: var(--hefesto-radius-md);
    font-family: inherit;
    font-weight: 600;
    cursor: pointer;
}

.cancel-button[b-ltt6ammpre] {
    border: 1px solid var(--hefesto-gray);
    background-color: var(--hefesto-light-gray);
    color: var(--hefesto-charcoal);
}

    .cancel-button:hover:not(:disabled)[b-ltt6ammpre] {
        background-color: var(--hefesto-gray);
    }

.send-button[b-ltt6ammpre] {
    border: 1px solid var(--hefesto-green);
    background-color: var(--hefesto-green);
    color: var(--hefesto-white);
}

    .send-button:hover:not(:disabled)[b-ltt6ammpre] {
        background-color: var(--hefesto-dark-green);
        border-color: var(--hefesto-dark-green);
    }

    .send-button:disabled[b-ltt6ammpre],
    .cancel-button:disabled[b-ltt6ammpre] {
        opacity: 0.6;
        cursor: not-allowed;
    }


/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 700px) {

    .reports-page[b-ltt6ammpre] {
        max-width: none;
    }

    .report-filters[b-ltt6ammpre],
    .unique-search[b-ltt6ammpre] {
        flex-direction: column;
        align-items: stretch;
    }

    .report-tab[b-ltt6ammpre] {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .report-tabs[b-ltt6ammpre] {
        overflow-x: auto;
    }

    .results-header[b-ltt6ammpre] {
        align-items: flex-start;
        flex-direction: column;
    }

    .details-grid[b-ltt6ammpre] {
        grid-template-columns: 1fr;
    }

    .email-button span:not(.email-icon)[b-ltt6ammpre] {
        display: none;
    }

    .item-actions[b-ltt6ammpre] {
        gap: 7px;
    }

    .returned-to[b-ltt6ammpre] {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }
}

@media (max-width: 576px) {

    .report-filters[b-ltt6ammpre],
    .unique-search[b-ltt6ammpre] {
        padding: 16px;
    }

    .item-header[b-ltt6ammpre] {
        align-items: flex-start;
        padding: 14px;
    }

    .item-actions[b-ltt6ammpre] {
        margin-left: 8px;
    }

    .item-details[b-ltt6ammpre] {
        padding: 0 12px 12px;
    }

    .modal-footer[b-ltt6ammpre] {
        flex-direction: column-reverse;
    }

        .modal-footer button[b-ltt6ammpre] {
            width: 100%;
        }
}
/* /Components/Pages/Returns.razor.rz.scp.css */
/* ============================================
   COMPANY GRID
   ============================================ */
.company-grid[b-lzgjt6qh5b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 20px;
}

.company-card[b-lzgjt6qh5b] {
    min-width: 0;
    padding: 24px;
    background-color: var(--hefesto-white);
    border: 1px solid rgba(59, 94, 33, 0.08);
    border-radius: var(--hefesto-radius-lg);
    box-shadow: var(--hefesto-shadow-md);
    transition: border-color var(--hefesto-transition), box-shadow var(--hefesto-transition), transform var(--hefesto-transition);
    /*
     * O cartão fica dividido em:
     *
     * 1. Cabeçalho
     * 2. Informação
     * 3. Ações
     *
     * A zona da informação absorve a diferença
     * de altura entre cartões da mesma linha.
     */
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
}

    .company-card:hover[b-lzgjt6qh5b] {
        border-color: rgba(59, 94, 33, 0.14);
        box-shadow: var(--hefesto-shadow-lg);
        transform: translateY(-2px);
    }


/* ============================================
   COMPANY CARD HEADER
   ============================================ */

.company-card-header[b-lzgjt6qh5b] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.company-icon[b-lzgjt6qh5b] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: var(--hefesto-radius-md);
    background-color: var(--hefesto-soft-green);
    color: var(--hefesto-dark-green);
    font-size: 1.3rem;
}

.company-card-title[b-lzgjt6qh5b] {
    min-width: 0;
}

    .company-card-title h2[b-lzgjt6qh5b] {
        margin: 0;
        overflow: hidden;
        color: var(--hefesto-deep-green);
        font-size: 1.1rem;
        font-weight: 700;
        line-height: 1.3;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.company-vat[b-lzgjt6qh5b] {
    display: block;
    margin-top: 4px;
    color: var(--hefesto-muted);
    font-size: 0.75rem;
    font-weight: 500;
}


/* ============================================
   COMPANY INFORMATION
   ============================================ */

.company-info[b-lzgjt6qh5b] {
    display: flex;
    flex-direction: column;
    gap: 17px;
    min-height: 0;
}

.company-info-row[b-lzgjt6qh5b] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

    .company-info-row > i[b-lzgjt6qh5b] {
        width: 20px;
        min-width: 20px;
        padding-top: 2px;
        color: var(--hefesto-dark-green);
        font-size: 1rem;
        text-align: center;
    }

    .company-info-row > div[b-lzgjt6qh5b] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

.company-info-label[b-lzgjt6qh5b] {
    color: var(--hefesto-muted);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.company-info-value[b-lzgjt6qh5b] {
    color: var(--hefesto-charcoal);
    font-size: 0.875rem;
    line-height: 1.45;
}


/* ============================================
   COMPANY ACTIONS
   ============================================ */

.company-card-actions[b-lzgjt6qh5b] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    padding-top: 17px;
    border-top: 1px solid rgba(59, 94, 33, 0.08);
}

.company-action[b-lzgjt6qh5b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 13px;
    border: 0;
    border-radius: var(--hefesto-radius-sm);
    background-color: transparent;
    color: var(--hefesto-dark-green);
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--hefesto-transition), color var(--hefesto-transition);
}

    .company-action:disabled[b-lzgjt6qh5b] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.company-action-edit:hover:not(:disabled)[b-lzgjt6qh5b] {
    background-color: var(--hefesto-soft-green);
}

.company-action-delete[b-lzgjt6qh5b] {
    margin-left: auto;
    color: var(--hefesto-muted);
}

    .company-action-delete:hover:not(:disabled)[b-lzgjt6qh5b] {
        background-color: #fff4f2;
        color: var(--hefesto-danger);
    }

.company-action i[b-lzgjt6qh5b] {
    font-size: 0.875rem;
}


/* ============================================
   COMPANY FORM
   ============================================ */

.company-form[b-lzgjt6qh5b] {
    padding: 26px 28px 8px;
}

    .company-form > .hefesto-form-group[b-lzgjt6qh5b] {
        margin-bottom: 18px;
    }

.company-form-row[b-lzgjt6qh5b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 18px;
}

    .company-form-row:last-child[b-lzgjt6qh5b] {
        margin-bottom: 0;
    }

.company-form-full[b-lzgjt6qh5b] {
    grid-column: 1 / -1;
}


/* ============================================
   DELETE MODAL
   ============================================ */

.company-delete-modal[b-lzgjt6qh5b] {
    width: 100%;
    max-width: 420px;
    padding: 34px;
    box-sizing: border-box;
    border-radius: var(--hefesto-radius-xl);
    background-color: var(--hefesto-white);
    text-align: center;
    box-shadow: var(--hefesto-shadow-lg);
}

.company-delete-icon[b-lzgjt6qh5b] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin: 0 auto 17px;
    border-radius: 15px;
    background-color: #fff1ef;
    color: var(--hefesto-danger);
    font-size: 1.45rem;
}

.company-delete-modal h2[b-lzgjt6qh5b] {
    margin: 0;
    color: var(--hefesto-deep-green);
    font-size: 1.25rem;
    font-weight: 700;
}

.company-delete-modal p[b-lzgjt6qh5b] {
    margin: 10px 0 5px;
    color: var(--hefesto-charcoal);
    font-size: 0.875rem;
    line-height: 1.55;
}

    .company-delete-modal p strong[b-lzgjt6qh5b] {
        color: var(--hefesto-deep-green);
    }

.company-delete-warning[b-lzgjt6qh5b] {
    display: block;
    color: var(--hefesto-muted);
    font-size: 0.75rem;
}

.company-delete-actions[b-lzgjt6qh5b] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 26px;
}

.company-delete-confirm[b-lzgjt6qh5b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 16px;
    border: 1px solid var(--hefesto-danger);
    border-radius: var(--hefesto-radius-md);
    background-color: var(--hefesto-danger);
    color: var(--hefesto-white);
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--hefesto-transition), border-color var(--hefesto-transition);
}

    .company-delete-confirm:hover:not(:disabled)[b-lzgjt6qh5b] {
        background-color: #8F1D15;
        border-color: #8F1D15;
    }

    .company-delete-confirm:disabled[b-lzgjt6qh5b] {
        opacity: 0.6;
        cursor: not-allowed;
    }


/* ============================================
   RESPONSIVE
   ============================================ */

/*
 * O Grid passa automaticamente para uma coluna
 * quando não houver espaço para dois cartões.
 *
 * Não usamos aqui um breakpoint fixo de 800px,
 * porque a largura disponível depende também
 * da sidebar e do conteúdo.
 */

@media (max-width: 576px) {

    .company-grid[b-lzgjt6qh5b] {
        grid-template-columns: 1fr;
    }

    .company-card[b-lzgjt6qh5b] {
        padding: 20px;
        border-radius: var(--hefesto-radius-lg);
    }

    .company-form[b-lzgjt6qh5b] {
        padding: 22px 20px 4px;
    }

    .company-form-row[b-lzgjt6qh5b] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .company-delete-modal[b-lzgjt6qh5b] {
        padding: 28px 22px;
    }

    .company-delete-actions[b-lzgjt6qh5b] {
        flex-direction: column-reverse;
    }

        .company-delete-actions button[b-lzgjt6qh5b] {
            width: 100%;
        }
}