/**
 * 删除确认对话框样式
 * 与用户管理系统保持一致的样式
 */

/* 确认对话框标题栏 */
#deleteConfirmDialog .modal-header.bg-danger {
    background-color: #dc3545 !important;
}

#deleteConfirmDialog .modal-header {
    color: #ffffff !important;
}

#deleteConfirmDialog .modal-header * {
    color: #ffffff !important;
}

#deleteConfirmDialog .modal-title {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 1.1rem;
    color: #ffffff !important;
}

#deleteConfirmDialog .modal-title i {
    font-size: 1.2rem;
    margin-right: 0.5rem;
    color: #ffffff !important;
}

/* 确认对话框内容 */
#deleteConfirmDialog .modal-body {
    padding: 1.5rem;
}

#deleteConfirmDialog .modal-body p {
    margin-bottom: 1rem;
    font-size: 0.95rem;
}

#deleteConfirmDialog .modal-body p.text-danger {
    color: #dc3545 !important;
    font-size: 0.9rem;
}

#deleteConfirmDialog .modal-body strong {
    font-weight: 600;
}

/* 确认对话框按钮 */
#deleteConfirmDialog .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.75rem 1rem;
}

#deleteConfirmDialog .btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

#deleteConfirmDialog .btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
    display: flex;
    align-items: center;
}

#deleteConfirmDialog .btn-danger i {
    margin-right: 0.25rem;
}

#deleteConfirmDialog .btn-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
}

#deleteConfirmDialog .btn-secondary:hover {
    background-color: #5a6268;
    border-color: #545b62;
}

/* 确认对话框动画效果 */
#deleteConfirmDialog.fade .modal-dialog {
    transition: transform 0.2s ease-out;
    transform: translateY(-25px);
}

#deleteConfirmDialog.show .modal-dialog {
    transform: translateY(0);
}

/* 确认对话框关闭按钮 */
#deleteConfirmDialog .btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
    color: #ffffff !important;
    opacity: 1;
    background-color: transparent !important;
}

#deleteConfirmDialog .modal-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    color: #ffffff !important;
    opacity: 0.8;
}

#deleteConfirmDialog .modal-header .btn-close:hover {
    opacity: 1;
}

/* 删除中状态的按钮 */
#deleteConfirmDialog .btn-danger:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

#deleteConfirmDialog .spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
    margin-right: 0.5rem;
}

#deleteConfirmDialog .modal-header *:hover {
    color: #ffffff !important;
}