.cjj-modal .modal-content {
    border-radius: 18px;
    border: 1px solid #e6ded4;
    box-shadow: 0 18px 40px rgba(46, 42, 37, 0.2);
}

.cjj-modal .modal-header {
    border-bottom: 1px solid #f1e9df;
    display: flex;
    align-items: center;
    gap: 12px;
}

.cjj-modal .modal-body {
    color: #4a3f35;
}

.cjj-modal .modal-footer {
    border-top: 1px solid #f1e9df;
}

.cjj-modal .modal-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f7efe7;
    color: #a56b4a;
    font-size: 1.25rem;
}

.modal-variant-success .modal-icon {
    background: #e8f3e8;
    color: #2f7b4f;
}

.modal-variant-info .modal-icon {
    background: #eef2f7;
    color: #3e5874;
}

.modal-variant-error .modal-icon {
    background: #fdecea;
    color: #b35345;
}

.modal-variant-delete .modal-icon {
    background: #fff1f0;
    color: #b23b2f;
}