html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

/*.header-logo {
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url('../images/LogoROeFactura.svg');
    mask: url('../images/LogoROeFactura.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 180px;
    height: 32px;
}*/

.header-logo {
    flex-shrink: 0;
    background-image: url('../images/LogoROeFactura.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 180px;
    height: 32px;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}


.dx-toast-content {
    min-width: 300px;
    max-width: 400px;
}
/*Ascundem din mesajele de alert headerul, acesta este default property daca este setat daca nu o sa fie afisat ID ul*/

.xaf-alert-header{
    visibility: hidden !important;
}

/*ascundem butonul duplicat de printare*/
.dx-scrollable-wrapper .dx-scrollable-container .dx-scrollview-content .dxrd-toolbar .dxrd-toolbar-item.dxrd-toolbar-item-11 {
    display: none;
}

/* ===== Delete action – roșu ===== */
.dxbl-btn.ButonStergere,
.dxbl-toolbar .dxbl-btn.ButonStergere {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

    /* hover / focus / active */
    .dxbl-btn.ButonStergere:hover,
    .dxbl-btn.ButonStergere:focus,
    .dxbl-btn.ButonStergere:active {
        background-color: #bb2d3b !important;
        border-color: #bb2d3b !important;
        color: #fff !important;
    }

    /* iconurile din buton */
    .dxbl-btn.ButonStergere .dxbl-icon,
    .dxbl-btn.ButonStergere .dxbl-image,
    .dxbl-btn.ButonStergere .dxbl-glyph {
        color: #fff !important;
        fill: #fff !important;
        stroke: #fff !important;
    }

    /* (opțional) disabled */
    .dxbl-btn.ButonStergere.dxbl-disabled,
    .dxbl-btn.ButonStergere:disabled {
        background-color: #e6a1a8 !important;
        border-color: #e6a1a8 !important;
        color: #fff !important;
        opacity: 1 !important;
    }


/* ===== Buton Trimite Factura – albastru ===== */
.dxbl-btn.ButonTrimiteFactura,
.dxbl-toolbar .dxbl-btn.ButonTrimiteFactura {
    background-color: #0d6efd !important; /* albastru */
    border-color: #0d6efd !important;
    color: #fff !important;
    border-radius: 9999px !important; /* rotunjit frumos */
}

    /* Hover / Focus / Active */
    .dxbl-btn.ButonTrimiteFactura:hover,
    .dxbl-btn.ButonTrimiteFactura:focus,
    .dxbl-btn.ButonTrimiteFactura:active {
        background-color: #0b5ed7 !important;
        border-color: #0b5ed7 !important;
        color: #fff !important;
    }

    /* Disabled */
    .dxbl-btn.ButonTrimiteFactura.dxbl-disabled,
    .dxbl-btn.ButonTrimiteFactura:disabled {
        background-color: #9ec5fe !important;
        border-color: #9ec5fe !important;
        color: #fff !important;
        opacity: 1 !important;
    }

/* ===== Buton Stornare Factura – portocaliu ===== */
.dxbl-btn.ButonStornareFactura,
.dxbl-toolbar .dxbl-btn.ButonStornareFactura {
    background-color: #fd7e14 !important;
    border-color: #fd7e14 !important;
    color: #fff !important;
    border-radius: 9999px !important;
}

    /* Hover / Focus / Active */
    .dxbl-btn.ButonStornareFactura:hover,
    .dxbl-btn.ButonStornareFactura:focus,
    .dxbl-btn.ButonStornareFactura:active {
        background-color: #e96c0a !important;
        border-color: #e96c0a !important;
        color: #fff !important;
    }

    /* Disabled */
    .dxbl-btn.ButonStornareFactura.dxbl-disabled,
    .dxbl-btn.ButonStornareFactura:disabled {
        background-color: #ffc48d !important;
        border-color: #ffc48d !important;
        color: #fff !important;
        opacity: 1 !important;
    }

/* ===== Buton Încasare – verde ===== */
.dxbl-btn.ButonIncasare,
.dxbl-toolbar .dxbl-btn.ButonIncasare {
    background-color: #198754 !important; /* verde */
    border-color: #198754 !important;
    color: #fff !important;
    border-radius: 9999px !important;
}

    /* Hover / Focus / Active */
    .dxbl-btn.ButonIncasare:hover,
    .dxbl-btn.ButonIncasare:focus,
    .dxbl-btn.ButonIncasare:active {
        background-color: #157347 !important;
        border-color: #157347 !important;
        color: #fff !important;
    }

    /* Disabled */
    .dxbl-btn.ButonIncasare.dxbl-disabled,
    .dxbl-btn.ButonIncasare:disabled {
        background-color: #8dd1b1 !important;
        border-color: #8dd1b1 !important;
        color: #fff !important;
        opacity: 1 !important;
    }

/* ===== Buton Adaugare – verde ===== */
.dxbl-btn.ButonAdaugare,
.dxbl-toolbar .dxbl-btn.ButonAdaugare {
    background-color: #22C55E !important;
    border-color: #22C55E !important;
    color: #fff !important;
    border-radius: 9999px !important;
}

    /* Hover / Focus / Active */
    .dxbl-btn.ButonAdaugare:hover,
    .dxbl-btn.ButonAdaugare:focus,
    .dxbl-btn.ButonAdaugare:active {
        background-color: #16A34A !important;
        border-color: #16A34A !important;
        color: #fff !important;
    }

    /* Disabled */
    .dxbl-btn.ButonAdaugare.dxbl-disabled,
    .dxbl-btn.ButonAdaugare:disabled {
        background-color: #86EFAC !important;
        border-color: #86EFAC !important;
        color: #fff !important;
        opacity: 1 !important;
    }
/* ===== Buton Adaugare – verde ===== */
.dxbl-btn.ButonAdaugare,
.dxbl-toolbar .dxbl-btn.ButonAdaugare {
    background-color: #22C55E !important;
    border-color: #22C55E !important;
    color: #fff !important;
    border-radius: 9999px !important;
}

/* Hover / Focus / Active */
.dxbl-btn.ButonAdaugare:hover,
.dxbl-btn.ButonAdaugare:focus,
.dxbl-btn.ButonAdaugare:active {
    background-color: #16A34A !important;
    border-color: #16A34A !important;
    color: #fff !important;
}

/* Disabled */
.dxbl-btn.ButonAdaugare.dxbl-disabled,
.dxbl-btn.ButonAdaugare:disabled {
    background-color: #86EFAC !important;
    border-color: #86EFAC !important;
    color: #fff !important;
    opacity: 1 !important;
}

/* ===== Buton Vizualizare XML – indigo ===== */
.dxbl-btn.ButonVizualizareXml,
.dxbl-toolbar .dxbl-btn.ButonVizualizareXml {
    background-color: #6366F1 !important;
    border-color: #6366F1 !important;
    color: #fff !important;
    border-radius: 9999px !important;
}

    /* Hover / Focus / Active */
    .dxbl-btn.ButonVizualizareXml:hover,
    .dxbl-btn.ButonVizualizareXml:focus,
    .dxbl-btn.ButonVizualizareXml:active {
        background-color: #4F46E5 !important;
        border-color: #4F46E5 !important;
        color: #fff !important;
    }

    /* Disabled */
    .dxbl-btn.ButonVizualizareXml.dxbl-disabled,
    .dxbl-btn.ButonVizualizareXml:disabled {
        background-color: #A5B4FC !important;
        border-color: #A5B4FC !important;
        color: #fff !important;
        opacity: 1 !important;
    }


    /* ===== Buton Generic – #314158 ===== */
    .dxbl-btn.ButonGeneric,
    .dxbl-toolbar .dxbl-btn.ButonGeneric {
        background-color: #314158 !important;
        border-color: #314158 !important;
        color: #fff !important;
        border-radius: 9999px !important; /* rotunjit */
    }

        /* Hover / Focus / Active */
        .dxbl-btn.ButonGeneric:hover,
        .dxbl-btn.ButonGeneric:focus,
        .dxbl-btn.ButonGeneric:active {
            background-color: #2a384d !important; /* puțin mai închis */
            border-color: #2a384d !important;
            color: #fff !important;
        }

        /* Disabled */
        .dxbl-btn.ButonGeneric.dxbl-disabled,
        .dxbl-btn.ButonGeneric:disabled {
            background-color: #8a93a2 !important; /* nuanță mai deschisă */
            border-color: #8a93a2 !important;
            color: #fff !important;
            opacity: 1 !important;
        }

/* Buton Renunță */
.dxbl-toolbar-item.xaf-action[title="Renunță"],
.dxbl-toolbar-item.xaf-action[data-action-name*="Renunță"],
.dxbl-btn.dxbl-btn-secondary.xaf-action:has([alt*="Renunță"]) {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: white !important;
}

    .dxbl-toolbar-item.xaf-action[title="Renunță"]:hover,
    .dxbl-toolbar-item.xaf-action[data-action-name*="Renunță"]:hover {
        background-color: #c82333 !important;
        border-color: #bd2130 !important;
        box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3) !important;
    }

    .dxbl-toolbar-item.xaf-action[title="Renunță"]:active,
    .dxbl-toolbar-item.xaf-action[data-action-name*="Renunță"]:active {
        background-color: #bd2130 !important;
        border-color: #b21f2d !important;
        transform: translateY(1px);
    }