/* ERadius — «Персонал» у мові старту (власник 11.10). Підключається після shell.css. Лише токени теми. */

/* ── Картка працівника ── */
html[data-theme] .people-grid{gap:var(--space-3)}
html[data-theme] .person-card.pc{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--r-lg);
  background:var(--bg-surface);border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);transition:border-color 120ms ease}
html[data-theme] .person-card.pc:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-strong))}
html[data-theme] .pc-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);position:relative;margin:0;padding:0;border:0}
html[data-theme] .pc-id{min-width:0}
html[data-theme] .pc-id h3{margin:0;font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:1.3;color:var(--text-primary);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme] .pc-id p{margin:2px 0 0;font-size:var(--fs-caption);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* стан — тиха пігулка праворуч від імені */
html[data-theme] .pc-status{font-size:var(--fs-caption);font-weight:var(--fw-medium);white-space:nowrap;background:none;border:0;padding:0;margin-right:var(--space-2)}
html[data-theme] .pc-status::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:5px;vertical-align:1px}
html[data-theme] .pc-status.available{color:var(--success)}
html[data-theme] .pc-status.absent{color:var(--warning)}
/* дії — четвертий стовпець шапки: завжди на місці, тихі; підсвічуються при наведенні на картку */
html[data-theme] .pc-head{grid-template-columns:auto minmax(0,1fr) auto}
html[data-theme] .pc-actions{display:flex;gap:0;margin-right:calc(var(--space-2) * -1);opacity:.55;transition:opacity 120ms ease}
html[data-theme] .person-card.pc:hover .pc-actions,html[data-theme] .pc-actions:focus-within{opacity:1}
html[data-theme] .pc-actions .icon-button{width:30px;height:30px;display:inline-grid;place-items:center;padding:0;border-radius:var(--r-sm);
  color:var(--text-secondary);background:none;border:0}
html[data-theme] .pc-actions .icon-button svg{width:16px;height:16px}
html[data-theme] .pc-actions .icon-button:hover{background:var(--bg-hover);color:var(--text-primary)}
html[data-theme] .pc-actions .delete-person:hover{color:var(--danger)}
/* поля: підпис зверху, значення знизу; лише заповнені */
html[data-theme] .pc-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-2) var(--space-3);margin:0;
  padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--border-subtle) 85%,transparent)}
html[data-theme] .pc-meta div{min-width:0}
html[data-theme] .pc-meta dt{font-size:var(--fs-caption);color:var(--text-muted);margin:0}
html[data-theme] .pc-meta dd{margin:2px 0 0;font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* компетенції — тихі чипи */
html[data-theme] .pc-skills{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0}
html[data-theme] .pc-skills span{font-size:var(--fs-caption);padding:3px var(--space-2);border-radius:var(--r-sm);background:var(--bg-sunken);
  color:var(--text-secondary);border:0}
html[data-theme] .pc-skills span.cert-ok{color:var(--text-primary)}
html[data-theme] .person-card.pc .cert-flags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0}
html[data-theme] .person-card.pc .cert-flag{font-size:var(--fs-caption);background:none;border:0;padding:0}
html[data-theme] .person-card.pc .cert-unconfirmed{color:var(--text-muted)}
html[data-theme] .person-card.pc .person-sublevels{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:var(--fs-caption);color:var(--text-secondary);margin:0}
html[data-theme] .person-card.pc .person-sublevels b{color:var(--text-primary);font-weight:var(--fw-semibold)}
html[data-theme] .person-card.pc.person-inactive{opacity:.75}

/* ── Оргсхема в потоці сторінки: керівник → люди за посадою; «Без керівника» — окремий блок ── */
html[data-theme] .org-chart-wrap.org-flow{height:auto;overflow:visible;cursor:auto;background:none;border:0;padding:0;margin-top:var(--space-3)}
html[data-theme] .org-chart-wrap.org-flow .org-canvas{position:static;transform:none!important;padding:0;transition:none}
html[data-theme] .org-chart-wrap.org-flow .org-chart{display:block;padding:0}
html[data-theme] .org-flow-tree{display:flex;flex-direction:column;gap:var(--space-4)}
html[data-theme] .org-branch{border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:var(--r-lg);
  background:var(--bg-surface);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}
