/* --- ГЛОБАЛЬНЫЕ НАСТРОЙКИ (DARKNET RED EDITION) --- */
:root {
    --primary-red: #dc3545;      /* Основной красный */
    --accent-red: #ff4d4d;       /* Яркий алый для ховера */
    --dark-bg: #0a0a0a;          /* Глубокий черный */
    --card-bg: #141414;          /* Цвет карточек */
    --black-bg: #000000;         /* Чистый черный */
    --border-color: #331a1a;     /* Темно-красная граница */
    --text-muted: #aaaaaa;       /* Исправленный светло-серый для читаемости */
    --warning-gold: #ffc107;
}

body {
    background-color: var(--dark-bg);
    color: #eeeeee;
    font-family: 'Segoe UI', Roboto, sans-serif;
    min-height: 100vh;
}

.container {
    padding-top: 30px;
}
/* --- Блокировака повторного  нажатия --- */
button[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}
/* --- VIP --- */
.vip-badge {
            position: absolute;
            top: 10px;
            right: 10px;
            background: linear-gradient(135deg, #ffd700, #ffb347);
            color: #000;
            font-size: 0.7rem;
            font-weight: bold;
            padding: 4px 8px;
            border-radius: 20px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            z-index: 2;
        }
        .premium-badge {
            background: linear-gradient(135deg, #c0c0c0, #a0a0a0);
        }
        .card.disabled-item {
            opacity: 0.6;
            filter: grayscale(0.2);
            position: relative;
        }
        .card.disabled-item::after {
            content: "🔒";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 3rem;
            color: rgba(255,255,255,0.8);
            text-shadow: 0 0 5px black;
            pointer-events: none;
        }
        .card .btn.disabled-btn {
            cursor: not-allowed;
            background-color: #6c757d;
            border-color: #6c757d;
        }
/* --- КАРТОЧКИ --- */
.shop-card, .profile-item-card, .card {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    overflow: hidden;
    transition: all 0.3s ease;
}

.shop-card:hover, .profile-item-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 15px rgba(220, 53, 69, 0.3);
    border-color: var(--primary-red) !important;
}

.border-primary {
    border-color: var(--primary-red) !important;
}

/* --- КНОПКИ --- */
.btn-primary {
    background-color: var(--primary-red) !important;
    border: none !important;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 0 #8b0000;
}

.btn-primary:hover {
    background-color: var(--accent-red) !important;
    transform: translateY(1px);
    box-shadow: 0 2px 0 #8b0000;
}

.btn-outline-secondary {
    border: 1px solid var(--border-color) !important;
    color: #fff !important;
}

.btn-outline-secondary:hover {
    background-color: #1a1a1a !important;
    border-color: var(--primary-red) !important;
}

/* --- ТАБЛИЦЫ (ИСТОРИЯ ПОКУПОК) --- */
.table-responsive {
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

.table thead th {
    background-color: var(--black-bg) !important;
    border-bottom: 2px solid var(--primary-red);
    color: var(--primary-red);
    font-size: 0.75rem;
    padding: 15px;
}

.table tbody td {
    background-color: var(--card-bg) !important;
    border-bottom: 1px solid var(--border-color);
    padding: 12px 15px;
    color: #ffffff !important; /* Текст в таблице белый */
    font-weight: 500;
}

/* Специфично для даты в таблице */
.table tbody td:nth-child(2) {
    color: #bbbbbb !important; 
}

/* --- МОДАЛЬНОЕ ОКНО --- */
.modal-content {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--primary-red) !important;
    box-shadow: 0 0 25px rgba(220, 53, 69, 0.5) !important;
}

.modal-header {
    border-bottom: 1px solid var(--border-color) !important;
}

.modal-body .bg-black {
    border: 1px solid var(--border-color) !important;
    background-color: #000 !important;
}

/* Яркий ID товара в модалке */
#m_key_display {
    color: #ffffff !important;
    background: rgba(220, 53, 69, 0.25) !important;
    padding: 3px 8px;
    border-radius: 4px;
    font-family: monospace;
    border: 1px solid var(--primary-red) !important;
}

/* --- ПОИСК --- */
#shopSearch {
    color: #ffffff !important;
    background-color: var(--black-bg);
    border: 1px solid var(--border-color);
}

#shopSearch::placeholder { color: #999999 !important; opacity: 1; }
#shopSearch::-webkit-input-placeholder { color: #999999 !important; }
#shopSearch::-moz-placeholder { color: #999999 !important; }

/* --- ТЕКСТОВЫЕ КЛАССЫ --- */
.text-primary { color: var(--primary-red) !important; }
.text-warning { color: var(--warning-gold) !important; }
.text-muted { color: var(--text-muted) !important; }
.bg-black { background-color: var(--black-bg) !important; }
.extra-small { font-size: 0.65rem; }

/* --- АНИМАЦИИ --- */
.pulse-animation {
    animation: pulse-red 2s infinite;
    background-color: var(--primary-red) !important;
}

@keyframes pulse-red {
    0% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(220, 53, 69, 0); }
    100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }
}

/* --- СКРОЛЛБАР --- */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--dark-bg); }
::-webkit-scrollbar-thumb {
    background: #440000;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover { background: var(--primary-red); }