/* =============================================================================
   dm-dropdown-overrides.css
   Loads LAST — after all vendor CSS, Bootstrap, AdminLTE, custom.css, theme CSS,
   and page-specific CSS files.  Fixes dropdown clipping / cut-off caused by
   overflow:hidden on parent containers.

   DO NOT change any font-size values in this file.
   ============================================================================= */

/* ==========================================================================
   1. Overflow visible on parent containers that clip dropdowns
   ========================================================================== */

/* Generic Bootstrap / AdminLTE layout containers */
body.dm-app-theme .form-group,
body.dm-app-theme .input-group {
    overflow: visible !important;
}

body.dm-app-theme .tab-content {
    overflow: visible !important;
}

body.dm-app-theme .panel-body {
    overflow: visible !important;
}

body.dm-app-theme .content-wrapper,
body.dm-app-theme .box-body {
    overflow: visible !important;
}

body.dm-app-theme .panel,
body.dm-app-theme .box {
    overflow: visible !important;
}

/* App-wide panels (.panel.panel-default under #main_wrapper) — overrides
   dm-app-theme-global line ~3555 and dm-app-theme-new line ~313 */
body.dm-app-theme #main_wrapper .panel.panel-default {
    overflow: visible !important;
}

/* Supplier form shell import panel */
body.dm-app-theme #main_wrapper.dm-supplier-form-shell #import .dm-import-excel-panel {
    overflow: visible !important;
}

/* Sale-order design-system panels */
body.dm-app-theme #main_wrapper.dm-sale-order-ds .panel.panel-default {
    overflow: visible !important;
}

/* Sale-order line grid */
body.dm-app-theme #main_wrapper.dm-sale-order-ds #purchase_table.dm-current-ui-grid {
    overflow: visible !important;
}

/* Privileges page panel */
body.dm-app-theme.dm-page-privillages #main_wrapper .panel.panel-default {
    overflow: visible !important;
}

/* Purchase page table container and bottom panel */
body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-table-container {
    overflow: visible !important;
}
body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom-panel {
    overflow: visible !important;
}

/* Purchase UI v2 card shell */
body.dm-app-theme.dm-page-purchase .dm-purchase-card-shell {
    overflow: visible !important;
}

/* Report filter panel */
body.dm-app-theme #main_wrapper .dm-report-types-card {
    overflow: visible !important;
}


/* ==========================================================================
   2. Select2 v3 — dropdown panel, results, trigger, arrow
   ========================================================================== */

body.dm-app-theme #select2-drop,
body.dm-app-theme .select2-drop {
    max-height: none !important;
    overflow: visible !important;
    border: 1px solid #cbd5e1 !important;
    border-top: none !important;
    border-radius: 0 0 6px 6px !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.10) !important;
}

body.dm-app-theme .select2-drop.select2-drop-above {
    border-top: 1px solid #cbd5e1 !important;
    border-bottom: none !important;
    border-radius: 6px 6px 0 0 !important;
    box-shadow: 0 -6px 16px rgba(15, 23, 42, 0.10) !important;
}

body.dm-app-theme .select2-container .select2-results,
body.dm-app-theme .select2-drop .select2-results {
    max-height: min(55vh, 340px) !important;
    overflow-y: auto !important;
}

/* v3 search input inside dropdown */
body.dm-app-theme #select2-drop .select2-search input.select2-input,
body.dm-app-theme .select2-drop .select2-search input.select2-input {
    height: 34px !important;
    padding: 6px 10px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
}

