/* r1-VPN — серый Bootstrap-стиль */

.bg-body {
    background: #dee2e6;
    min-height: 100vh;
}

.r1-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
}

.r1-card-main {
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.14), 0 4px 16px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.form-control:focus,
.form-control-lg:focus {
    border-color: #6c757d;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
}

.btn-dark:hover {
    background-color: #424649;
    border-color: #424649;
}

/* Сообщения */
#message.alert-success {
    background-color: #d1e7dd;
    border-color: #badbcc;
    color: #0f5132;
}

#message.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c2c7;
    color: #842029;
}

/* Статусы в таблице */
.status-badge {
    padding: 0.25em 0.6em;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-pending {
    background-color: #fff3cd;
    color: #856404;
}

.status-approved {
    background-color: #d1e7dd;
    color: #0f5132;
}

.status-rejected {
    background-color: #f8d7da;
    color: #842029;
}

/* Кнопки в таблице */
.action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.btn-small {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

.btn-approve { background-color: #198754; color: #fff; }
.btn-approve:hover { background-color: #157347; color: #fff; }

.btn-reject { background-color: #dc3545; color: #fff; }
.btn-reject:hover { background-color: #bb2d3b; color: #fff; }

.btn-delete { background-color: #6c757d; color: #fff; }
.btn-delete:hover { background-color: #5c636a; color: #fff; }

.btn-copy { background-color: #0d6efd; color: #fff; }
.btn-copy:hover { background-color: #0b5ed7; color: #fff; }

/* Активная кнопка фильтра */
.filter-btn.active {
    background-color: #6c757d;
    color: #fff;
    border-color: #6c757d;
}

/* Модальное окно VLESS (из admin.js) */
.modal-content .form-control:focus {
    border-color: #6c757d;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
}