html[data-theme] .org-lead{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
html[data-theme] .org-lead-node{flex:0 1 auto}
html[data-theme] .org-lead-label{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}
html[data-theme] .org-lead-label strong{font-size:var(--fs-title);color:var(--text-primary)}
html[data-theme] .org-lead-label i,html[data-theme] .org-group h4 i,html[data-theme] .org-branch .org-toggle i{font-style:normal;font-variant-numeric:tabular-nums;
  font-size:var(--fs-caption);color:var(--text-muted);margin-left:var(--space-1)}
html[data-theme] .org-lead-label span{font-size:var(--fs-caption);color:var(--text-muted)}
html[data-theme] .org-branch .org-toggle{position:static;transform:none;margin-left:auto;font-size:var(--fs-caption);padding:var(--space-1) var(--space-3);
  border:1px solid var(--border-subtle);border-radius:var(--r-sm);background:none;color:var(--text-secondary);cursor:pointer}
html[data-theme] .org-branch .org-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}
html[data-theme] .org-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3);
  padding-left:var(--space-4);border-left:2px solid color-mix(in srgb,var(--accent) 35%,transparent)}
html[data-theme] .org-unassigned .org-groups{border-left-color:var(--border-subtle)}
html[data-theme] .org-group h4{margin:0 0 var(--space-2);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.04em;
  text-transform:uppercase;color:var(--text-secondary)}
html[data-theme] .org-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
html[data-theme] .org-flow .org-node{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);text-align:left;min-width:0;max-width:none;
  padding:var(--space-1) var(--space-2);border:0;border-radius:var(--r-sm);background:none;box-shadow:none;cursor:pointer;transform:none}
html[data-theme] .org-flow .org-node:hover,html[data-theme] .org-flow .org-node:focus-visible{background:var(--bg-hover);transform:none}
html[data-theme] .org-flow .org-node:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}
html[data-theme] .org-flow .org-node .avatar{margin:0;flex:0 0 auto}
html[data-theme] .org-row-text{display:flex;flex-direction:column;min-width:0}
html[data-theme] .org-row-text strong{font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme] .org-row-text span{font-size:var(--fs-caption);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
html[data-theme] .org-lead-node .org-row-text strong{font-size:var(--fs-title);font-weight:var(--fw-semibold)}

/* ── Налаштування персоналу — згорнутий блок унизу (рідко потрібне не заважає списку) ── */
html[data-theme] .people-settings{margin-top:var(--space-5);border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);
  border-radius:var(--r-lg);background:var(--bg-surface)}
html[data-theme] .people-settings>summary{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);
  cursor:pointer;list-style:none;border-radius:var(--r-lg)}
html[data-theme] .people-settings>summary::-webkit-details-marker{display:none}
html[data-theme] .people-settings>summary::before{content:'›';color:var(--text-muted);transition:transform 150ms ease;display:inline-block}
html[data-theme] .people-settings[open]>summary::before{transform:rotate(90deg)}
html[data-theme] .people-settings>summary:hover{background:var(--bg-hover)}
html[data-theme] .people-settings .ps-title{font-weight:var(--fw-semibold);color:var(--text-primary)}
html[data-theme] .people-settings .ps-sub{font-size:var(--fs-caption);color:var(--text-muted)}
html[data-theme] .people-settings>article{margin:0 var(--space-3) var(--space-3)}
html[data-theme] .org-chart-wrap.org-flow .org-toolbar{display:none}

/* ── Панель дій «Персоналу»: великі кнопки одним рядом, пошук — гнучкий ── */
html[data-theme] [data-view-panel="people"]>.section-heading{display:block;margin:0 0 var(--space-3)}
html[data-theme] [data-view-panel="people"]>.section-heading .top-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);width:100%;justify-content:flex-start}
html[data-theme] [data-view-panel="people"] .top-actions :is(.button,#peopleViewSwitch button){min-height:40px;padding:0 var(--space-4);font-size:14px;border-radius:var(--r-sm)}
html[data-theme] [data-view-panel="people"] #peopleViewSwitch{padding:3px;gap:2px;border-radius:var(--r-sm);background:var(--bg-sunken);border:1px solid var(--border-subtle)}
html[data-theme] [data-view-panel="people"] #peopleViewSwitch button{min-height:34px;border:0;background:none;color:var(--text-secondary);font-weight:var(--fw-medium)}
html[data-theme] [data-view-panel="people"] #peopleViewSwitch button.selected{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 0 0 1px var(--border-strong)}
html[data-theme] [data-view-panel="people"] #peopleSearch{flex:1 1 260px;min-width:200px;height:40px;order:-1;font-size:14px;padding:0 var(--space-3)}
html[data-theme] [data-view-panel="people"] :is(.people-status-filter,.people-group-filter){margin:0 0 var(--space-2)}

/* ── Фільтри «Персоналу»: один рядок чипів — стан (з кольоровою крапкою) | розділювач | посада ── */
html[data-theme] .people-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3)}
html[data-theme] .people-filters .segmented{display:flex;flex-wrap:wrap;gap:var(--space-1);border:0;background:none;padding:0;margin:0}
html[data-theme] .people-filters .people-group-filter{padding-left:var(--space-3);margin-left:var(--space-1);border-left:1px solid var(--border-subtle)}
html[data-theme] .people-filters .pf-chip{display:inline-flex;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);
  border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);
  font-size:14px;font-weight:var(--fw-medium);box-shadow:none;cursor:pointer;transition:background 120ms ease,border-color 120ms ease,color 120ms ease}
