/* NRCO ACTION — общие стили тёмной темы.
 * Специфичные для конкретной страницы значения (отступы, акцентный цвет,
 * размер шапки и т.п.) переопределяются в собственном <style> страницы,
 * который подключается ПОСЛЕ этого файла — правила ниже это база, а не
 * единственный источник истины для каждой детали.
 */

:root {
    --bg: #000;
    --card-bg: #111;
    --accent: #ff6600;
    --text: #fff;
    --green: #2ecc71;
    --red: #e74c3c;
    --danger: rgba(255, 68, 68, 0.2);
    --danger-text: #ff4444;
    --blue-glass: rgba(0, 100, 255, 0.15);
    --vk-color: #0077FF;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

body { font-family: -apple-system, sans-serif; background: var(--bg); color: var(--text); margin: 0; }

/* Шапка — вариант 1: лого слева + произвольный правый блок (кабинет, вывод средств) */
.nav { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background: rgba(17, 17, 17, 0.8); backdrop-filter: blur(10px); position: sticky; top: 0; z-index: 100; border-bottom: 1px solid #222; }
.nav .logo { font-weight: 900; font-size: 20px; letter-spacing: -0.5px; }
.logo span { color: var(--accent); }
.back { color: #888; text-decoration: none; font-size: 13px; font-weight: 700; }
.btn-logout { background: var(--danger); color: var(--danger-text); border: 1px solid rgba(255, 68, 68, 0.3); padding: 8px 16px; border-radius: 10px; text-decoration: none; font-size: 13px; font-weight: 600; }

/* Шапка — вариант 2: лого по центру + стрелка «назад» (карточка задания, профиль, рейтинг) */
header { padding: 18px 20px; text-align: center; border-bottom: 1px solid #1c1c1c; position: relative; }
.back-btn { position: absolute; left: 20px; top: 20px; color: #888; text-decoration: none; font-weight: 800; font-size: 13px; text-transform: uppercase; }
header .logo { font-weight: 900; font-size: 18px; text-transform: uppercase; letter-spacing: -0.5px; }

.card { background: var(--card-bg); padding: 25px; border-radius: 28px; border: 1px solid #222; margin-bottom: 15px; }

/* Нижний таб-бар (Лента / Кабинет). Точный padding у .tab-item задаётся на странице. */
.tab-bar { position: fixed; bottom: 25px; left: 20px; right: 20px; display: flex; gap: 12px; z-index: 9999; }
.tab-item { text-decoration: none; color: #fff; font-size: 15px; font-weight: 900; text-align: center; flex: 1; background: var(--blue-glass); backdrop-filter: blur(25px); border-radius: 28px; border: 1px solid rgba(0, 150, 255, 0.25); text-transform: uppercase; }
.tab-item.active { background: rgba(0, 130, 255, 0.35); border-color: rgba(0, 200, 255, 0.5); }