/* Axion CRM — тема «Графит и янтарь» поверх Krayin. Палитра:
   графит #17191E · панель hover #2A2D34 · текст панели #B9BDC6 · янтарь #F2A93B (текст на янтаре #1B1405)
   тёмный янтарь для ссылок #8F5B0A (6:1 на белом) · фон страниц #F5F4F1 · рамки #E2DFD8 · основной текст #1A1C21 */

@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url("fonts/golos-text-cyrillic-wght-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url("fonts/golos-text-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url("fonts/golos-sym.woff2") format("woff2"); unicode-range: U+20BD; }

:root { --brand-color: #8F5B0A; --axion-amber: #F2A93B; --axion-ink: #1B1405; --axion-graphite: #17191E; }

body, .font-inter, input, select, textarea, button { font-family: "Golos Text", Inter, system-ui, sans-serif; }

/* фон рабочей области */
html:not(.dark) .group\/container > .flex-1 { background-color: #F5F4F1; }

/* боковая панель */
#admin-sidebar { background-color: var(--axion-graphite); border-color: var(--axion-graphite); }
#admin-sidebar .bg-white { background-color: var(--axion-graphite); border-color: #2A2D34; }
#admin-sidebar a, #admin-sidebar .text-gray-600, #admin-sidebar span, #admin-sidebar p { color: #B9BDC6; }
#admin-sidebar .hover\:bg-gray-100:hover, #admin-sidebar .hover\:bg-gray-100:hover p, #admin-sidebar [class*="hover:bg-gray-100"]:hover { background-color: #2A2D34; color: #FFFFFF; }
#admin-sidebar .bg-brandColor { background-color: #2A2D34; }
#admin-sidebar .bg-brandColor p, #admin-sidebar .bg-brandColor .text-white { color: #FFFFFF; font-weight: 600; }
#admin-sidebar .bg-brandColor > span { color: var(--axion-amber) !important; }
#admin-sidebar .sidebar-rounded.bg-white, #admin-sidebar .bg-gray-100 { background-color: #1F2228; }

/* главные кнопки — янтарь с тёмным текстом */
.primary-button { background-color: var(--axion-amber) !important; border-color: var(--axion-amber) !important; color: var(--axion-ink) !important; border-radius: 10px; }
.primary-button:hover, .primary-button:focus { opacity: 1; background-color: #E89B26 !important; }
.secondary-button { border-radius: 10px; }
.secondary-button:hover, .secondary-button:focus { background-color: #FBF3E4; }
html.dark .secondary-button:hover, html.dark .secondary-button:focus { background-color: #2A2D34; }

/* полоса прокрутки в тон */
html:not(.dark) ::-webkit-scrollbar-track { background: #ECEAE5; }
html:not(.dark) ::-webkit-scrollbar-thumb { background: #B5B1A8; }

/* логотип в тёмной теме */
html.dark img[src*="axion/logo"] { content: url("logo-dark.svg"); }

/* иконки Axion: SVG-маски поверх классов icon-* (линия 1,75, сетка 24) */

.icon-dashboard:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/dashboard.svg") center / 100% 100% no-repeat; mask: url("icons/dashboard.svg") center / 100% 100% no-repeat; }
.icon-leads:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/deals.svg") center / 100% 100% no-repeat; mask: url("icons/deals.svg") center / 100% 100% no-repeat; }
.icon-quote:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/quotes.svg") center / 100% 100% no-repeat; mask: url("icons/quotes.svg") center / 100% 100% no-repeat; }
.icon-mail:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/mail.svg") center / 100% 100% no-repeat; mask: url("icons/mail.svg") center / 100% 100% no-repeat; }
.icon-activity:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/activities.svg") center / 100% 100% no-repeat; mask: url("icons/activities.svg") center / 100% 100% no-repeat; }
.icon-contact:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/contacts.svg") center / 100% 100% no-repeat; mask: url("icons/contacts.svg") center / 100% 100% no-repeat; }
.icon-product:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/products.svg") center / 100% 100% no-repeat; mask: url("icons/products.svg") center / 100% 100% no-repeat; }
.icon-setting:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/settings.svg") center / 100% 100% no-repeat; mask: url("icons/settings.svg") center / 100% 100% no-repeat; }
.icon-configuration:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/configuration.svg") center / 100% 100% no-repeat; mask: url("icons/configuration.svg") center / 100% 100% no-repeat; }
.icon-help:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/help.svg") center / 100% 100% no-repeat; mask: url("icons/help.svg") center / 100% 100% no-repeat; }
.icon-search:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/search.svg") center / 100% 100% no-repeat; mask: url("icons/search.svg") center / 100% 100% no-repeat; }
.icon-add:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/plus.svg") center / 100% 100% no-repeat; mask: url("icons/plus.svg") center / 100% 100% no-repeat; }
.icon-notification:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/bell.svg") center / 100% 100% no-repeat; mask: url("icons/bell.svg") center / 100% 100% no-repeat; }
.icon-filter:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/filter.svg") center / 100% 100% no-repeat; mask: url("icons/filter.svg") center / 100% 100% no-repeat; }
.icon-kanban:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/view-kanban.svg") center / 100% 100% no-repeat; mask: url("icons/view-kanban.svg") center / 100% 100% no-repeat; }
.icon-list:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/view-list.svg") center / 100% 100% no-repeat; mask: url("icons/view-list.svg") center / 100% 100% no-repeat; }
.icon-edit:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/edit.svg") center / 100% 100% no-repeat; mask: url("icons/edit.svg") center / 100% 100% no-repeat; }
.icon-delete:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/delete.svg") center / 100% 100% no-repeat; mask: url("icons/delete.svg") center / 100% 100% no-repeat; }
.icon-call:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/phone.svg") center / 100% 100% no-repeat; mask: url("icons/phone.svg") center / 100% 100% no-repeat; }
.icon-calendar:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/calendar.svg") center / 100% 100% no-repeat; mask: url("icons/calendar.svg") center / 100% 100% no-repeat; }
.icon-rotten:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/clock.svg") center / 100% 100% no-repeat; mask: url("icons/clock.svg") center / 100% 100% no-repeat; }
.icon-more:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/more.svg") center / 100% 100% no-repeat; mask: url("icons/more.svg") center / 100% 100% no-repeat; }
.icon-cross-large:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/close.svg") center / 100% 100% no-repeat; mask: url("icons/close.svg") center / 100% 100% no-repeat; }
.icon-down-arrow:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/chevron-down.svg") center / 100% 100% no-repeat; mask: url("icons/chevron-down.svg") center / 100% 100% no-repeat; }
.icon-user:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/user.svg") center / 100% 100% no-repeat; mask: url("icons/user.svg") center / 100% 100% no-repeat; }
.icon-perosnal:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/user.svg") center / 100% 100% no-repeat; mask: url("icons/user.svg") center / 100% 100% no-repeat; }
.icon-organization:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/organization.svg") center / 100% 100% no-repeat; mask: url("icons/organization.svg") center / 100% 100% no-repeat; }
.icon-download:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/download.svg") center / 100% 100% no-repeat; mask: url("icons/download.svg") center / 100% 100% no-repeat; }
.icon-eye:before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("icons/eye.svg") center / 100% 100% no-repeat; mask: url("icons/eye.svg") center / 100% 100% no-repeat; }

/* остатки голубого Krayin → янтарь */
html:not(.dark) .bg-sky-100 { background-color: #FBEBD0; }
html:not(.dark) .text-sky-600 { color: #7A4A06; }
.bg-sky-600 { background-color: var(--axion-amber); }
html:not(.dark) .text-blue-600 { color: #8F5B0A; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--axion-amber); }

/* ===== экран входа (axion_theme: admin/sessions/login) ===== */
.axion-login { min-height: 100vh; display: flex; flex-wrap: wrap; background: #F5F4F1; color: #1A1C21; }
.axion-login__aside { flex: 1 1 480px; box-sizing: border-box; padding: 48px 56px; display: flex; flex-direction: column; gap: 32px; background: var(--axion-graphite); color: #FFFFFF; }
.axion-login__logo { height: 34px; width: auto; align-self: flex-start; }
.axion-login__copy { display: flex; flex-direction: column; gap: 14px; max-width: 480px; }
.axion-login__copy h1 { margin: 0; font-size: 40px; line-height: 1.12; font-weight: 700; letter-spacing: -0.02em; }
.axion-login__copy p { margin: 0; font-size: 17px; line-height: 1.5; color: #B9BDC6; }
.axion-login__funnel { flex: 1; min-height: 220px; display: flex; flex-direction: column; justify-content: center; gap: 14px; max-width: 520px; }
.axion-login__stage { display: flex; align-items: center; gap: 16px; }
.axion-login__stage span { width: 120px; flex: none; font-size: 14px; color: #B9BDC6; }
.axion-login__stage i { display: block; height: 44px; border-radius: 12px; background: #2A2D34; }
.axion-login__stage--0 i { width: 100%; }
.axion-login__stage--1 i { width: 68%; background: #3A3E47; }
.axion-login__stage--2 i { width: 40%; background: var(--axion-amber); }
.axion-login__foot { margin: 0; font-size: 13px; color: #8E929B; }
.axion-login__foot a { color: #F2C77E; }
.axion-login__main { flex: 1 1 420px; box-sizing: border-box; padding: 48px 24px; display: grid; place-items: center; }
.axion-login__card { width: 100%; max-width: 400px; }
.axion-login__card form { display: flex; flex-direction: column; gap: 4px; }
.axion-login__title { margin: 0; font-size: 28px; font-weight: 700; letter-spacing: -0.01em; color: #1A1C21; }
.axion-login__subtitle { margin: 4px 0 20px; color: #5D6169; }
.axion-login__input { width: 100% !important; height: 48px; border-radius: 10px !important; border-color: #CFCBC2 !important; font-size: 15px !important; }
.axion-login__input:focus { border-color: #8F5B0A !important; box-shadow: 0 0 0 3px rgba(242, 169, 59, .35); }
.axion-login__input--password { padding-right: 48px !important; }
.axion-login__eye { position: absolute; right: 6px; top: 31px; width: 40px; height: 40px; display: grid; place-items: center; border: 0; background: transparent; font-size: 22px; color: #5D6169; cursor: pointer; }
.axion-login__row { display: flex; justify-content: flex-end; margin: 4px 0 16px; }
.axion-login__link { font-size: 14px; font-weight: 500; color: #8F5B0A; }
.axion-login__link:hover { text-decoration: underline; }
.axion-login__submit { width: 100%; height: 50px; font-size: 16px !important; }
html.dark .axion-login { background: #0F1013; }
html.dark .axion-login__title { color: #FFFFFF; }
@media (max-width: 760px) {
  .axion-login__aside { padding: 28px 24px; gap: 18px; }
  .axion-login__copy h1 { font-size: 28px; }
  .axion-login__funnel, .axion-login__foot { display: none; }
}

/* фиолетовый фон иконок на «Помощи» → тёплый */
html:not(.dark) .bg-violet-50 { background-color: #FBEBD0; }