html[data-theme] .people-filters .pf-chip:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}
html[data-theme] .people-filters .pf-chip small{font-size:var(--fs-caption);font-variant-numeric:tabular-nums;color:var(--text-muted);opacity:1}
html[data-theme] .people-filters .pf-chip.selected{background:color-mix(in srgb,var(--accent) 14%,var(--bg-surface));border-color:var(--accent);color:var(--text-primary);font-weight:var(--fw-semibold)}
html[data-theme] .people-filters .pf-chip.selected small{color:var(--text-primary)}
html[data-theme] .people-filters .pf-chip:is(.pf-st-available,.pf-st-away,.pf-st-inactive)::before{content:'';width:8px;height:8px;border-radius:50%;flex:0 0 auto}
html[data-theme] .people-filters .pf-st-available::before{background:var(--success)}
html[data-theme] .people-filters .pf-st-away::before{background:var(--warning)}
html[data-theme] .people-filters .pf-st-inactive::before{background:var(--text-muted)}

/* ── Оргсхема за посадою: блоки-стовпці; старші зверху, решта сіткою ── */
html[data-theme] .org-by-role{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3);align-items:start}
html[data-theme] .org-block{gap:var(--space-3)}
html[data-theme] .org-block .org-seniors{list-style:none;margin:0;padding:0 0 var(--space-2);display:flex;flex-direction:column;gap:2px;
  border-bottom:1px solid color-mix(in srgb,var(--border-subtle) 85%,transparent)}
html[data-theme] .org-block .org-people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;
  padding-left:var(--space-3);border-left:2px solid color-mix(in srgb,var(--accent) 30%,transparent)}
html[data-theme] .org-flow .org-senior .org-row-text strong{font-weight:var(--fw-semibold)}

/* ── Журнал персоналу: читабельність (власник 15.10: «Картка» надто яскрава, шрифти трохи більші) ── */
/* Було 12 px у всіх клітинках; тепер ім'я й посада читаються з відстані монітора. Повернути: прапорець html[data-people-compact]. */
html[data-theme]:not([data-people-compact]) .main-content .pl-row{font-size:14px;min-height:56px}
html[data-theme]:not([data-people-compact]) .main-content .pl-who b{font-size:14.5px;font-weight:var(--fw-semibold)}
html[data-theme]:not([data-people-compact]) .main-content :is(.pl-role,.pl-dept){font-size:13.5px;color:var(--text-secondary)}
html[data-theme]:not([data-people-compact]) .main-content .pl-head :is(span,b){font-size:12px;letter-spacing:.03em}
html[data-theme]:not([data-people-compact]) .main-content .pl-chip{font-size:12.5px;padding:3px 9px}
/* «Картка» — тиха дія рядка: нейтральний текст без акценту; акцент — лише при наведенні на рядок або фокусі */
html[data-theme] .main-content .pl-act .text-button{font-size:13px;font-weight:var(--fw-medium);color:var(--text-muted);
  padding:4px 10px;border:1px solid transparent;border-radius:var(--r-sm);text-decoration:none;transition:color 120ms ease,border-color 120ms ease}
html[data-theme] .main-content .pl-row:hover .pl-act .text-button{color:var(--text-secondary);border-color:var(--border-subtle)}
html[data-theme] .main-content .pl-act .text-button:hover,html[data-theme] .main-content .pl-act .text-button:focus-visible{color:var(--text-primary);
  border-color:var(--border-strong);background:var(--bg-hover);text-decoration:none}

