.modal-body .row {

    display: flex !important;
    gap: inherit !important;
}
.modal-body .row > div > div
{
    height: fit-content!important;
}

.input-group {
    flex-wrap: nowrap!important;
}


/* MODAL BACKDROP */
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* modern-design.css buton stillerini tamamen devre dışı bırak */
#profileEditModal .modal-body .btn::after,
#profileEditModal .modal-footer .btn::after {
    display: none !important;
    content: none !important;
}

#profileEditModal .modal-body .btn,
#profileEditModal .modal-footer .btn {
    position: relative !important;
    overflow: visible !important;
}

/* MODAL DIALOG - Merkezi ve geniş */
#profileEditModal .modal-dialog {
    max-width: 850px !important;
    width: 90% !important;
    margin: 30px auto !important;
}

/* MODAL CONTENT - Temiz ve modern */
#profileEditModal .modal-content {
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
}

/* MODAL HEADER - Gradient arka plan */
#profileEditModal .modal-header {
    background: linear-gradient(135deg, #e67e22 0%, #d35400 100%) !important;
    color: white !important;
    padding: 25px 30px !important;
    border: none !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

#profileEditModal .modal-header .modal-title {
    font-weight: 700 !important;
    font-size: 22px !important;
    color: white !important;
    margin: 0 !important;
}

#profileEditModal .modal-header .modal-title i {
    margin-right: 10px !important;
    color: white !important;
}

/* CLOSE BUTTON */
#profileEditModal .modal-header .close,
#profileEditModal .modal-header button[data-bs-dismiss="modal"] {
    color: white !important;
    opacity: 1 !important;
    font-size: 32px !important;
    font-weight: 300 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

#profileEditModal .modal-header .close:hover,
#profileEditModal .modal-header button[data-bs-dismiss="modal"]:hover {
    transform: rotate(90deg) !important;
    opacity: 0.8 !important;
}

/* MODAL BODY */
#profileEditModal .modal-body {
    background: #f8f9fa !important;
    padding: 30px 35px !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
}

/* FORM */
#profileEditModal form {
    width: 100% !important;
}

/* FORM */
#profileEditModal form {
    width: 100% !important;
}

/* ROW - 2'şerli yan yana için FLEX */
#profileEditModal .modal-body .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}

/* COL-MD-6 - Yan yana %50 genişlik */
#profileEditModal .modal-body .col-md-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

/* MB-3 - Margin bottom */
#profileEditModal .modal-body .mb-3 {
    margin-bottom: 20px !important;
}

/* LABEL */
#profileEditModal .modal-body .form-label {
    display: block !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #2c3e50 !important;
    margin-bottom: 8px !important;
}

#profileEditModal .modal-body .form-label i {
    color: #e67e22 !important;
    margin-right: 6px !important;
}

/* INPUT & SELECT - Düzgün görünüm */
#profileEditModal .modal-body .form-control,
#profileEditModal .modal-body .form-select {
    display: block !important;
    width: -webkit-fill-available!important;
    padding: 12px 15px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #2c3e50 !important;
    background-color: #fff !important;
    border: 2px solid #e9ecef !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

#profileEditModal .modal-body .form-control:focus,
#profileEditModal .modal-body .form-select:focus {
    border-color: #e67e22 !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(230, 126, 34, 0.15) !important;
}

/* DISABLED */
#profileEditModal .modal-body .form-control:disabled,
#profileEditModal .modal-body .form-select:disabled {
    background-color: #e9ecef !important;
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}

/* SMALL TEXT */
#profileEditModal .modal-body small,
#profileEditModal .modal-body .text-muted {
    display: block !important;
    font-size: 12px !important;
    color: #6c757d !important;
    margin-top: 5px !important;
}

/* HR */
#profileEditModal .modal-body hr {
    border: none !important;
    border-top: 2px dashed #dee2e6 !important;
    margin: 30px 0 !important;
}

/* H6 */
#profileEditModal .modal-body h6 {
    font-weight: 700 !important;
    font-size: 17px !important;
    color: #2c3e50 !important;
    margin-bottom: 20px !important;
}

#profileEditModal .modal-body h6 i {
    color: #e67e22 !important;
    margin-right: 8px !important;
}

/* INPUT GROUP - Şifre alanları */
#profileEditModal .modal-body .input-group {
    display: flex !important;
    width: 100% !important;
    position: relative !important;
}

#profileEditModal .modal-body .input-group .form-control {
     border-radius: 10px 0 0 10px !important;
 }

/* modern-design.css'i ezmek için çok spesifik selector */
#profileEditModal .modal-body .input-group .btn,
#profileEditModal .modal-body .input-group button.btn,
#profileEditModal .modal-body .input-group .btn-outline-secondary {
    flex: 0 0 auto !important;
    border-radius: 0 10px 10px 0 !important;
    border: 2px solid #e9ecef !important;
    border-left: none !important;
    padding: 0 15px !important;
    background: white !important;
    color: #6c757d !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transform: none !important;
    letter-spacing: normal !important;
    font-weight: 400 !important;
    height: auto!important;
}

