/* ======================================================
   EDIT SOLICITATION PANEL
   Scoped styles for Create/Edit Solicitation Offcanvas
====================================================== */

.edit-solicitation-panel {
    font-size: 16px;
}

/* ======================================================
   OFFCANVAS PANEL
====================================================== */

.edit-solicitation-panel .edit-solicitation-offcanvas {
    background: #FFFFFF;
}

.edit-solicitation-panel .offcanvas-header {
    background: #ECECEF;
    border-bottom: 1px solid #CECECE;
}

.edit-solicitation-panel .offcanvas-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1F1F1F !important;
}

.edit-solicitation-panel .offcanvas.my-case-offcanvas .offcanvas-header {
    background: #DAEDFF !important;
}

/* ======================================================
   SECTION HEADERS
====================================================== */

.edit-solicitation-panel .border-bottom-lightblue {
    border-bottom: 1px solid #E5E8EC;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.edit-solicitation-panel .section-title {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #5f6b7a !important;
    margin-bottom: 12px;
}

.edit-solicitation-panel .utility-title.text-danger {
    color: #ce0e2d !important; /* your theme red */
}

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

.edit-solicitation-panel .form-label-acordia {
    font-weight: 600;
    font-size: 16px;
    color: #1F1F1F;
}

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

.edit-solicitation-panel .form-control {
    border: 1px solid #CECECE;
    border-radius: 8px;
    font-size: 16px;
    color: #1F1F1F;
}

.edit-solicitation-panel .form-control:focus {
    border-color: #CECECE;
    box-shadow: none;
    outline: none;
}

/* ======================================================
   MULTI SELECT BOX
====================================================== */

.edit-solicitation-panel .acordia-multiselect {
    border: 1px solid #CECECE;
    border-radius: 8px;
    background: #FFFFFF;
    padding: 10px;
}

/* ======================================================
   SELECT USERS GRID ALIGNMENT
====================================================== */

.edit-solicitation-panel .row > .col-md-6 {
    padding-right: 20px;
}

.edit-solicitation-panel .section-users .acordia-multiselect {
    min-height: 220px;
}

/* ======================================================
   CHECKBOX STYLE
====================================================== */

.edit-solicitation-panel input[type="checkbox"]:checked {
    background-color: #3496F6;
    border-color: #3496F6;
}

.edit-solicitation-panel input[type="checkbox"]:checked::after {
    color: #FFFFFF;
}

/* ======================================================
   STATUS INDICATOR
====================================================== */

.edit-solicitation-panel .solicitation-status-indicator {
    display: flex;
    align-items: center;
    gap: 10px;
}

.edit-solicitation-panel .text-success {
    color: #52912B !important;
    font-weight: 600;
}

.edit-solicitation-panel .text-danger {
    color: #D62828 !important;
    font-weight: 600;
}

.edit-solicitation-panel .rounded-circle.bg-success {
    background-color: #52912B !important;
}

.edit-solicitation-panel .rounded-circle.bg-danger {
    background-color: #D62828 !important;
}

.edit-solicitation-panel .solicitation-status-indicator span {
    font-size: 16px;
    font-weight: 600;
}

/* ======================================================
   FOOTER (LAYOUT ONLY — NO BUTTON COLORS)
====================================================== */

.edit-solicitation-panel .offcanvas-footer {
    border-top: 1px solid #CECECE;
    padding: 12px 16px;
    display: flex;
    gap: 12px;
}

/* ======================================================
   GENERAL TEXT COLORS
====================================================== */

.edit-solicitation-panel .color-black {
    color: #1F1F1F;
}

/*.edit-solicitation-panel .color-black-60 {
    color: rgba(31, 31, 31, 0.6);
    font-size: 12px;
}*/

/* ======================================================
   PROPOSAL DOCUMENTS SPACING
====================================================== */

.edit-solicitation-panel .folder-uploader {
    margin-bottom: 20px;
}

.folder-uploader-actions {
    margin-bottom: 24px;
}

/* ======================================================
   DROPDOWN FIX
====================================================== */

.edit-solicitation-panel select.form-select.rows-select-custom {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    background-size: 12px 10px !important;
    width: 80px !important;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem !important;
    display: inline-block !important;
}

.rows-select-custom {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
    padding-right: 2rem !important;
    width: 100% !important;
}

.edit-solicitation-offcanvas .offcanvas-footer {
    padding: 12px 16px;
}