/* ── Оргсхема «як у лікарні» (власник 15.10): завідувач → лінії; одна лінія = один колір смуги; вакансія — пунктир ── */
html[data-theme] .org-hospital{display:flex;flex-direction:column;gap:var(--space-3)}
html[data-theme] .oh-summary{font-size:14px;color:var(--text-secondary)}
html[data-theme] .oh-root{display:flex;justify-content:center;position:relative;padding-bottom:var(--space-4)}
html[data-theme] .oh-root::after{content:'';position:absolute;left:50%;bottom:0;height:var(--space-4);border-left:1px solid var(--border-strong)}
html[data-theme] .oh-root ul,html[data-theme] .oh-lead{list-style:none;margin:0;padding:0}
html[data-theme] .oh-root .org-node{border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--bg-surface);padding:var(--space-2) var(--space-4)}
html[data-theme] .oh-root .org-row-text strong{font-size:16px}
html[data-theme] .oh-lines{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3);align-items:start;
  border-top:1px solid var(--border-strong);padding-top:var(--space-4)}
html[data-theme] .oh-line{--oh:var(--accent);background:var(--bg-surface);border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);
  border-top:3px solid var(--oh);border-radius:var(--r-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}
html[data-theme] .oh-lab{--oh:var(--success)}
html[data-theme] .oh-nurse{--oh:color-mix(in srgb,var(--warning) 80%,var(--text-secondary))}
html[data-theme] .oh-reg{--oh:var(--text-secondary)}
html[data-theme] .oh-tech{--oh:var(--text-muted)}
html[data-theme] .oh-line>header{display:flex;align-items:baseline;gap:var(--space-2)}
html[data-theme] .oh-line>header strong{font-size:15px;color:var(--text-primary)}
html[data-theme] .oh-line>header i{font-style:normal;font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-muted)}
html[data-theme] .oh-line>header .org-toggle{margin-left:auto;font-size:12px;padding:2px var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--r-sm);
  background:none;color:var(--text-secondary);cursor:pointer}
html[data-theme] .oh-line>header .org-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}
html[data-theme] .oh-lead{padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}
html[data-theme] .oh-vacant{font-size:13.5px;color:var(--text-secondary);border:1px dashed var(--border-strong);border-radius:var(--r-sm);padding:var(--space-2) var(--space-3)}
html[data-theme] .oh-vacant i{font-style:normal;color:var(--text-muted)}
html[data-theme] .oh-root .oh-vacant{font-size:15px;padding:var(--space-3) var(--space-4)}
html[data-theme] .oh-sec h4{margin:var(--space-2) 0 var(--space-1);font-size:12px;font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}
html[data-theme] .oh-sec h4 i{font-style:normal;color:var(--text-muted);font-variant-numeric:tabular-nums}
html[data-theme] .oh-sec .org-people{list-style:none;margin:0;padding:0 0 0 var(--space-2);border-left:2px solid color-mix(in srgb,var(--oh) 40%,transparent);display:flex;flex-direction:column;gap:1px}
html[data-theme] .org-hospital .org-node{display:flex;align-items:center;gap:var(--space-2);padding:5px var(--space-2);border-radius:var(--r-sm);cursor:pointer;min-width:0}
html[data-theme] .org-hospital .org-node:hover,html[data-theme] .org-hospital .org-node:focus-visible{background:var(--bg-hover)}
html[data-theme] .org-hospital .org-row-text strong{font-size:14px;font-weight:var(--fw-medium)}
html[data-theme] .org-hospital .org-row-text span{font-size:12.5px}
html[data-theme] .org-hospital .org-senior .org-row-text strong{font-weight:var(--fw-semibold)}
/* імена не обрізаються: перенос у 2 рядки замість «…» (вужчі колонки на 1280–1600 px) */
html[data-theme] .org-hospital .org-row-text strong{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
html[data-theme] .org-hospital .oh-lines{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
/* старший секції (сестра-господиня над молодшим персоналом) — над списком, без відступу */
html[data-theme] .oh-sec-lead{list-style:none;margin:0 0 2px;padding:0}
/* інтерн/стажист: відповідальний лікар під посадою (власник 15.10) */
html[data-theme] .oh-mentor{display:block;font-size:12px;color:var(--text-muted)}
html[data-theme] .oh-mentor i{font-style:normal;color:var(--warning, var(--text-muted))}