/* ============================================================
   Дизайн «Phoenix» — строгий деловой стиль в духе панели ispmanager:
   светлый фон, белые карточки с тонкой рамкой, синий акцент,
   тёмно-синий сайдбар, небольшие скругления, плоские тени.
   Включается: <html data-design="phoenix">; тёмная тема — data-theme="dark".
   ============================================================ */

:root[data-design="phoenix"] {
    --bg-primary: #f2f5fa;
    --bg-secondary: #ffffff;
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-inverse: #ffffff;
    --accent-primary: #2563eb;
    --accent-secondary: #1d4ed8;
    --accent-hover: #3b82f6;
    --accent-like: #e5484d;
    --accent-repost: #16a34a;
    --link-color: #2563eb;
    --link-color-hover: #1d4ed8;
    --border-color: #dbe3ee;
    --border-subtle: #e8eef6;
    --block-bg: #ffffff;
    --modal-bg: #ffffff;
    --block-bg-secondary: #f6f8fc;
    --block-hover-bg: rgba(37, 99, 235, .06);
    --bg-hover: rgba(37, 99, 235, .06);
    --bg-active: rgba(37, 99, 235, .12);
    --tab-active-bg: rgba(37, 99, 235, .10);
    --settings-tab-active-bg: rgba(37, 99, 235, .10);
    --toggle-active-bg: #2563eb;
    --btn-primary-bg: #2563eb;
    --btn-primary-text: #ffffff;
    --glass-bg: rgba(255, 255, 255, .92);
    --chatWindow: #eaf0f8;
    --bubble-in-bg: #ffffff;
    --bubble-in-text: #1e293b;
    --bubble-out-bg: #dbe8ff;
    --bubble-out-text: #14233f;
    --bubble-out-link: #1d4ed8;
    --bubble-out-soft: rgba(37, 99, 235, .16);
    --poll-progress-color: rgba(37, 99, 235, .10);
    --poll-selected-progress-color: #2563eb;
    --poll-inverted-text: #ffffff;
    --shadow-elevated: 0 1px 2px rgba(15, 23, 42, .06);
    --kit-nav-glass-bg: rgba(255, 255, 255, .85);
    --radius-sm: 4px;
    --radius-md: 8px;
}

:root[data-design="phoenix"][data-theme="dark"] {
    --bg-primary: #0f1624;
    --bg-secondary: #172033;
    --text-primary: #e5ebf5;
    --text-secondary: #8d9bb2;
    --text-inverse: #0f1624;
    --accent-primary: #4f8bf5;
    --accent-secondary: #3b74e0;
    --accent-hover: #74a3f8;
    --accent-like: #f0646a;
    --accent-repost: #4ade80;
    --link-color: #6ea0f8;
    --link-color-hover: #93b8fa;
    --border-color: rgba(148, 170, 205, .16);
    --border-subtle: rgba(148, 170, 205, .08);
    --block-bg: #172033;
    --modal-bg: #172033;
    --block-bg-secondary: #1c2740;
    --block-hover-bg: rgba(79, 139, 245, .10);
    --bg-hover: rgba(148, 170, 205, .08);
    --bg-active: rgba(79, 139, 245, .18);
    --tab-active-bg: rgba(79, 139, 245, .16);
    --settings-tab-active-bg: rgba(79, 139, 245, .16);
    --toggle-active-bg: #4f8bf5;
    --btn-primary-bg: #4f8bf5;
    --btn-primary-text: #ffffff;
    --glass-bg: rgba(23, 32, 51, .90);
    --chatWindow: #0b111d;
    --bubble-in-bg: #1c2740;
    --bubble-in-text: #e5ebf5;
    --bubble-out-bg: #254a8c;
    --bubble-out-text: #f1f5fd;
    --bubble-out-link: #bcd2fb;
    --bubble-out-soft: rgba(229, 235, 245, .14);
    --poll-progress-color: rgba(79, 139, 245, .16);
    --poll-selected-progress-color: #4f8bf5;
    --poll-inverted-text: #ffffff;
    --shadow-elevated: 0 4px 16px rgba(0, 0, 0, .35);
    --kit-nav-glass-bg: rgba(23, 32, 51, .8);
}

/* Шрифт и общий вид */
:root[data-design="phoenix"] body {
    font-family: 'Inter', 'Onest', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Карточки: плоские, с тонкой рамкой */
:root[data-design="phoenix"] .settings-section,
:root[data-design="phoenix"] .settings-row,
:root[data-design="phoenix"] .modal,
:root[data-design="phoenix"] .post-card,
:root[data-design="phoenix"] .card {
    border-radius: 8px;
    box-shadow: var(--shadow-elevated);
}
:root[data-design="phoenix"] .modal { border: 1px solid var(--border-color); }

/* Кнопки */
:root[data-design="phoenix"] .btn { border-radius: 6px; font-weight: 600; }
:root[data-design="phoenix"] .btn-sm { border-radius: 6px; }
:root[data-design="phoenix"] .btn-accent,
:root[data-design="phoenix"] .btn-primary { background: var(--accent-primary); color: #fff; }
:root[data-design="phoenix"] .btn-accent:not(:disabled):hover,
:root[data-design="phoenix"] .btn-primary:not(:disabled):hover { background: var(--accent-secondary); }

/* Поля ввода */
:root[data-design="phoenix"] .input { border-radius: 6px; border: 1px solid var(--border-color); background: var(--bg-secondary); }
:root[data-design="phoenix"] .input:focus { border-color: var(--accent-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-primary) 20%, transparent); outline: none; }

/* ── Сайдбар: всегда тёмно-синий, как меню панели ── */
:root[data-design="phoenix"] .sidebar {
    --text-primary: #e8eefb;
    --text-secondary: #9fb0cf;
    --bg-primary: #1a2540;
    --bg-hover: rgba(255, 255, 255, .07);
    --bg-active: rgba(255, 255, 255, .13);
    --border-color: rgba(255, 255, 255, .10);
    background: #1a2540;
    border-right: 0;
    color: var(--text-primary);
}
:root[data-design="phoenix"][data-theme="dark"] .sidebar { background: #111a2e; --bg-primary: #111a2e; }
:root[data-design="phoenix"] .sidebar .nav-item { border-radius: 6px; border-color: transparent; }
:root[data-design="phoenix"] .sidebar .nav-item:hover { border-color: transparent; background: var(--bg-hover); }
:root[data-design="phoenix"] .sidebar .nav-item.active {
    background: var(--accent-primary);
    color: #fff;
    border-color: transparent;
    font-weight: 600;
}
:root[data-design="phoenix"] .sidebar .nav-item.active svg { color: #fff; }
:root[data-design="phoenix"] .sidebar .sidebar-more-menu { background: rgba(255, 255, 255, .05); border-radius: 8px; }
:root[data-design="phoenix"] .sidebar .sidebar-version { color: var(--text-secondary); }
:root[data-design="phoenix"] .sidebar .nav-item .nav-badge.nav-wallet-balance { background: rgba(255, 255, 255, .14) !important; color: #fff !important; }
:root[data-design="phoenix"] .sidebar .btn-accent { background: var(--accent-primary); color: #fff; }