body .ui-dialog-titlebar{
    font-size: 13px !important;
    text-shadow: none !important;
    color: black !important;
    background-image: none !important;
    border: 0px none rgb(0, 0, 0) !important;
}

.ui-dialog-content > .ui-icon {
    display: none;
}


/* Targets the titlebar inside the actionDialog, completely ignoring any JSF prefixes */
body div[id$=":actionDialog"] .ui-dialog-titlebar {
    background: lightskyblue; /* Legacy light blue */
    color: #000000 !important;
    border-bottom: 1px solid #4da9e0 !important;
}

/* Styled buttons to match QA environment exactly */
body .ui-dialog .submit-reason-btn {
    background-color: rgb(133, 178, 203) !important;
    color: rgb(0, 0, 0) !important;
    font-size: 12px !important;
    font-family: Arial, sans-serif !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) !important;
    border: 1px solid rgb(112, 150, 171) !important;
    border-radius: 3px !important;
    height: 23.1875px !important;
    box-shadow: rgb(255, 255, 255) 0px 1px 0px 0px inset !important;
    text-shadow: rgba(255, 255, 255, 0.7) 0px 1px 0px !important;
    font-weight: 700 !important;
    padding: 0px !important;
    margin: 0px 1.2px 0px 0px !important;
}

body .ui-dialog .cancel-reason-btn {
    background-color: rgb(196, 196, 196) !important;
    color: rgb(0, 0, 0) !important;
    font-size: 12px !important;
    font-family: Arial, sans-serif !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important;
    border: 1px solid rgb(168, 168, 168) !important;
    border-radius: 3px !important;
    height: 23.1875px !important;
    box-shadow: rgb(255, 255, 255) 0px 1px 0px 0px inset !important;
    text-shadow: rgba(255, 255, 255, 0.7) 0px 1px 0px !important;
    font-weight: 700 !important;
    padding: 0px !important;
    margin: 0px 1.2px 0px 0px !important;
}

/* Image-based icon styling to match QA environment exactly */
body .ui-dialog .submit-reason-btn .ui-icon,
body .ui-dialog .cancel-reason-btn .ui-icon {
    text-indent: -99999px !important;
    overflow: hidden !important;
    background-image: url("/archcommon/resources/images/customDialog/ui-icons_38667f_256x240.png") !important;
    background-repeat: no-repeat !important;
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    margin-top: -8px !important;
    left: 6px !important;
}

body .ui-dialog .submit-reason-btn .ui-icon::before,
body .ui-dialog .cancel-reason-btn .ui-icon::before {
    content: none !important;
}

body .ui-dialog .submit-reason-btn .ui-icon {
    background-position: -64px -144px !important;
}

body .ui-dialog .cancel-reason-btn .ui-icon {
    background-position: -80px -128px !important;
}

/* Match local Save Comments button to QA's standard outset style */
body [id$=":saveComments"] {
    background-color: rgb(240, 240, 240) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
    border: 2px outset rgb(0, 0, 0) !important;
    border-radius: 0px !important;
    font-size: 12px !important;
    font-family: arial, verdana, sans-serif !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-weight: 400 !important;
    padding: 0px !important;
    height: 20px !important;
    width: auto !important;
    cursor: default !important;
}

body [id$=":saveComments"] .ui-button-text {
    padding: 1px 6px !important;
    display: inline-block !important;
}

body .ui-dialog.verify-deals-inbound-dialog {
    width: 330px !important; /* Exact aligned width based on image (24).png */
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2) !important;
}

body .ui-dialog.verify-deals-inbound-dialog .ui-dialog-titlebar {
    border: none !important; /* No line under header bar to match image */
}

