/* Личные настройки вида (prefs.php): тема, размер шрифта, плотность таблиц, цвет акцента. Атрибуты — на <html>. */
html[data-theme=light]{--bg:#f6f7f9;--card:#fff;--ink:#1c2430;--mute:#6b7686;--line:#dfe3e9;--acc:#0b7a75;--head:#eef1f5;--acc2:#dbeceb;color-scheme:light}
html[data-theme=dark]{--bg:#12161c;--card:#1a2029;--ink:#e6eaf0;--mute:#8f9bad;--line:#2a323e;--acc:#3ec4bb;--head:#212935;--acc2:#163a38;color-scheme:dark}
html[data-theme=dark] .sev.high{background:#4a1d1d;color:#fca5a5}html[data-theme=dark] .sev.med{background:#4a3212;color:#fbbf24}
html[data-theme=dark] .src.manual{background:#4a3212;color:#fbbf24}html[data-theme=dark] .src.none{background:#4a1d1d;color:#fca5a5}
html[data-theme=light] .sev.high{background:#fde8e8;color:#b91c1c}html[data-theme=light] .sev.med{background:#fff1dc;color:#b45309}
html[data-theme=light] .src.manual{background:#fff1dc;color:#b45309}html[data-theme=light] .src.none{background:#fde8e8;color:#b91c1c}
/* цвет акцента: светлая тема / тёмная (явная или системная) */
html[data-accent=blue]{--acc:#2563eb}html[data-accent=green]{--acc:#15803d}html[data-accent=orange]{--acc:#c2410c}html[data-accent=purple]{--acc:#7c3aed}html[data-accent=graphite]{--acc:#475569}
html[data-theme=dark][data-accent=blue]{--acc:#6ea8fe}html[data-theme=dark][data-accent=green]{--acc:#4ade80}html[data-theme=dark][data-accent=orange]{--acc:#fb923c}html[data-theme=dark][data-accent=purple]{--acc:#a78bfa}html[data-theme=dark][data-accent=graphite]{--acc:#94a3b8}
@media(prefers-color-scheme:dark){
html[data-theme=auto][data-accent=blue]{--acc:#6ea8fe}html[data-theme=auto][data-accent=green]{--acc:#4ade80}html[data-theme=auto][data-accent=orange]{--acc:#fb923c}html[data-theme=auto][data-accent=purple]{--acc:#a78bfa}html[data-theme=auto][data-accent=graphite]{--acc:#94a3b8}}
html[data-accent]:not([data-accent=teal]){--acc2:color-mix(in srgb,var(--acc) 16%,var(--card))}
/* размер шрифта: масштаб страницы; график (dhtmlx) считает координаты мыши — его возвращаем к масштабу 1 */
html[data-fs="92"] body{zoom:.92}html[data-fs="112"] body{zoom:1.12}html[data-fs="125"] body{zoom:1.25}
html[data-fs="92"]{--zs:.92}html[data-fs="112"]{--zs:1.12}html[data-fs="125"]{--zs:1.25}
html[data-fs="92"] #gantt,html[data-fs="112"] #gantt,html[data-fs="125"] #gantt{zoom:calc(1 / var(--zs))}
/* плотность таблиц */
html[data-density=compact] th,html[data-density=compact] td{padding-top:1px;padding-bottom:1px}
html[data-density=comfy] th,html[data-density=comfy] td{padding-top:8px;padding-bottom:8px}
@media print{html body{zoom:1!important}}
/* таблицы с поиском и сортировкой (tbl.js) */
.tbar{display:flex;gap:10px;align-items:center;margin:0 0 8px}.tbar .tq{min-width:260px;padding:6px 10px;font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}
th.sortable{cursor:pointer;user-select:none}th.sortable:hover{color:var(--ink)}th.s-asc::after{content:" ▲";font-size:10px;color:var(--acc)}th.s-desc::after{content:" ▼";font-size:10px;color:var(--acc)}