/* prettier-ignore */
@media (min-width: 992px) {
    body,
    body:has(> .navbar-vertical),
    body.with-vertical-menu {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-top: 0 !important;
    }

    body:has(> .navbar-vertical) > .navbar-vertical,
    body.with-vertical-menu .navbar-vertical,
    .navbar-vertical {
        left: 0 !important;
        top: 3.85rem !important;
        height: calc(100vh - 3.85rem) !important;
        position: fixed !important;
        width: var(--phoenix-navbar-vertical-width, 15.5rem) !important;
        z-index: 1020 !important;
    }

    body:has(> .navbar-vertical) > .navbar-vertical ~ #navbarDefault,
    body:has(> .navbar-vertical) > .navbar-vertical ~ #navbarCombo,
    body.with-vertical-menu #navbarDefault,
    body.with-vertical-menu #navbarCombo,
    .navbar-top,
    #navbarDefault,
    #navbarCombo,
    #navbarTop {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        background-color: var(--phoenix-navbar-top-bg-color, var(--phoenix-emphasis-bg, #ffffff)) !important;
        border-bottom: 1px solid var(--phoenix-navbar-top-border-color, #cbd0dd) !important;
    }

    body:has(> .navbar-vertical) > .navbar-vertical ~ .content,
    body.with-vertical-menu .content,
    body[data-navigation-type="combo"] .content,
    body[data-navigation-type="vertical"] .content,
    body:has(.navbar-vertical) .content,
    .navbar-vertical ~ .content,
    .navbar-vertical ~ * ~ .content {
        margin-left: var(--phoenix-navbar-vertical-width, 15.5rem) !important;
        width: calc(100% - var(--phoenix-navbar-vertical-width, 15.5rem)) !important;
        max-width: calc(100% - var(--phoenix-navbar-vertical-width, 15.5rem)) !important;
        padding-top: 4.25rem !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        box-sizing: border-box !important;
    }

    .content .content,
    .content .list-controller-wrapper,
    .content .container-fluid {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}



#salesFormLines,
#purchasesFormLines {
    width: 100% !important;
}

@media (min-width: 992px) {
    #salesFormLines .titles > .row,
    #salesFormLines .fs-line > .row,
    #salesFormLines .container-fluid > .row,
    #purchasesFormLines .titles > .row,
    #purchasesFormLines .fs-line > .row,
    #purchasesFormLines .container-fluid > .row {
        display: grid !important;
        grid-template-columns: 120px minmax(180px, 1fr) 130px 105px 70px 115px 110px 80px !important;
        gap: 0.5rem !important;
        align-items: center !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #salesFormLines .titles > .row > [class*="col"],
    #salesFormLines .fs-line > .row > [class*="col"],
    #salesFormLines .container-fluid > .row > [class*="col"],
    #purchasesFormLines .titles > .row > [class*="col"],
    #purchasesFormLines .fs-line > .row > [class*="col"],
    #purchasesFormLines .container-fluid > .row > [class*="col"] {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Alineaciones individuales para títulos en desktop */
    #salesFormLines .titles .order-1,
    #purchasesFormLines .titles .order-1 {
        text-align: left !important;
    }

    #salesFormLines .titles .order-2,
    #purchasesFormLines .titles .order-2 {
        text-align: left !important;
    }

    #salesFormLines .titles .order-3,
    #purchasesFormLines .titles .order-3 {
        text-align: right !important;
        padding-right: 4px !important;
    }

    #salesFormLines .titles .order-4,
    #purchasesFormLines .titles .order-4 {
        text-align: right !important;
        padding-right: 4px !important;
    }

    #salesFormLines .titles .order-5,
    #purchasesFormLines .titles .order-5 {
        text-align: center !important;
    }

    #salesFormLines .titles .order-6,
    #purchasesFormLines .titles .order-6 {
        text-align: left !important;
        padding-left: 2px !important;
    }

    #salesFormLines .titles .order-7,
    #purchasesFormLines .titles .order-7 {
        text-align: right !important;
        padding-right: 4px !important;
    }

    #salesFormLines .titles .order-8,
    #purchasesFormLines .titles .order-8 {
        text-align: center !important;
    }
}

#salesFormLines .titles .row > [class*="col"],
#purchasesFormLines .titles .row > [class*="col"] {
    font-weight: 600;
    font-size: 0.78rem;
    color: var(--phoenix-body-color, #31374a);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

#salesFormLines .fs-line textarea.doc-line-desc,
#purchasesFormLines .fs-line textarea.doc-line-desc {
    width: 100% !important;
    min-height: 38px !important;
    resize: vertical;
}

#salesFormLines .fs-line .order-3 .input-group,
#purchasesFormLines .fs-line .order-3 .input-group {
    flex-wrap: nowrap !important;
    width: 100% !important;
}

#salesFormLines .input-group-prepend,
#purchasesFormLines .input-group-prepend {
    display: flex !important;
    align-items: center !important;
}

#salesFormLines .input-group-prepend .btn,
#purchasesFormLines .input-group-prepend .btn {
    padding: 0.25rem 0.4rem !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

