/* Тема Феникс Digital (DESIGN.md pheniks.ru): тёмная страница #0C0C0E, карточки #17171A, акцент #C8440F / #FF6A2B,
   заголовки Oswald 600 капсом, текст Mulish. Подключается после style.css и перекрывает только цвета и шрифты. */
@font-face { font-family: 'Mulish'; src: url('/static/fonts/Mulish-Medium.ttf') format('truetype'); font-weight: 400 500; font-display: swap; }
@font-face { font-family: 'Mulish'; src: url('/static/fonts/Mulish-Bold.ttf') format('truetype'); font-weight: 600 800; font-display: swap; }
@font-face { font-family: 'Oswald'; src: url('/static/fonts/Oswald-SemiBold.ttf') format('truetype'); font-weight: 600; font-display: swap; }

:root {
  --bg: #0C0C0E; --panel: #17171A; --sidebar: #121214; --ink: #F1F0F5; --ink-2: #C9C8CF; --muted: #85848C;
  --line: rgba(255,255,255,.07); --line-2: rgba(255,255,255,.13); --accent: #C8440F; --hover: #1B1B20;
  --danger: #FF5A4E; --danger-bg: #2A1412; --warn: #FFB547; --warn-bg: #2A1F0E; --ok: #3CCF7A; --ok-bg: #102419; --info-bg: #141A2A;
  --shadow: 0 1px 0 rgba(255,255,255,.03); --shadow-lg: 0 24px 64px rgba(0,0,0,.6);
  --font: 'Mulish', ui-sans-serif, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  color-scheme: dark;
}
body { background: var(--bg); }
h1, h2, .page-title, .fc .fc-toolbar-title, .brand { font-family: 'Oswald', var(--font); text-transform: uppercase; letter-spacing: .01em; font-weight: 600; }

/* основная кнопка - одна на экране, оранжевая; остальные - контурные */
.btn.primary, button.primary { background: var(--accent); border-color: var(--accent); color: #fff; }
.btn.primary:hover, button.primary:hover { background: #FF6A2B; border-color: #FF6A2B; }
.btn:hover { border-color: rgba(255,106,43,.45); }
a:hover { color: #FF6A2B; }
input:focus, select:focus, textarea:focus { border-color: rgba(255,106,43,.6) !important; box-shadow: 0 0 0 3px rgba(200,68,15,.18) !important; }

/* светлые подложки из style.css → тёмные */
.st-draft, .st-cancelled, .tag, .tag-no, .sent-bar .s-neutral, .guide-steps code, .copy-row code { background: #1B1B20 !important; color: var(--ink-2); }
.table th, .help, .imp-stats > div, .plan-line, .found-chats, .editor-tools, .fold, .table tr.click:hover td { background: #1B1B20 !important; }
.nav-item.active, .company-item.active { background: #1B1B20; color: var(--ink); box-shadow: inset 2px 0 0 var(--accent); }
.nav-item:hover, .company-item:hover { background: #17171A; }
.modal-backdrop { background: rgba(0,0,0,.6); }

/* календарь */
.fc { --fc-border-color: rgba(255,255,255,.07); --fc-today-bg-color: rgba(200,68,15,.12); --fc-page-bg-color: var(--panel);
  --fc-neutral-bg-color: #1B1B20; --fc-button-bg-color: #1B1B20; --fc-button-border-color: rgba(255,255,255,.13);
  --fc-button-text-color: var(--ink); --fc-button-hover-bg-color: #232329; --fc-button-hover-border-color: rgba(255,106,43,.45);
  --fc-button-active-bg-color: var(--accent); --fc-button-active-border-color: var(--accent); --fc-list-event-hover-bg-color: #1B1B20; }
.fc .fc-daygrid-day.fc-day-other .fc-daygrid-day-number { color: #55545B; }
.fc-event.is-failed { box-shadow: 0 0 0 2px var(--danger) inset, 0 0 0 1px #0C0C0E; }

/* превью постов остаются «как в приложении» - светлые */
.bubble, .phone { color: #17171A; }
.login-card { background: var(--panel); }
.readiness { background: #17171A !important; border-color: rgba(255,106,43,.35) !important; }
.readiness summary b { color: var(--ink); }
.ready-item { background: #1B1B20; }