/* v3 trigger box */
body.dm-app-theme .select2-container .select2-choice {
    height: 34px !important;
    line-height: 32px !important;
    border-radius: 6px !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* v3 arrow */
body.dm-app-theme .select2-container .select2-choice .select2-arrow {
    top: 0 !important;
    right: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    background-image: none !important;
    border-left: 1px solid #e2e8f0 !important;
}

/* v3 inside input-group — left corners squared */
body.dm-app-theme .input-group .select2-container .select2-choice {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


/* ==========================================================================
   3. Select2 v4 — dropdown panel, results, trigger, search
   ========================================================================== */

body.dm-app-theme .select2-container--default .select2-dropdown {
    max-height: none !important;
    overflow: visible !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 0 0 6px 6px !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.10) !important;
}

body.dm-app-theme .select2-container--default .select2-results > .select2-results__options {
    max-height: min(55vh, 340px) !important;
    overflow-y: auto !important;
}

body.dm-app-theme .select2-container--default .select2-selection--single {
    border-radius: 6px !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.dm-app-theme .select2-container--default .select2-search--dropdown .select2-search__field {
    height: 34px !important;
    padding: 6px 10px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
}

/* v4 inside input-group */
body.dm-app-theme .input-group .select2-container--default {
    display: table-cell !important;
    width: 100% !important;
    vertical-align: middle !important;
}

body.dm-app-theme .input-group .select2-container--default .select2-selection--single {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


/* ==========================================================================
   4. Chosen / Chzn — dropdown panel, results, width
   ========================================================================== */

body.dm-app-theme .chosen-container .chosen-drop,
body.dm-app-theme .chzn-container .chzn-drop {
    overflow: visible !important;
}

body.dm-app-theme .chosen-container .chosen-results,
body.dm-app-theme .chzn-container .chzn-results {
    max-height: min(55vh, 340px) !important;
    overflow-y: auto !important;
}

body.dm-app-theme .chosen-container.chosen-container-single,
body.dm-app-theme .chzn-container.chzn-container-single {
    width: 100% !important;
}

body.dm-app-theme .chosen-container.chosen-container-multi,
body.dm-app-theme .chzn-container.chzn-container-multi {
    width: 100% !important;
    max-width: 100% !important;
}


/* ==========================================================================
   5. Select2 v3 container full-width
   ========================================================================== */

body.dm-app-theme .select2-container {
    display: block !important;
    width: 100% !important;
}


/* ==========================================================================
   6. Neutralize Bootstrap .form-control / .input-sm on plugin wrapper divs
   ========================================================================== */

body.dm-app-theme .select2-container.form-control,
body.dm-app-theme .select2-container.input-sm {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
    line-height: normal !important;
    font-size: inherit !important;
}

body.dm-app-theme .chosen-container.form-control,
body.dm-app-theme .chosen-container.input-sm,
body.dm-app-theme .chzn-container.form-control,
body.dm-app-theme .chzn-container.input-sm {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
    line-height: normal !important;
    font-size: inherit !important;
}

/* Inside .input-group these neutralized containers use table-cell layout */
body.dm-app-theme .input-group .select2-container,
body.dm-app-theme .input-group .select2-container.form-control,
body.dm-app-theme .input-group .select2-container.input-sm {
    display: table-cell !important;
    width: 100% !important;
    vertical-align: middle !important;
}

body.dm-app-theme .input-group .chosen-container,
body.dm-app-theme .input-group .chosen-container.form-control,
body.dm-app-theme .input-group .chzn-container,
body.dm-app-theme .input-group .chzn-container.form-control {
    display: table-cell !important;
    width: 100% !important;
    vertical-align: middle !important;
    float: none !important;
}


/* ==========================================================================
   7. Quick-Add Modal — Orange-themed modern popup
   ========================================================================== */

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-modal__content {
    border-radius: 12px !important;
    overflow: visible !important;
    border: 1px solid #dbe5f0 !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18) !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-modal__header {
    background: linear-gradient(135deg, #ff8a1f, #f97316) !important;
    color: #ffffff !important;
    padding: 14px 18px 12px !important;
    border-bottom: 0 !important;
    border-radius: 12px 12px 0 0 !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-modal__header .modal-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-modal__subtitle {
    margin: 6px 0 0 !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.88) !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-modal__close {
    color: #ffffff !important;
    opacity: 0.95 !important;
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    padding: 0 !important;
    margin-top: -1px !important;
    line-height: 1 !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-modal__close:hover {
    opacity: 1 !important;
    background: rgba(255, 255, 255, 0.34) !important;
    transform: translateY(-1px) !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-modal__close .fa-times {
    font-size: 13px !important;
    font-weight: 700 !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-modal__body {
    background: #f8fbff !important;
    padding-top: 18px !important;
    padding-bottom: 14px !important;
    overflow: visible !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-modal__container {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-modal__row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 14px 14px 8px !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__group {
    margin-bottom: 0 !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__grid {
    row-gap: 8px !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field label {
    display: inline-block !important;
    margin-bottom: 6px !important;
    font-size: 12px !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase !important;
    color: #475569 !important;
    font-weight: 700 !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .form-control,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field select.form-control {
    height: 40px !important;
    border-radius: 8px !important;
    border: 1px solid #cfd8e3 !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .form-control::placeholder {
    color: #94a3b8 !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .form-control:focus,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field select.form-control:focus {
    background: #ffffff !important;
    border-color: #f97316 !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.16) !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field select.form-control:disabled {
    background: #eef2f7 !important;
    color: #64748b !important;
    opacity: 1 !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field select.form-control:hover {
    border-color: #fb923c !important;
    background: #fff7ed !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field select.form-control.dm-has-value {
    border-color: #f97316 !important;
    background: #fff7ed !important;
    color: #9a3412 !important;
}

/* Chosen/Chzn inside quick-add modal */
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chosen-container-single .chosen-single,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chzn-container-single .chzn-single {
    height: 40px !important;
    line-height: 38px !important;
    border: 1px solid #cfd8e3 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    color: #0f172a !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chosen-container,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chzn-container {
    width: 100% !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chosen-container.chosen-with-drop,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chzn-container.chzn-with-drop {
    z-index: 1065 !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chosen-container .chosen-drop,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chzn-container .chzn-drop {
    z-index: 1066 !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chosen-container-single .chosen-single:hover,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chzn-container-single .chzn-single:hover {
    border-color: #fb923c !important;
    background: #fff7ed !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chosen-container-active .chosen-single,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chosen-container-active.chosen-with-drop .chosen-single,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chzn-container-active .chzn-single,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chzn-container-active.chzn-with-drop .chzn-single {
    border-color: #f97316 !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.16) !important;
    background: #ffffff !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .dm-quickadd-select.dm-has-value + .chosen-container .chosen-single,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .dm-quickadd-select.dm-has-value + .chzn-container .chzn-single {
    border-color: #f97316 !important;
    background: #fff7ed !important;
    color: #9a3412 !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chosen-container .chosen-results li.highlighted,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chzn-container .chzn-results li.highlighted,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chosen-container .chosen-drop .chosen-results > li.highlighted,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chzn-container .chzn-drop .chzn-results > li.highlighted {
    background: #f97316 !important;
    background-image: none !important;
    color: #ffffff !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chosen-container .chosen-results > li.result-selected,
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-form__field .chzn-container .chzn-results > li.result-selected {
    background: rgba(249, 115, 22, 0.16) !important;
    color: #9a3412 !important;
}

/* Meta info area */
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-modal__meta {
    margin-top: 10px !important;
    font-size: 12px !important;
    color: #475569 !important;
    background: #fff7ed !important;
    border: 1px dashed #fdba74 !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

/* Footer */
body.dm-app-theme .dm-quickadd-modal .dm-quickadd-modal__footer {
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 0 0 12px 12px !important;
}

body.dm-app-theme .dm-quickadd-modal .dm-quickadd-modal__btn-save {
    min-width: 96px !important;
}

body.dm-app-theme .dm-quickadd-modal .modal-footer .btn {
    border-radius: 8px !important;
    min-width: 84px !important;
    font-weight: 700 !important;
}

body.dm-app-theme .dm-quickadd-modal .modal-footer .btn + .btn {
    margin-left: 6px !important;
}

/* Mobile responsive */
@media (max-width: 767px) {
    body.dm-app-theme .dm-quickadd-modal .modal-dialog {
        width: calc(100% - 18px) !important;
        margin: 9px auto !important;
    }
    body.dm-app-theme .dm-quickadd-modal .modal-footer .pull-right {
        float: none !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        justify-content: flex-end !important;
    }
    body.dm-app-theme .dm-quickadd-modal .modal-footer .btn + .btn {
        margin-left: 0 !important;
    }
}