body .ui-dialog.verify-deals-inbound-dialog .ui-dialog-content {
    border: none !important;
    text-align: left !important; /* Left-aligned text as shown in image */
    padding: 20px 15px 15px 15px !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

body .ui-dialog.verify-deals-inbound-dialog .ui-confirm-dialog-message {
    text-align: left !important; /* Left-aligned as shown in image */
    font-size: 13px !important;
    display: inline-block !important;
}

body .ui-dialog.verify-deals-inbound-dialog .ui-dialog-buttonpane {
    border-top: 1px solid #cccccc !important; /* Single separator line above buttonpane to match image */
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    margin: 0 !important;
    padding: 8px 15px 12px 15px !important;
    background-color: #ffffff !important;
    background-image: none !important;
    text-align: left !important; /* Left-aligned buttons as shown in image */
}

/* Specific styling for the Near-Date Warning dialog to adjust width according to the text and remove scrollbars */
body .ui-dialog.verify-deals-inbound-dialog.near-date-dialog {
    width: auto !important;
}

body .ui-dialog.verify-deals-inbound-dialog.near-date-dialog .ui-dialog-content {
    overflow: hidden !important; /* Removes vertical and horizontal scrollbars completely */
}

/* ========================================================
   ACTION REASONS SETUP - ENCLOSED BOX LAYOUT OVERRIDES (Non-TDR Look)
   ======================================================== */

body div[id$="reasons"] {
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    background: #ffffff !important;
    overflow: hidden !important; /* Forces rounded corners on content inside */
}

body div[id$="reasons"] .ui-datatable-tablewrapper {
    border-radius: 4px !important;
}

body div[id$="reasons"] table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

/* Gradient gray table header background with rounded corners */
body div[id$="reasons"] thead th {
    background: #d6d6d6 !important;
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #cfcfcf 100%) !important; /* Recreates the glossy highlight */
    color: #333333 !important;
    font-weight: bold !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) !important;
    border: 1px solid #b5b5b5 !important; /* Subtle gray borders */
    box-shadow: inset 0 1px 0 #ffffff !important;
    height: 25px !important;
    padding: 4px 10px !important;
}

/* Table data rows/cells with subtle gray borders around the rows */
body div[id$="reasons"] tbody td {
    border: 1px solid #cccccc !important;
    background-color: #ffffff !important;
    padding: 6px 10px !important;
    color: #000000 !important;
}

/* Footer design matching the enclosed box layout */
body div[id$="reasons"] .ui-datatable-footer {
    background: #f4f4f4 !important;
    border: 1px solid #cccccc !important;
    border-top: none !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    padding: 6px 10px !important;
    text-align: left !important;
    box-shadow: none !important;
}

/* Non-TDR Add button design: glossy gray/silver button with a shaded 3D-effect + icon and bordered edges */
body div[id$="reasons"] .ui-datatable-footer .ui-button {
    position: relative !important;
    border: 1px solid #a8a8a8 !important;
    background-color: #dadada !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important;
    box-shadow: inset 0px 1px 0px #fff !important;
    color: #4f4f4f !important;
    font-weight: bold !important;
    border-radius: 3px !important;
    padding: 0 10px 0 24px !important; /* Space for the absolute-positioned .ui-icon */
    cursor: pointer !important;
    height: 22px !important;
    display: inline-block !important;
    line-height: 20px !important;
}

body div[id$="reasons"] .ui-datatable-footer .ui-button .ui-icon {
    text-indent: -99999px !important;
    overflow: hidden !important;
    background-image: url("/archcommon/jakarta.faces.resource/images/customDialog/ui-icons_38667f_256x240.png.faces;jsessionid=TKPD9hKxpHNolDEhuVGAx6W_3WfM57DzNYKX2WMf.ue1ul-scbtrm-asg-0") !important;
    background-repeat: no-repeat !important;
    background-position: -32px -128px !important; /* plusthick position */
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    margin-top: -8px !important;
    left: 5px !important;
}

body div[id$="reasons"] .ui-datatable-footer .ui-button .ui-icon::before {
    content: none !important;
}

body div[id$="reasons"] .ui-datatable-footer .ui-button .ui-button-text {
    padding: 0 !important;
    color: inherit !important;
    font-weight: inherit !important;
}

body div[id$="reasons"] .ui-datatable-footer .ui-button:hover,
body div[id$="reasons"] .ui-datatable-footer .ui-button.ui-state-hover {
    border: 1px solid #7096ab !important;
    background-color: #85b2cb !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) !important;
    box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #fff !important;
    color: #212121 !important;
}