#salesFormLines input.doc-line-qty,
#purchasesFormLines input.doc-line-qty,
#salesFormLines input[name^="cantidad_"],
#purchasesFormLines input[name^="cantidad_"] {
    text-align: right !important;
    min-width: 65px !important;
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    width: 100% !important;
    font-weight: 600 !important;
}

#salesFormLines input[name^="pvpunitario_"],
#purchasesFormLines input[name^="pvpunitario_"],
#purchasesFormLines input[name^="pvp_"] {
    text-align: right !important;
}

#salesFormLines input[name^="dtopor_"],
#purchasesFormLines input[name^="dtopor_"] {
    text-align: center !important;
}

#salesFormLines input[name^="linetotal_"],
#salesFormLines input[name^="lineneto_"],
#purchasesFormLines input[name^="linetotal_"],
#purchasesFormLines input[name^="lineneto_"] {
    text-align: right !important;
}

/* Forzar la separación vertical de tarjetas en ProTheme */
.content .card {
    margin-bottom: 1.5rem !important;
}

.content .card:last-child {
    margin-bottom: 1.5rem !important;
}

/* Evitar que el contenido se solape con la Navbar fija de Phoenix */
.content {
    padding-top: 4.25rem !important;
    padding-bottom: 3rem !important;
}

/* Estilos de Alto Contraste para Choices.js (Aress Theme Pro / Phoenix) */
.choices__inner {
    background-color: var(--phoenix-input-bg, #fff) !important;
    border: 1px solid var(--phoenix-input-border-color, #cbd0dd) !important;
    border-radius: 0.375rem !important;
    min-height: 38px !important;
    padding: 4px 8px !important;
}

.choices[data-type*="select-multiple"] .choices__inner {
    cursor: pointer;
}

.choices__list--multiple .choices__item {
    background-color: var(--phoenix-primary-subtle, #e7f1ff) !important;
    border: 1px solid var(--phoenix-primary-border-subtle, #b6d4fe) !important;
    color: var(--phoenix-primary-dark, #1e40af) !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    border-radius: 0.25rem !important;
    padding: 3px 8px !important;
    margin-right: 4px !important;
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #3874ff !important;
    color: #ffffff !important;
}

.choices__list--multiple .choices__item .choices__button {
    border-left: 1px solid rgba(30, 64, 175, 0.3) !important;
    margin-left: 6px !important;
    padding-left: 4px !important;
    opacity: 0.7;
}

.choices__list--multiple .choices__item .choices__button:hover {
    opacity: 1;
}

.choices__list--dropdown {
    background-color: #ffffff !important;
    border: 1px solid #cbd0dd !important;
    border-radius: 0.375rem !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    z-index: 1050 !important;
}

.choices__list--dropdown .choices__item {
    color: #31374a !important;
    font-size: 0.85rem !important;
    padding: 8px 12px !important;
    background-color: #ffffff !important;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #3874ff !important;
    color: #ffffff !important;
}

.choices__placeholder {
    color: #8a94a6 !important;
    opacity: 1 !important;
}

/* RESET DE AISLAMIENTO PROTHEME */
.content label,
.content .form-label {
    display: inline-block !important;
    height: auto !important;
    line-height: 1.4 !important;
    margin-bottom: 0.35rem !important;
    padding-left: 0 !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
}

.content .form-control,
.content .form-select,
.content .flatpickr-input,
.form-control,
.form-select {
    height: auto !important;
    min-height: 38px !important;
    line-height: 1.5 !important;
    padding: 0.375rem 0.75rem !important;
    background-image: none !important;
    background-color: var(--phoenix-input-bg, #ffffff) !important;
}

/* Neutralizar estilos de campos obligatorios [required] heredados de FacturaScripts Core */
input[required].form-control,
input[required].form-control:not(:read-only),
textarea[required].form-control,
textarea[required].form-control:not(:read-only),
select[required].form-control,
select[required].form-control:not(:disabled),
select[required].form-select,
.form-control[required],
.form-select[required] {
    background-image: none !important;
    background-color: var(--phoenix-input-bg, #ffffff) !important;
}

select[required].form-select.select2 + .select2-container--bootstrap-5 .select2-selection {
    box-shadow: none !important;
    background-image: none !important;
    background-color: var(--phoenix-input-bg, #ffffff) !important;
}

/* Neutralizar el fondo amarillento de autocompletado en navegadores */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px var(--phoenix-input-bg, #ffffff) inset !important;
    -webkit-text-fill-color: var(--phoenix-body-color, #31374a) !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

.content .d-flex.align-items-center > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
}

.content .d-flex.align-items-center p,
.content .d-flex.align-items-center span.d-block {
    line-height: 1.2 !important;
    margin-bottom: 0.2rem !important;
}

/* Inputs con Iconos (.form-icon-container) */
.form-icon-container {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

.form-icon-container .form-control.form-icon-input,
.form-icon-container .form-icon-input,
.form-icon-container input {
    padding-left: 2.75rem !important;
}

.form-icon-container .form-icon {
    position: absolute !important;
    left: 1rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    z-index: 5 !important;
    color: var(--phoenix-secondary-color, #8a94a6) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.25rem !important;
    text-align: center !important;
}

/*# sourceMappingURL=user.css.map */