/* =====================================================
   BETA THEME — Albion Price Analyzer
   Все правила работают только при [data-theme="beta"]
   Старый дизайн не трогается.
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ── Базовые переменные ── */
[data-theme="beta"] {
    --bg:        #f0f4ff;
    --bg-card:   #ffffff;
    --bg-card2:  #f7f9ff;
    --bg-header: #ffffff;
    --border:    #dde4f5;
    --text:      #1e2233;
    --text-muted:#6b7280;
    --accent:    #4f8ef7;
    --accent2:   #6c63ff;
    --success:   #22c55e;
    --warn:      #f59e0b;
    --danger:    #ef4444;
    --shadow:    0 2px 16px rgba(79,142,247,.10);
    --radius:    12px;
}

/* ── Тело ── */
[data-theme="beta"] body {
    background: var(--bg) !important;
    color: var(--text) !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 14px;
}

/* ── Навбар ── */
[data-theme="beta"] .beta-navbar {
    background: var(--bg-header) !important;
    border-bottom: 3px solid var(--accent);
    box-shadow: 0 2px 12px rgba(79,142,247,.12);
    padding: 10px 20px !important;
}
[data-theme="beta"] .beta-navbar .navbar-brand {
    color: var(--text) !important;
    font-weight: 700;
    font-size: 1.05em;
}
[data-theme="beta"] .beta-navbar .nav-link-btn {
    background: var(--bg-card2);
    border: 1px solid var(--border);
    color: var(--text) !important;
    border-radius: 8px;
    padding: 5px 12px;
    font-size: 0.83em;
    font-weight: 500;
    text-decoration: none;
    transition: background .15s, border-color .15s, color .15s;
    display: inline-block;
}
[data-theme="beta"] .beta-navbar .nav-link-btn:hover,
[data-theme="beta"] .beta-navbar .nav-link-btn.active {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff !important;
}
[data-theme="beta"] #themeToggleBtn {
    background: #fff;
    border: 1.5px solid var(--accent);
    color: var(--accent);
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 0.82em;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, color .15s;
}
[data-theme="beta"] #themeToggleBtn:hover {
    background: var(--accent);
    color: #fff;
}

/* ── Карточки ── */
[data-theme="beta"] .card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow) !important;
    color: var(--text) !important;
    margin-bottom: 16px;
}
[data-theme="beta"] .card-header {
    background: var(--bg-card2) !important;
    border-bottom: 1px solid var(--border) !important;
    color: var(--text) !important;
    border-radius: var(--radius) var(--radius) 0 0 !important;
    font-weight: 600;
    padding: 10px 16px;
}
[data-theme="beta"] .card-body {
    color: var(--text) !important;
    padding: 16px;
}

/* ── Кнопки ── */
[data-theme="beta"] .btn-primary {
    background: var(--accent) !important;
    border-color: var(--accent) !important;
    border-radius: 8px;
    font-weight: 600;
}
[data-theme="beta"] .btn-primary:hover {
    background: #3a7ae0 !important;
    border-color: #3a7ae0 !important;
}
[data-theme="beta"] .btn-outline-light {
    border-color: var(--border) !important;
    color: var(--text) !important;
    border-radius: 8px;
}
[data-theme="beta"] .btn-outline-light:hover {
    background: var(--accent) !important;
    border-color: var(--accent) !important;
    color: #fff !important;
}
[data-theme="beta"] .btn-sm { border-radius: 7px; }
[data-theme="beta"] .btn-danger { border-radius: 8px; }
[data-theme="beta"] .btn-success { border-radius: 8px; }
[data-theme="beta"] .btn-warning { border-radius: 8px; }

