/* Тёмная тема ЦУР ERP: <html data-bs-theme="dark"> (переключатель в шапке, templates/base.html).
   Нейтральные цвета в остальных CSS уже на переменных Bootstrap (--bs-body-bg и т.п.);
   здесь — только смысловые цвета (зелёный / жёлтый / красный / синий), которые в светлой
   теме заданы светлыми пастельными фонами с тёмным текстом. */

/* Тема «Крафт» (<html data-bs-theme="light" data-erp-skin="kraft">): фон цвета крафтовой переработанной бумаги (меньше нагрузка на глаза).
   Обычная «Светлая» остаётся белой.
   --bs-body-bg используют и таблицы, и самописные панели, поэтому цвет меняется везде сразу;
   карточки, окна и поля ввода чуть светлее фона, чтобы оставаться «приподнятыми». */
[data-erp-skin="kraft"] {
  --bs-body-bg: #efe3ca;      --bs-body-bg-rgb: 239, 227, 202;
  --bs-tertiary-bg: #e4d5b5;  --bs-tertiary-bg-rgb: 228, 213, 181;
  --bs-secondary-bg: #dbc9a4; --bs-secondary-bg-rgb: 219, 201, 164;
  --bs-border-color: #c9b48c;
  --erp-surface: #f7efdd;
}
[data-erp-skin="kraft"] .card,
[data-erp-skin="kraft"] .modal-content,
[data-erp-skin="kraft"] .dropdown-menu,
[data-erp-skin="kraft"] .form-control,
[data-erp-skin="kraft"] .form-select,
[data-erp-skin="kraft"] .list-group-item { background-color: var(--erp-surface); }
[data-erp-skin="kraft"] .form-control:disabled,
[data-erp-skin="kraft"] .form-select:disabled,
[data-erp-skin="kraft"] .form-control[readonly] { background-color: var(--bs-tertiary-bg); }

[data-bs-theme="dark"] {
  --erp-g-bg: rgba(46, 158, 91, .22);   --erp-g-fg: #8fd8ac;  --erp-g-bd: rgba(46, 158, 91, .45);
  --erp-y-bg: rgba(255, 193, 7, .18);   --erp-y-fg: #f3d27a;  --erp-y-bd: rgba(255, 193, 7, .40);
  --erp-r-bg: rgba(220, 53, 69, .22);   --erp-r-fg: #f2a3aa;  --erp-r-bd: rgba(220, 53, 69, .45);
  --erp-b-bg: rgba(13, 110, 253, .20);  --erp-b-fg: #9ec5fe;  --erp-b-bd: rgba(13, 110, 253, .45);
  --erp-o-bg: rgba(240, 138, 36, .22);  --erp-o-bd: rgba(240, 138, 36, .5);
  color-scheme: dark;
}

/* ── общее (app.css) ── */
[data-bs-theme="dark"] .comment-row.comment-unread { background-color: var(--erp-g-bg); }
[data-bs-theme="dark"] .assignee-picker-item-away { color: var(--erp-y-fg); }
[data-bs-theme="dark"] .attachment-thumb-file,
[data-bs-theme="dark"] a.attachment-thumb-file,
[data-bs-theme="dark"] .attachment-thumb-uploading { color: var(--bs-secondary-color); }

/* Quill (редактор текста поста) */
[data-bs-theme="dark"] .ql-snow .ql-stroke { stroke: var(--bs-body-color); }
[data-bs-theme="dark"] .ql-snow .ql-fill, [data-bs-theme="dark"] .ql-snow .ql-stroke.ql-fill { fill: var(--bs-body-color); }
[data-bs-theme="dark"] .ql-snow .ql-picker { color: var(--bs-body-color); }
[data-bs-theme="dark"] .ql-snow .ql-picker-options { background: var(--bs-body-bg); border-color: var(--bs-border-color); }
[data-bs-theme="dark"] .ql-toolbar.ql-snow, [data-bs-theme="dark"] .ql-container.ql-snow { border-color: var(--bs-border-color); }
[data-bs-theme="dark"] .ql-editor.ql-blank::before { color: var(--bs-secondary-color); }
[data-bs-theme="dark"] .ql-snow .ql-tooltip { background: var(--bs-body-bg); color: var(--bs-body-color); border-color: var(--bs-border-color); box-shadow: none; }

/* ── Госпаблики (gospublic.css) ── */
[data-bs-theme="dark"] .gp-pill-yes, [data-bs-theme="dark"] .gp-diff-new { background: var(--erp-g-bg); color: var(--erp-g-fg); }
[data-bs-theme="dark"] .gp-pill-no,  [data-bs-theme="dark"] .gp-diff-old { background: var(--erp-r-bg); color: var(--erp-r-fg); }
[data-bs-theme="dark"] .gp-pill-warn { background: var(--erp-y-bg); color: var(--erp-y-fg); }

[data-bs-theme="dark"] .gp-table td.gp-yes, [data-bs-theme="dark"] .gp-adm-table td.gp-yes,
[data-bs-theme="dark"] .gp-table td.gp-cc-new, [data-bs-theme="dark"] .gp-table td.gp-cc-g,
[data-bs-theme="dark"] .gp-adm-table td.gp-sc-g, [data-bs-theme="dark"] .gp-adm-table td.gp-reqcell-ok
  { background: var(--erp-g-bg) !important; color: var(--erp-g-fg); }
[data-bs-theme="dark"] .gp-table td.gp-no, [data-bs-theme="dark"] .gp-adm-table td.gp-no,
[data-bs-theme="dark"] .gp-table td.gp-cc-r, [data-bs-theme="dark"] .gp-adm-table td.gp-sc-r,
[data-bs-theme="dark"] .gp-adm-table td.gp-reqcell-bad
  { background: var(--erp-r-bg) !important; color: var(--erp-r-fg); }
