/* 增强按钮状态区别 */
.btn-log-enabled {
    background: linear-gradient(135deg, #35d35a, #3eeb69) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    padding: 6px 16px !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 8px rgba(53, 211, 90, 0.2) !important;
    transition: all 0.3s ease !important;
    text-shadow: none !important;
    min-width: 80px !important;
    white-space: nowrap !important;
    margin-left: 0 !important;
}

.btn-log-enabled:hover {
    background: linear-gradient(135deg, #35d458, #30c252) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(53, 211, 90, 0.3) !important;
    color: white !important;
}

.btn-log-enabled:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(53, 211, 90, 0.2) !important;
}

.btn-log-disabled {
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    color: #adb5bd !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
    font-size: 12px !important;
    padding: 6px 16px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    min-width: 80px !important;
    white-space: nowrap !important;
    margin-left: 0 !important;
}

.btn-log-disabled:hover {
    background-color: #f8f9fa !important;
    border-color: #e9ecef !important;
    color: #adb5bd !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 重新提交按钮样式 - 现代化淡色配色 */
.btn-resubmit-enabled {
    background: linear-gradient(135deg, #4f99ee, #4a90e2) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    padding: 6px 16px !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 8px rgba(74, 144, 226, 0.2) !important;
    transition: all 0.3s ease !important;
    text-shadow: none !important;
    min-width: 80px !important;
    white-space: nowrap !important;
    margin-left: 5px !important;
}

.btn-resubmit-enabled:hover {
    background: linear-gradient(135deg, #409dce, #3d7bd6) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(74, 144, 226, 0.3) !important;
    color: white !important;
}

.btn-resubmit-enabled:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(74, 144, 226, 0.2) !important;
}

.btn-resubmit-disabled {
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    color: #adb5bd !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
    font-size: 12px !important;
    padding: 6px 16px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    min-width: 80px !important;
    white-space: nowrap !important;
    margin-left: 5px !important;
}

.btn-resubmit-disabled:hover {
    background-color: #f8f9fa !important;
    border-color: #e9ecef !important;
    color: #adb5bd !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 删除按钮样式 - 现代化红色渐变配色 */
.btn-delete-enabled {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    padding: 6px 16px !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 8px rgba(231, 76, 60, 0.2) !important;
    transition: all 0.3s ease !important;
    text-shadow: none !important;
    min-width: 80px !important;
    white-space: nowrap !important;
    margin-left: 5px !important;
}

.btn-delete-enabled:hover {
    background: linear-gradient(135deg, #c0392b, #a93226) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(231, 76, 60, 0.3) !important;
    color: white !important;
}

.btn-delete-enabled:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(231, 76, 60, 0.2) !important;
}

.btn-delete-disabled {
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    color: #adb5bd !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
    font-size: 12px !important;
    padding: 6px 16px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    min-width: 80px !important;
    white-space: nowrap !important;
    margin-left: 5px !important;
}

.btn-delete-disabled:hover {
    background-color: #f8f9fa !important;
    border-color: #e9ecef !important;
    color: #adb5bd !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 按钮容器样式 - 覆盖 Bootstrap 的 btn-group 默认行为 */
.btn-group {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* 强制覆盖 Bootstrap btn-group 中按钮的圆角样式 */
.btn-group>.btn {
    border-radius: 10px !important;
}

.btn-group>.btn:not(:first-child) {
    border-radius: 10px !important;
    margin-left: 0;
}

.btn-group>.btn:not(:last-child) {
    border-radius: 10px !important;
}

.btn-group>.btn:first-child {
    border-radius: 10px !important;
}

.btn-group>.btn:last-child {
    border-radius: 10px !important;
}

/* 表格居中样式 */
.table {
    margin: 0 auto !important;
    width: 100% !important;
}

/* 确保表格容器居中 */
.row.justify-content-center {
    display: flex !important;
    justify-content: center !important;
}

.row.justify-content-center>div {
    margin: 0 auto !important;
    flex: 0 0 auto !important;
}

/* 确保表格行和容器都居中 */
.ftco-section .container {
    max-width: 100% !important;
}

/* 表格包装器居中 */
.col-md-12.col-lg-10.col-xl-8 {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}