/* ── Формы ── */
[data-theme="beta"] .form-control,
[data-theme="beta"] .form-select {
    background: #fff !important;
    border: 1.5px solid var(--border) !important;
    color: var(--text) !important;
    border-radius: 8px !important;
}
[data-theme="beta"] .form-control:focus,
[data-theme="beta"] .form-select:focus {
    background: #fff !important;
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 3px rgba(79,142,247,.18) !important;
    color: var(--text) !important;
}
[data-theme="beta"] .form-control::placeholder { color: #aab0c4 !important; }
[data-theme="beta"] label { color: var(--text-muted) !important; font-weight: 500; }
[data-theme="beta"] .form-label { color: var(--text-muted) !important; }

/* ── Таблицы ── */
[data-theme="beta"] .table {
    color: var(--text) !important;
    border-color: var(--border) !important;
}
[data-theme="beta"] .table thead th {
    background: var(--bg-card2) !important;
    color: var(--text) !important;
    border-bottom: 2px solid var(--accent) !important;
    font-weight: 600;
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: .03em;
}
[data-theme="beta"] body:not(.page-blackmarket) .table tbody tr { border-color: var(--border) !important; }
[data-theme="beta"] body:not(.page-blackmarket) .table tbody tr:nth-child(even) td { background: #f7f9ff; }
[data-theme="beta"] body:not(.page-blackmarket) .table tbody tr:nth-child(odd) td { background: #fff; }
[data-theme="beta"] body:not(.page-blackmarket) .table tbody tr:hover td { background: #edf2ff !important; }
[data-theme="beta"] body:not(.page-blackmarket) .table td, [data-theme="beta"] body:not(.page-blackmarket) .table th {
    color: var(--text) !important;
    border-color: var(--border) !important;
}

/* ── Навигация/пагинация ── */
[data-theme="beta"] .nav-tabs .nav-link { color: var(--text-muted) !important; }
[data-theme="beta"] .nav-tabs .nav-link.active {
    color: var(--accent) !important;
    border-bottom-color: var(--accent) !important;
}

/* ── Бейджи ── */
[data-theme="beta"] .badge { border-radius: 6px; font-weight: 600; }
[data-theme="beta"] .bg-secondary { background: var(--border) !important; color: var(--text) !important; }

/* ── Цвета прибыли ── */
[data-theme="beta"] .profit-positive, [data-theme="beta"] .text-success { color: var(--success) !important; }
[data-theme="beta"] .profit-high, [data-theme="beta"] .text-warning { color: var(--warn) !important; }
[data-theme="beta"] .profit-very-high, [data-theme="beta"] .text-danger { color: var(--danger) !important; }

/* ── Dropdown / поиск-оверлей ── */
[data-theme="beta"] .search-dropdown,
[data-theme="beta"] .dropdown-menu {
    background: #fff !important;
    border: 1.5px solid var(--border) !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 8px 32px rgba(79,142,247,.16) !important;
}
[data-theme="beta"] .search-item:hover,
[data-theme="beta"] .dropdown-item:hover {
    background: #edf2ff !important;
    color: var(--text) !important;
}
[data-theme="beta"] .search-item,
[data-theme="beta"] .dropdown-item { color: var(--text) !important; }

/* ── Текстовый вывод ленивого крафтера ── */
[data-theme="beta"] #outputBlock {
    background: #f8faff !important;
    border: 1.5px solid var(--border) !important;
    border-radius: var(--radius) !important;
    color: var(--text) !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
}
[data-theme="beta"] .out-header  { color: var(--accent) !important; font-weight: 700; }
[data-theme="beta"] .out-subheader { color: #5b6af0 !important; font-weight: 600; }
[data-theme="beta"] .out-item    { color: var(--text) !important; }
[data-theme="beta"] .out-profit  { color: var(--success) !important; font-weight: 700; }
[data-theme="beta"] .out-total   { color: var(--accent) !important; font-weight: 700; }
[data-theme="beta"] .out-city    { color: #8b5cf6 !important; }
[data-theme="beta"] .out-journal { color: var(--warn) !important; }
[data-theme="beta"] .out-divider { color: var(--border) !important; }

/* ── Скроллбар ── */
[data-theme="beta"] ::-webkit-scrollbar { width: 8px; }
[data-theme="beta"] ::-webkit-scrollbar-track { background: var(--bg); }
[data-theme="beta"] ::-webkit-scrollbar-thumb { background: #c7d2ee; border-radius: 4px; }
[data-theme="beta"] ::-webkit-scrollbar-thumb:hover { background: var(--accent); }

/* ── Алерты ── */
[data-theme="beta"] .alert { border-radius: var(--radius) !important; }
[data-theme="beta"] .alert-success {
    background: #f0fdf4 !important; border-color: #bbf7d0 !important; color: #166534 !important;
}
[data-theme="beta"] .alert-danger {
    background: #fef2f2 !important; border-color: #fecaca !important; color: #991b1b !important;
}
[data-theme="beta"] .alert-warning {
    background: #fffbeb !important; border-color: #fde68a !important; color: #92400e !important;
}

/* ── Модалки ── */
[data-theme="beta"] .modal-content {
    background: #fff !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.18) !important;
    color: var(--text) !important;
}
[data-theme="beta"] .modal-header {
    border-bottom: 1px solid var(--border) !important;
    background: var(--bg-card2) !important;
    border-radius: 16px 16px 0 0 !important;
}
[data-theme="beta"] .modal-footer { border-top: 1px solid var(--border) !important; }

/* ── Специфика страниц ── */

/* index — поиск: hero с градиентом */
[data-theme="beta"] body.page-index .beta-page-header {
    background: linear-gradient(135deg, #4f8ef7 0%, #6c63ff 100%);
    border-radius: var(--radius);
    color: #fff;
    padding: 28px 24px 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 24px rgba(79,142,247,.25);
}

/* crafting-cost — кузня: оранжевый акцент шапки */
[data-theme="beta"] body.page-crafting .beta-page-header {
    background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
    border-radius: var(--radius);
    color: #fff;
    padding: 18px 24px;
    margin-bottom: 16px;
}

/* black-market — пиратская: тёмно-фиолетовый */
[data-theme="beta"] body.page-blackmarket .beta-page-header {
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
    border-radius: var(--radius);
    color: #fff;
    padding: 18px 24px;
    margin-bottom: 16px;
}

/* lazy-crafter — ленивец: зелёный/бирюзовый */
[data-theme="beta"] body.page-lazycrafter .beta-page-header {
    background: linear-gradient(135deg, #059669 0%, #0891b2 100%);
    border-radius: var(--radius);
    color: #fff;
    padding: 18px 24px;
    margin-bottom: 16px;
}

/* recipes — книга: сепия */
[data-theme="beta"] body.page-recipes .beta-page-header {
    background: linear-gradient(135deg, #92400e 0%, #b45309 100%);
    border-radius: var(--radius);
    color: #fff;
    padding: 18px 24px;
    margin-bottom: 16px;
}

/* feedback — тёплый кремовый */
[data-theme="beta"] body.page-feedback .beta-page-header {
    background: linear-gradient(135deg, #db2777 0%, #9333ea 100%);
    border-radius: var(--radius);
    color: #fff;
    padding: 18px 24px;
    margin-bottom: 16px;
}

/* admin — командный центр */
[data-theme="beta"] body.page-admin .beta-page-header {
    background: linear-gradient(135deg, #374151 0%, #111827 100%);
    border-radius: var(--radius);
    color: #fff;
    padding: 18px 24px;
    margin-bottom: 16px;
}

/* ── Item title row (black market) ── */
[data-theme="beta"] .item-title-row td {
    background: var(--bg-card2) !important;
    border-top: 2px solid var(--accent) !important;
    color: var(--text) !important;
}

/* ── Chip-фильтры (crafting, black market) ── */
[data-theme="beta"] .btn-check + .btn {
    border-radius: 20px !important;
    font-size: 0.8em;
}

/* ── Sticky thead ── */
[data-theme="beta"] .table thead th { position: sticky; top: 0; z-index: 10; }

/* ── Строки с городом в lazy-crafter ── */
[data-theme="beta"] .city-row {
    background: var(--bg-card2) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    margin-bottom: 4px;
    color: var(--text) !important;
}

/* ── Algo toggle ── */
[data-theme="beta"] .algo-toggle-wrap {
    background: var(--bg-card2) !important;
    border: 1px solid var(--border) !important;
    border-radius: 10px !important;
}
[data-theme="beta"] .algo-opt {
    color: var(--text-muted) !important;
}
[data-theme="beta"] .algo-opt.algo-active {
    background: var(--accent) !important;
    color: #fff !important;
    border-radius: 8px !important;
}

/* ── Разделители ── */
[data-theme="beta"] hr { border-color: var(--border) !important; }

/* ── Ленивец-талисман (easter egg lazy crafter) ── */
[data-theme="beta"] .beta-sloth-hint {
    display: block !important;
    font-size: 0.78em;
    color: var(--text-muted);
    margin-top: 6px;
    font-style: italic;
}

/* ══════════════════════════════════════════════════
   OVERRIDE HARDCODED INLINE DARK STYLES
   Attribute selectors перебивают inline style через !important
   ══════════════════════════════════════════════════ */

/* Тёмные фоны → светлые */
[data-theme="beta"] [style*="background-color: #0f3460"],
[data-theme="beta"] [style*="background-color:#0f3460"],
[data-theme="beta"] [style*="background: #0f3460"],
[data-theme="beta"] [style*="background:#0f3460"] {
    background-color: var(--bg-card2) !important;
    background: var(--bg-card2) !important;
}
[data-theme="beta"] [style*="background-color: #1a1a2e"],
[data-theme="beta"] [style*="background-color:#1a1a2e"],
[data-theme="beta"] [style*="background: #1a1a2e"],
[data-theme="beta"] [style*="background:#1a1a2e"] {
    background-color: var(--bg) !important;
    background: var(--bg) !important;
}
[data-theme="beta"] [style*="background-color: #16213e"],
[data-theme="beta"] [style*="background-color:#16213e"],
[data-theme="beta"] [style*="background: #16213e"],
[data-theme="beta"] [style*="background:#16213e"] {
    background-color: var(--bg-card) !important;
    background: var(--bg-card) !important;
}
[data-theme="beta"] [style*="background-color: #0d1117"],
[data-theme="beta"] [style*="background-color:#0d1117"],
[data-theme="beta"] [style*="background: #0d1117"],
[data-theme="beta"] [style*="background:#0d1117"] {
    background-color: var(--bg-card2) !important;
    background: var(--bg-card2) !important;
}
[data-theme="beta"] [style*="background-color: #0d1b2e"],
[data-theme="beta"] [style*="background-color:#0d1b2e"],
[data-theme="beta"] [style*="background: #0d1b2e"],
[data-theme="beta"] [style*="background:#0d1b2e"] {
    background-color: var(--bg-card2) !important;
    background: var(--bg-card2) !important;
}
[data-theme="beta"] [style*="background-color: #0a1628"],
[data-theme="beta"] [style*="background-color:#0a1628"],
[data-theme="beta"] [style*="background: #0a1628"],
[data-theme="beta"] [style*="background:#0a1628"],
[data-theme="beta"] [style*="background-color: #0a0a15"],
[data-theme="beta"] [style*="background-color:#0a0a15"] {
    background-color: var(--bg-card2) !important;
    background: var(--bg-card2) !important;
}
[data-theme="beta"] [style*="background-color: #1a3060"],
[data-theme="beta"] [style*="background:#1a3060"] {
    background-color: var(--bg-card2) !important;
    background: var(--bg-card2) !important;
}
[data-theme="beta"] [style*="background-color: #1a6a8a"],
[data-theme="beta"] [style*="background:#1a6a8a"],
[data-theme="beta"] [style*="background-color: #1a4a7a"],
[data-theme="beta"] [style*="background:#1a4a7a"] {
    background-color: var(--accent) !important;
    background: var(--accent) !important;
}

/* Границы → светлые */
[data-theme="beta"] [style*="border-color: #0f3460"],
[data-theme="beta"] [style*="border-color:#0f3460"] {
    border-color: var(--border) !important;
}
[data-theme="beta"] [style*="border: 1px solid #0f3460"],
[data-theme="beta"] [style*="border:1px solid #0f3460"] {
    border-color: var(--border) !important;
}
[data-theme="beta"] [style*="border-bottom: 1px solid #0f3460"],
[data-theme="beta"] [style*="border-top: 1px solid #0f3460"],
[data-theme="beta"] [style*="border-bottom:1px solid #0f3460"],
[data-theme="beta"] [style*="border-top:1px solid #0f3460"] {
    border-color: var(--border) !important;
}
[data-theme="beta"] [style*="border: 1px solid #1a1a2e"],
[data-theme="beta"] [style*="border-bottom: 1px solid #1a1a2e"],
[data-theme="beta"] [style*="border-top: 1px solid #1a1a2e"] {
    border-color: var(--border) !important;
}
[data-theme="beta"] [style*="border: 1px solid #2a5a8a"],
[data-theme="beta"] [style*="border:1px solid #2a5a8a"],
[data-theme="beta"] [style*="border: 1px solid #2a6aaa"],
[data-theme="beta"] [style*="border: 1px solid #1a4a7a"],
[data-theme="beta"] [style*="border: 1px solid #1a6a8a"] {
    border-color: var(--border) !important;
}

/* Белый текст на тёмных фонах → тёмный текст */
[data-theme="beta"] div[style*="color: #fff"],
[data-theme="beta"] div[style*="color:#fff"],
[data-theme="beta"] span[style*="color: #fff"],
[data-theme="beta"] span[style*="color:#fff"],
[data-theme="beta"] td[style*="color: #fff"],
[data-theme="beta"] th[style*="color: #fff"] {
    color: var(--text) !important;
}
[data-theme="beta"] div[style*="color: #ccc"],
[data-theme="beta"] div[style*="color:#ccc"],
[data-theme="beta"] span[style*="color: #ccc"] {
    color: var(--text-muted) !important;
}

/* Специфика для crafting_cost — фильтр-контейнер */
[data-theme="beta"] body.page-crafting .border.rounded {
    background-color: var(--bg-card2) !important;
    border-color: var(--border) !important;
}
/* Кнопки выбор/снять выбор в lazy crafter */
[data-theme="beta"] body.page-lazycrafter button[style*="background:#0f3460"],
[data-theme="beta"] body.page-lazycrafter button[style*="background-color:#0f3460"],
[data-theme="beta"] body.page-lazycrafter button[style*="background: #0f3460"] {
    background: var(--bg-card2) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}
/* Input password в модалке логина */
[data-theme="beta"] input[style*="background:#0a1628"],
[data-theme="beta"] input[style*="background-color:#0a1628"] {
    background: #fff !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}
/* Инфо-блок в black market и crafting_cost */
[data-theme="beta"] [style*="font-family: monospace"][style*="#0f3460"],
[data-theme="beta"] [style*="font-family:monospace"][style*="#0f3460"] {
    background-color: var(--bg-card2) !important;
    color: var(--text) !important;
}

/* Модальные окна с inline-стилями */
[data-theme="beta"] [style*="background: #16213e"],
[data-theme="beta"] [style*="background:#16213e"] {
    background: var(--bg-card) !important;
    color: var(--text) !important;
}

/* Строки модального поиска в recipes */
[data-theme="beta"] body.page-recipes [style*="background: #0d1b2e"],
[data-theme="beta"] body.page-recipes [style*="background:#0d1b2e"] {
    background: var(--bg-card2) !important;
    color: var(--text) !important;
}

/* Navbar (переопределяем inline style на <nav>) */
[data-theme="beta"] nav.beta-navbar[style] {
    background-color: #fff !important;
}

/* JS-генерируемые thead в crafting_cost и recipes */
[data-theme="beta"] thead[style*="background-color:#0f3460"],
[data-theme="beta"] thead[style*="background-color: #0f3460"] {
    background-color: var(--bg-card2) !important;
}
[data-theme="beta"] thead[style*="background-color:#0f3460"] th,
[data-theme="beta"] thead[style*="background-color: #0f3460"] th {
    background-color: var(--bg-card2) !important;
    color: var(--text) !important;
}

/* Sort-btn в светлой теме */
[data-theme="beta"] .sort-btn { color: #aab0c4 !important; }
[data-theme="beta"] .sort-btn:hover { color: var(--accent) !important; }
[data-theme="beta"] .sort-btn.active { color: var(--accent) !important; }