/* ============================================================================
   用户列表模块样式 (User List Module)
   ============================================================================ */

/* 充值记录模态框 */
#balanceModal .modal-body {
    max-height: 70vh;
    overflow-y: auto;
}

#balanceModal .table {
    margin-bottom: 0;
}

#balanceModal .modal-lg {
    max-width: 800px;
}

/* 重置密码模态框 */
#resetPasswordModal .modal-dialog {
    max-width: 500px;
}

#resetPasswordModal input[readonly] {
    background-color: #f8f9fa;
    cursor: not-allowed;
}

.password-strength {
    margin-top: 0.5rem;
}

.progress-bar.weak {
    background-color: #dc3545;
}

.progress-bar.medium {
    background-color: #fd7e14;
}

.progress-bar.strong {
    background-color: #28a745;
}

/* 用户列表表格 */
.user-list-table {
    border-collapse: separate;
    border-spacing: 0;
}

.user-list-table th.balance-col,
.user-list-table td.balance-col {
    position: relative;
}

.user-list-table td.balance-col,
.user-list-table td.spread-col {
    font-weight: 500;
    font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Source Code Pro', monospace;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

.user-list-table td.balance-col {
    color: inherit;
    text-shadow: none;
}

.user-list-table td.spread-col {
    color: inherit;
    text-shadow: none;
}

.user-list-table thead th.balance-col,
.user-list-table thead th.spread-col {
    font-weight: 600;
    color: #495057 !important;
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #e9ecef !important;
}

@media (max-width: 768px) {
    .user-list-table th.balance-col,
    .user-list-table td.balance-col {
        padding-left: 0.75rem !important;
    }
    
    .user-list-table td.balance-col,
    .user-list-table td.spread-col {
        font-size: 0.85rem;
    }
}