/* Кабінет (design-system §1 «Кабінет»: щільність помірна, HUD стримано). Токени — tokens.css. Після змін — Ctrl+F5. */
.app>.panel,.app>#main>.panel{margin-bottom:1px}
#main{display:flex;flex-direction:column;gap:1px;background:var(--hair)}
.bar .acts-bar{gap:8px}
.bar .acts-bar button{min-height:36px;padding:0 12px}
.bar .unit .nm{font:600 15px/1 var(--disp);letter-spacing:.1em}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
/* Верстка 2026-10-09: мінімум колонки 240 px (було 170) — на 768 сітка давала три колонки по 228 px, і пункт
   «self_build (самозбірний)» (192 px) у селекті обрізався; тепер 768 → дві колонки, 1366/1920 → чотири */
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
hr.hair{border:0;border-top:1px solid var(--hair);margin:14px 0}
.panel>.msg,.app>.msg{display:block;padding:6px 16px;font:500 12px/1.4 var(--mono)}
.app>.msg{background:var(--panel);margin-bottom:1px}
.app>.msg:empty{display:none}
td.n code,code{background:var(--void);padding:1px 5px;color:var(--fg2)}
.sub{display:block;font:400 10px/1.4 var(--mono);color:var(--fg3);letter-spacing:.04em}
.kv2{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font:500 12px/1.6 var(--mono);color:var(--fg2)}
.kv2 b{font:500 9px/1.6 var(--ui);color:var(--fg3);letter-spacing:.16em;text-transform:uppercase}
.finding{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:6px 0;border-bottom:1px solid var(--row-hair);font:400 12px/1.5 var(--ui)}
.finding .lv{font:500 9px/1.6 var(--ui);letter-spacing:.16em;text-transform:uppercase}
.finding .lv.error{color:var(--bad)}.finding .lv.warn{color:var(--warn)}.finding .lv.info{color:var(--fg3)}
#detail .bd>h3{font:600 13px/1 var(--disp);letter-spacing:.14em;text-transform:uppercase;margin:14px 0 8px;color:var(--fg2)}
#detail table{margin-top:4px}
/* Верстка 2026-10-09: JSON події — без пробілів, тож без переносу «будь-де» таблиця подій ширша за екран на ≤ 768 */
#detail td.dim{overflow-wrap:anywhere}
textarea{width:100%}
/* UI-07: селект ролі й кнопка запрошення — по одній базовій лінії */
.inv{align-items:flex-end;margin-top:12px}
/* UI-08: «Доступи» — відокремлений блок: світліша панель і відступ, без статусних кольорів */
.access{background:var(--panel-2);padding:12px 16px 14px;margin:14px 0}
.access h3{margin-top:0}
/* T-128: «відкладено до DISARM» — бейдж стану і під ним що й чому (моноширинним, дрібно) */
.access .pendc .pend{display:block;margin-top:4px;font-size:11px;line-height:1.35;max-width:32ch;overflow-wrap:anywhere}
.tscroll{overflow-x:auto;max-width:100%}
/* п. 4а: вкладки майстра (Профіль / Порти польотника) — як .tabs налаштувань борту */
.wtabs{display:flex;gap:1px;background:var(--hair);margin:6px 0 1px}
.wtabs button{flex:1;min-height:var(--hit);clip-path:none;border:0;border-bottom:2px solid transparent;background:var(--panel)}
.wtabs button.active{border-bottom-color:var(--amber);color:var(--amber);box-shadow:none}
/* Р7: небезпечні дії з польотником — окремий блок з верхньою межею (design-system §6.2) */
.dz{border-top:1px solid var(--bad-line);padding-top:10px;margin-top:12px}