#profileEditModal .modal-body .input-group .btn:hover,
#profileEditModal .modal-body .input-group button.btn:hover,
#profileEditModal .modal-body .input-group .btn-outline-secondary:hover {
    background: #f8f9fa !important;
    color: #e67e22 !important;
    box-shadow: none !important;
    transform: none !important;
}

#profileEditModal .modal-body .input-group .btn:active,
#profileEditModal .modal-body .input-group button.btn:active {
    transform: none !important;
    box-shadow: none !important;
}

#profileEditModal .modal-body .input-group .btn i {
    font-size: 18px !important;
}

/* ALERT */
#profileEditModal .modal-body .alert {
    border-radius: 12px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
    border: none !important;
}

/* MODAL FOOTER */
#profileEditModal .modal-footer {
    background: white !important;
    border-top: 1px solid #e0e0e0 !important;
    padding: 20px 30px !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 12px !important;
}

/* modern-design.css buton stillerini tamamen ezmek için çok spesifik selector */
#profileEditModal .modal-footer .btn,
#profileEditModal .modal-footer button.btn,
#profileEditModal .modal-footer .btn-secondary,
#profileEditModal .modal-footer .btn-primary {
    padding: 12px 28px !important;
    font-size: 15px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    letter-spacing: normal !important;
    position: static !important;
    overflow: visible !important;
}

#profileEditModal .modal-footer .btn-secondary,
#profileEditModal .modal-footer button.btn-secondary {
    background: #6c757d !important;
    color: white !important;
}

#profileEditModal .modal-footer .btn-secondary:hover,
#profileEditModal .modal-footer button.btn-secondary:hover {
    background: #5a6268 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

#profileEditModal .modal-footer .btn-primary,
#profileEditModal .modal-footer button.btn-primary {
    background: #e67e22 !important;
    color: white !important;
}

#profileEditModal .modal-footer .btn-primary:hover,
#profileEditModal .modal-footer button.btn-primary:hover {
    background: #d35400 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(230, 126, 34, 0.3) !important;
}

#profileEditModal .modal-footer .btn:active,
#profileEditModal .modal-footer button.btn:active {
    transform: translateY(0) !important;
}

/* ================================================
   RESPONSIVE - TABLET
   ================================================ */
@media (max-width: 992px) {
    #profileEditModal .modal-dialog {
        width: 95% !important;
        margin: 20px auto !important;
    }

    #profileEditModal .modal-body {
        padding: 25px !important;
    }
}

/* ================================================
   RESPONSIVE - MOBİL (Tek sütun)
   ================================================ */
@media (max-width: 768px) {
    #profileEditModal .modal-dialog {
        width: 98% !important;
        margin: 10px auto !important;
    }

    #profileEditModal .modal-header {
        padding: 20px !important;
    }

    #profileEditModal .modal-header .modal-title {
        font-size: 18px !important;
    }

    #profileEditModal .modal-body {
        padding: 20px !important;
    }

    /* MOBİLDE TEK SÜTUN */
    #profileEditModal .modal-body .col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #profileEditModal .modal-footer {
        padding: 15px 20px !important;
        flex-direction: column !important;
    }

    #profileEditModal .modal-footer .btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* ================================================
   RESPONSIVE - KÜÇÜK MOBİL
   ================================================ */
@media (max-width: 480px) {
    #profileEditModal .modal-dialog {
        margin: 5px !important;
    }

    #profileEditModal .modal-body {
        padding: 15px !important;
    }

    #profileEditModal .modal-body .form-control,
    #profileEditModal .modal-body .form-select {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }
}

/* SCROLLBAR */
#profileEditModal .modal-body::-webkit-scrollbar {
    width: 8px !important;
}

#profileEditModal .modal-body::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 10px !important;
}

#profileEditModal .modal-body::-webkit-scrollbar-thumb {
    background: #e67e22 !important;
    border-radius: 10px !important;
}

#profileEditModal .modal-body::-webkit-scrollbar-thumb:hover {
    background: #d35400 !important;
}

/*================================================ *!*/
@media (max-width: 576px) {
    #profileEditModal .modal-dialog {
        width: 100% !important;
        margin: 0.5rem auto !important;
    }

    #profileEditModal .modal-header {
        padding: 16px 18px !important;
    }

    #profileEditModal .modal-header .modal-title {
        font-size: 17px !important;
    }

    #profileEditModal .modal-body {
        padding: 18px !important;
    }

    #profileEditModal .modal-footer .btn {
        flex: 1 !important;
        font-size: 13px !important;
    }
}

/* Modal Backdrop */
#profileEditModal ~ .modal-backdrop {
    background: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(4px) !important;
}

/* Z-Index */
#profileEditModal {
    z-index: 1060 !important;
}