[data-bs-theme="dark"] .gp-table td.gp-cc-y, [data-bs-theme="dark"] .gp-adm-table td.gp-sc-y
  { background: var(--erp-y-bg) !important; color: var(--erp-y-fg); }
[data-bs-theme="dark"] .gp-table td.posev-cell-selected.gp-yes { background: rgba(46, 158, 91, .38) !important; }
[data-bs-theme="dark"] .gp-table td.posev-cell-selected.gp-no { background: rgba(220, 53, 69, .38) !important; }
[data-bs-theme="dark"] .gp-table tr.gp-row-nogroup td:not(.gp-yes):not(.gp-no) { background-color: var(--erp-y-bg); }

[data-bs-theme="dark"] .gp-suggest-item:hover, [data-bs-theme="dark"] .gp-suggest-item.active,
[data-bs-theme="dark"] .gp-adm-table th.gp-sorted { background: var(--erp-b-bg); }
[data-bs-theme="dark"] .gp-bar span { background: #3d8bfd; }

[data-bs-theme="dark"] .gp-block { box-shadow: none; }
[data-bs-theme="dark"] .gp-block-title { color: var(--bs-secondary-color); }
[data-bs-theme="dark"] .gp-blk-g { background: linear-gradient(135deg, var(--erp-g-bg), var(--bs-body-bg) 70%); border-color: var(--erp-g-bd); }
[data-bs-theme="dark"] .gp-blk-y { background: linear-gradient(135deg, var(--erp-y-bg), var(--bs-body-bg) 70%); border-color: var(--erp-y-bd); }
[data-bs-theme="dark"] .gp-blk-r { background: linear-gradient(135deg, var(--erp-r-bg), var(--bs-body-bg) 70%); border-color: var(--erp-r-bd); }
[data-bs-theme="dark"] .gp-blk-n { background: linear-gradient(135deg, var(--erp-b-bg), var(--bs-body-bg) 70%); border-color: var(--erp-b-bd); }
[data-bs-theme="dark"] .gp-blk-g .gp-block-num, [data-bs-theme="dark"] .gp-trend.up { color: var(--erp-g-fg); }
[data-bs-theme="dark"] .gp-blk-y .gp-block-num { color: var(--erp-y-fg); }
[data-bs-theme="dark"] .gp-blk-r .gp-block-num, [data-bs-theme="dark"] .gp-trend.down { color: var(--erp-r-fg); }

[data-bs-theme="dark"] .gp-b-g { background: var(--erp-g-bg); color: var(--erp-g-fg); border-color: var(--erp-g-bd); }
[data-bs-theme="dark"] .gp-b-y { background: var(--erp-y-bg); color: var(--erp-y-fg); border-color: var(--erp-y-bd); }
[data-bs-theme="dark"] .gp-b-r { background: var(--erp-r-bg); color: var(--erp-r-fg); border-color: var(--erp-r-bd); }
[data-bs-theme="dark"] .gp-b-n { background: var(--bs-tertiary-bg); color: var(--bs-body-color); border-color: var(--bs-border-color); }
[data-bs-theme="dark"] .gp-b-total { box-shadow: 0 0 0 2px rgba(255, 255, 255, .15) inset; }

[data-bs-theme="dark"] .gp-req-btn, [data-bs-theme="dark"] .gp-req-sum, [data-bs-theme="dark"] .gp-req-unmet,
[data-bs-theme="dark"] .gp-req-pop .it.bad, [data-bs-theme="dark"] .gp-reqpop-bad,
[data-bs-theme="dark"] .gp-tile-bad .gp-tile-value { color: var(--erp-r-fg); }
[data-bs-theme="dark"] .gp-req-pop .it.ok, [data-bs-theme="dark"] .gp-reqpop-ok .gp-reqpop-mark,
[data-bs-theme="dark"] .gp-tile-ok .gp-tile-value { color: var(--erp-g-fg); }
[data-bs-theme="dark"] .gp-tile-ok { background: var(--erp-g-bg); border-color: var(--erp-g-bd); }
[data-bs-theme="dark"] .gp-tile-bad { background: var(--erp-r-bg); border-color: var(--erp-r-bd); }
[data-bs-theme="dark"] .gp-sect { box-shadow: none; }

[data-bs-theme="dark"] .gp-merge-item:hover { background: var(--erp-o-bg); }
[data-bs-theme="dark"] .gp-mg-green, [data-bs-theme="dark"] .form-control.gp-mg-green,
[data-bs-theme="dark"] .gp-mg-legend.gp-mg-green { background-color: var(--erp-g-bg); border-color: var(--erp-g-bd); }
[data-bs-theme="dark"] .gp-mg-orange, [data-bs-theme="dark"] .form-select.gp-mg-orange,
[data-bs-theme="dark"] .gp-mg-legend.gp-mg-orange { background-color: var(--erp-o-bg); border-color: var(--erp-o-bd); }

[data-bs-theme="dark"] .gp-ch-ax { fill: var(--bs-secondary-color); }
[data-bs-theme="dark"] .gp-ch-now, [data-bs-theme="dark"] .gp-ch-tip { fill: var(--bs-body-bg); }
[data-bs-theme="dark"] .gp-dot { border-color: rgba(255, 255, 255, .15); }

/* переключатель темы в шапке */
.erp-theme-menu .dropdown-item.active { background: var(--bs-primary); }

/* шапка: в тёмной теме чуть темнее фона страницы и с границей, чтобы не сливалась */
[data-bs-theme="dark"] body > nav.navbar.bg-dark { background-color: #15171a !important; border-bottom: 1px solid var(--bs-border-color); }