/* First90 — компонування робочих екранів (Пакет 5Б, гілка dyzain/ekrany).
   Лише розкладка екранів за docs/design/*.dc.html. Кольори, радіуси й шрифти —
   тільки змінні контракту --f90-* з design.css; власних кольорів тут немає.
   Префікс .f90e- — «екрани», щоб не плутати з класами контракту .f90-. */

/* Екран нового вигляду займає всю ширину вмісту, як у макетах (1440 − меню). */
.page:has(> .f90-screen){max-width:none;padding:24px 28px 40px;}
.f90-screen{display:flex;flex-direction:column;gap:16px;min-width:0;color:var(--f90-ink);font-family:var(--f90-font-body);}
.f90-screen h1.title{margin:0;}
.f90-screen .f90-sub{color:var(--f90-muted);}
.f90e-muted{color:var(--f90-muted);}
.f90e-hint{color:var(--f90-hint);}
.f90e-small{font-size:13px;}
.f90e-tiny{font-size:12px;}
.f90e-orange{color:var(--f90-orange);}
.f90e-danger{color:var(--f90-danger);}
.f90e-strong{font-weight:600;}
.f90e-grow{flex-grow:1;min-width:0;}
.f90e-ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ряд метрик */
.f90e-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.f90e-metrics--5{grid-template-columns:repeat(5,minmax(0,1fr));}

/* фільтри над таблицею */
.f90e-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px;}
.f90e-filters select.f90-input{min-width:170px;}
.f90e-filters .f90e-search{flex-grow:1;min-width:180px;}

/* таблиця з grid-рядків: підпис колонок дрібними великими, як у макеті */
.f90e-thead{font-size:12px;letter-spacing:.04em;text-transform:uppercase;}
.f90e-cell-name{font-weight:500;font-size:14px;}
.f90e-state{display:flex;align-items:center;gap:8px;font-size:13px;}

/* смужка прогресу плану */
.f90e-bar{height:5px;border-radius:3px;background:var(--f90-line-soft);overflow:hidden;}
.f90e-bar > i{display:block;height:100%;border-radius:3px;background:var(--f90-accent);}
.f90e-bar--warn > i{background:var(--f90-warn);}
.f90e-bar--danger > i{background:var(--f90-danger);}
.f90e-plan{display:flex;flex-direction:column;gap:4px;font-size:13px;}

/* «Що нового»: рядок з крапкою, заголовком, деталями й кнопкою */
.f90e-news-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:2px;}
.f90e-news{display:flex;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid var(--f90-line-soft);}
.f90e-news:last-child{border-bottom:0;}
.f90e-news__txt{flex-grow:1;display:flex;align-items:baseline;gap:10px;min-width:0;}
.f90e-news__txt > span:last-child{font-size:13px;color:var(--f90-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ---------- Команда ---------- */
.f90e-person{display:flex;align-items:center;gap:10px;min-width:0;}
.f90e-ava{width:36px;height:36px;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:var(--f90-accent-soft);color:var(--f90-accent-ink);font-weight:600;font-size:13px;}
.f90e-ava img{width:100%;height:100%;object-fit:cover;}
.f90e-right{text-align:right;}
.f90e-foot{padding-top:12px;}
.f90e-bar--muted > i{background:var(--f90-hint);}
.f90e-row--attn .f90e-state{font-weight:500;}
.f90-screen .tm-trow.off{opacity:.6;}
.f90e-crumbs{font-size:13px;color:var(--f90-hint);}
.f90e-crumbs a{color:var(--f90-accent);cursor:pointer;}

/* ---------- Картка людини: шухляда ---------- */
.f90e-icon{width:32px;height:32px;border:0;border-radius:var(--f90-r-item);background:transparent;color:var(--f90-muted);font-size:16px;cursor:pointer;}
.f90e-icon:hover{background:var(--f90-surface-2);color:var(--f90-ink);}
.f90e-icon:disabled{opacity:.35;cursor:default;background:transparent;}
.f90e-cd{gap:14px;}
/* design.css підключено ДО старого <style>, тож старе .cp-panel (60%) перекривало б
   контракт шухляди — повторюємо його ширину й поверхню з вищою вагою. */
.f90e-cd.f90-drawer{padding:22px 22px 20px;width:clamp(320px,28vw,400px);background:var(--f90-surface);border-left:1px solid var(--f90-line);}
.f90e-cd--page{display:flex;flex-direction:column;max-width:760px;}
.f90e-cd__head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.f90e-cd__who{display:flex;align-items:center;gap:12px;min-width:0;}
.f90e-cd__who .f90e-ava{width:40px;height:40px;}
.f90e-cd__who .f90-h3{line-height:1.1;}
.f90e-cd__btns{display:flex;gap:2px;flex-shrink:0;}
.f90e-cd__body{display:flex;flex-direction:column;gap:14px;flex-grow:1;}
.f90e-cd__sec{display:flex;flex-direction:column;gap:8px;}
.f90e-cd__label{font-size:13px;color:var(--f90-hint);font-weight:500;margin-top:4px;}
.f90e-cd__foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--f90-line-soft);}
.f90e-cd__pos{display:none;}
.f90e-cd__danger{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--f90-line-soft);}
.f90e-tabs{display:flex;gap:18px;border-bottom:1px solid var(--f90-line);font-size:14px;flex-wrap:wrap;}
.f90e-tab{padding:6px 0 8px;border:0;border-bottom:2px solid transparent;background:none;color:var(--f90-muted);font-family:inherit;font-size:14px;cursor:pointer;margin-bottom:-1px;}
.f90e-tab:hover{color:var(--f90-ink);}
.f90e-tab--active,.f90e-tab--active:hover{border-bottom-color:var(--f90-accent);color:var(--f90-accent);font-weight:600;}
.f90e-problem{padding:14px 16px;border-radius:var(--f90-r-ctl);background:var(--f90-danger-soft);color:var(--f90-danger-ink);display:flex;flex-direction:column;gap:6px;}
.f90e-problem--warn{background:var(--f90-warn-soft);color:var(--f90-warn-ink);}
.f90e-btn-danger,.f90e-btn-danger:hover{background:var(--f90-danger);border-color:var(--f90-danger);color:var(--f90-surface);}
.f90e-row-btns{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px;}
.f90e-form{display:flex;flex-direction:column;gap:6px;}
.f90e-wide{width:100%;}
.f90e-center{text-align:center;}
.f90e-step{display:flex;align-items:center;gap:10px;font-size:14px;}
.f90e-step--todo{color:var(--f90-hint);}
.f90e-step--bad{color:var(--f90-ink);font-weight:500;}
.f90e-step--done{color:var(--f90-muted);}
.f90e-mark{width:18px;height:18px;border-radius:50%;flex-shrink:0;box-sizing:border-box;border:1.5px solid var(--f90-field);
  display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--f90-surface);}
.f90e-mark--ok{background:var(--f90-accent);border-color:var(--f90-accent);}
.f90e-mark--bad{background:var(--f90-danger);border-color:var(--f90-danger);}
.f90e-kv{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:4px 0;border-bottom:1px solid var(--f90-line-soft);}
.f90e-kv span{color:var(--f90-muted);}
.f90e-kv b{font-weight:500;text-align:right;}
/* давні блоки картки (курси, особисто, доступ, журнал) усередині шухляди — без рамок */
.f90e-cd .k-sec{border:0;border-radius:0;background:none;padding:0;margin:0;}
.f90e-cd .k-shead{margin-bottom:6px;flex-wrap:wrap;gap:6px 8px;}
.f90e-cd .k-swhy{margin-left:auto;font-size:12px;color:var(--f90-hint);}
.f90e-cd .k-row b{font-weight:500;font-size:14px;}
.f90e-cd .k-row{gap:8px;}
.f90e-cd .k-stitle{font-size:13px;color:var(--f90-hint);font-weight:500;}
.f90e-cd .k-bar{background:var(--f90-line-soft);max-width:none;}
.f90e-cd .k-bar i{background:var(--f90-accent);}
.f90e-cd .k-invite{padding:14px 16px;border-radius:var(--f90-r-ctl);background:var(--f90-warn-soft);color:var(--f90-warn-ink);}
.f90e-cd .btn{border-radius:var(--f90-r-item);}

/* ---------- Перевірка завдань ---------- */
.f90e-split{display:flex;gap:20px;align-items:flex-start;min-width:0;}
.f90e-qlist{width:340px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;}
.f90e-qitem{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px 14px;border:1px solid var(--f90-line);border-radius:var(--f90-r-ctl);
  background:var(--f90-surface);color:var(--f90-ink);font-family:inherit;font-size:14px;cursor:pointer;min-width:0;}
.f90e-qitem:hover{border-color:var(--f90-field);}
.f90e-qitem--active,.f90e-qitem--active:hover{background:var(--f90-accent-soft);border-color:var(--f90-accent);}
.f90e-qitem__top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;}
.f90e-qnote{padding:4px 4px 0;}
.f90e-tag{font-size:12px;padding:2px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0;background:var(--f90-accent-soft);color:var(--f90-accent-ink);}
.f90e-tag--warn{background:var(--f90-warn-soft);color:var(--f90-warn-ink);}
.f90e-tag--danger{background:var(--f90-danger-soft);color:var(--f90-danger-ink);}
.f90e-tag--ok{background:var(--f90-accent-soft);color:var(--f90-accent-ink);}
.rv-photo{display:inline-block;max-width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--f90-line);}
.rv-photo img{display:block;max-width:min(520px,100%);max-height:420px;object-fit:contain;background:var(--f90-bg);}
.rv-decided .f90e-answer{margin-top:8px;}
.f90e-tag--muted{background:var(--f90-surface-2);color:var(--f90-muted);border:1px solid var(--f90-line);}
.f90e-rvpane{flex-grow:1;min-width:0;padding:26px 30px;display:flex;flex-direction:column;gap:18px;}
.f90e-rvpane__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;}
.f90e-rvpane__head .f90e-row-btns{flex-wrap:nowrap;align-items:center;padding-top:0;flex-shrink:0;}
.f90e-rvpane label .f90e-hint{font-weight:400;}
.f90e-rvpane__foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--f90-line-soft);}
.f90e-push{margin-left:auto;}
.f90e-link{border:0;background:none;padding:0;color:var(--f90-accent);font-family:inherit;font-size:14px;cursor:pointer;white-space:nowrap;text-decoration:none;}
.f90e-link:hover{color:var(--f90-accent-ink);text-decoration:underline;}
.f90e-cond{padding:14px 18px;border-radius:var(--f90-r-ctl);background:var(--f90-bg);font-size:14px;line-height:1.55;}
.f90e-answer{padding:16px 18px;border:1px solid var(--f90-line);border-radius:var(--f90-r-ctl);font-size:15px;line-height:1.6;}
.f90e-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 10px;border:1px solid var(--f90-line);border-radius:var(--f90-r-item);color:var(--f90-muted);text-decoration:none;}
.f90e-chip:hover{border-color:var(--f90-accent);color:var(--f90-accent-ink);}
.f90e-hist summary{cursor:pointer;padding:4px 0;}
.f90e-logrow{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--f90-line-soft);font-size:14px;}
.f90e-logrow:last-child{border-bottom:0;}
.f90e-logrow .f90-dot{margin-top:7px;}
.f90e-ghead{display:flex;align-items:center;gap:8px;width:100%;padding:8px 0;border:0;background:none;font-family:inherit;font-size:14px;color:var(--f90-ink);cursor:pointer;text-align:left;}
.f90e-rvuser{display:flex;flex-direction:column;gap:6px;}

/* кнопки й ручки «лише в режимі Редагування» всередині нових екранів */
body:not(.editing) .f90-screen .editonly{display:none;}
body.editing .f90-screen .f90-btn.editonly{display:inline-flex;}

/* ---------- Навчання: бібліотека курсів ---------- */
.f90e-lib__cols{display:flex;gap:20px;align-items:flex-start;min-width:0;}
.f90e-lib__tree{width:268px;padding:14px 10px;gap:1px;}
.f90e-lib__search{width:100%;height:40px;margin-bottom:8px;font-size:14px;}
.f90e-lib__sep{height:1px;background:var(--f90-line-soft);margin:8px 4px;}
.f90e-lib .f90-tree__item{align-items:center;justify-content:space-between;width:100%;}
.f90e-lib .f90-tree__meta{margin-left:auto;white-space:nowrap;padding-left:8px;}
.f90e-lib .f90-tree__name{display:flex;align-items:center;gap:6px;min-width:0;}
.f90e-lib__dept .f90-tree__name{font-weight:600;}
.f90e-caret{width:14px;color:var(--f90-hint);font-size:12px;flex-shrink:0;cursor:pointer;}
.f90e-lib__note{padding:8px 10px 0;}
.f90e-lib__mid{flex-grow:1;min-width:0;padding:16px 18px;display:flex;flex-direction:column;gap:6px;}
.f90e-lib__mhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 4px 8px;}
.f90e-lib__grp{display:flex;align-items:center;gap:8px;margin:14px 0 2px;padding:0 12px;font-size:14px;font-family:var(--f90-font-body);}
.f90e-lib__grp .f90-btn{margin-left:auto;}
.f90e-libtrack__end{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap;}
.f90e-lib--edit .f90e-lib__cols{flex-wrap:wrap;}
.f90e-lib--edit .f90e-lib__mid{flex-basis:0;}
.f90e-lib--edit .f90e-lib__course{width:auto;flex-basis:100%;}
.f90e-libtrack__name{display:flex;align-items:center;gap:8px;}
.f90e-lib__course{width:350px;flex-shrink:0;padding:20px;display:flex;flex-direction:column;gap:12px;}
.f90e-lessons{display:flex;flex-direction:column;}
.f90e-lesson{display:flex;align-items:center;gap:10px;padding:8px 4px;border:0;border-bottom:1px solid var(--f90-line-soft);background:none;
  font-family:inherit;font-size:14px;color:var(--f90-ink);text-align:left;cursor:pointer;border-radius:0;}
.f90e-lesson:last-child{border-bottom:0;}
.f90e-lesson:hover{background:var(--f90-surface-2);}
.f90e-lesson .f90e-tiny{white-space:nowrap;}
.f90e-lesson__n{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:var(--f90-surface-2);border:1px solid var(--f90-line);font-size:12px;color:var(--f90-muted);}

/* ---------- Тестування ---------- */
.f90-screen .tt-item{border:0;border-radius:0;background:none;margin:0;overflow:visible;border-bottom:1px solid var(--f90-line-soft);}
.f90-screen .tt-item:last-child{border-bottom:0;}
.f90-screen .tt-item .f90-row{border-bottom:0;}
.f90-screen .tt-item.open > .f90-row{background:var(--f90-accent-soft);}
.f90-screen .tt-row{display:grid;flex-wrap:nowrap;padding:12px;}
.f90e-namelink{cursor:pointer;}
.f90e-namelink:hover{color:var(--f90-accent);text-decoration:underline;}
.f90e-tdetail{margin:4px 12px 14px 48px;padding:12px 16px;border-radius:var(--f90-r-ctl);background:var(--f90-surface-2);display:flex;flex-direction:column;gap:12px;}
.f90e-tgroup{display:flex;flex-direction:column;gap:2px;}
.f90e-trow{display:grid;gap:12px;align-items:center;padding:6px 0;border-bottom:1px solid var(--f90-line-soft);font-size:14px;}
.f90e-trow:last-child{border-bottom:0;}
.f90e-trow--locked{color:var(--f90-hint);}
.f90e-own{padding-top:6px;}
.f90e-own .f90-h3{display:flex;align-items:center;gap:10px;margin-bottom:10px;}

/* ---------- Тренування ---------- */
.f90e-trn-prev{width:400px;flex-shrink:0;padding:22px;display:flex;flex-direction:column;gap:14px;}
.f90e-trn-prev__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;}
.f90e-trn-count{display:flex;justify-content:space-between;margin-bottom:6px;}
.f90e-trn-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 24px;min-height:220px;box-sizing:border-box;
  border:1px solid var(--f90-line);border-radius:var(--f90-r-card);background:var(--f90-surface-2);text-align:center;}
.f90e-trn-card > .f90e-tiny:first-child{letter-spacing:.06em;text-transform:uppercase;}
.f90e-trn-q{font-family:var(--f90-font-head);font-weight:600;font-size:22px;line-height:1.25;}
.f90e-trn-img{max-width:100%;max-height:180px;border-radius:var(--f90-r-item);object-fit:contain;}
.f90e-trn-ans{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:12px;border-top:1px dashed var(--f90-field);width:100%;}
.f90e-trn-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.f90e-trn-who{display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
.f90e-trn-acts{position:relative;padding-top:0;}
.f90-screen .cd-row{border-radius:var(--f90-r-item);}

/* ---------- Бізнес-процеси ---------- */
.f90e-procs__main{display:flex;flex-direction:column;gap:16px;}
.f90e-procdept{display:flex;align-items:center;gap:8px;padding:12px 10px 4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--f90-hint);}
.f90e-procdept .f90-tree__meta{margin-left:0;padding-left:0;}
.f90e-procdept .f90-btn{margin-left:auto;text-transform:none;letter-spacing:0;height:28px;}
.f90e-procfunc .f90-tree__name{font-weight:600;}
.f90e-procs .f90-tree__item{align-items:center;justify-content:space-between;width:100%;}
.f90e-procs .f90-tree__meta{margin-left:auto;white-space:nowrap;padding-left:8px;}
.f90e-proc{display:flex;flex-direction:column;gap:16px;min-width:0;}
body.procfull #procDetail{position:fixed;inset:0;z-index:95;background:var(--f90-bg);padding:24px;overflow:auto;}
.f90e-proc:fullscreen{background:var(--f90-bg);padding:24px;overflow:auto;}
.f90e-proc__head{display:flex;flex-direction:column;gap:14px;padding:22px 24px;}
.f90e-proc__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;}
.f90e-proc__top .f90-h2{margin:2px 0 4px;}
.f90e-proc__meta{display:flex;gap:8px;flex-wrap:wrap;}
.f90e-proc__btns{padding-top:0;flex-shrink:0;}
/* смуга етапів стрілками */
.f90e-stages{display:flex;min-width:0;overflow-x:auto;padding-bottom:2px;}
.f90e-stage{flex:1 1 0;min-width:110px;position:relative;padding:10px 12px 10px 22px;border:0;background:var(--f90-accent-soft);color:var(--f90-accent-ink);
  font-family:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);margin-left:-6px;}
.f90e-stage:first-child{margin-left:0;padding-left:14px;border-radius:var(--f90-r-item) 0 0 var(--f90-r-item);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);}
.f90e-stage:nth-child(even){background:var(--f90-surface-2);color:var(--f90-ink);}
.f90e-stage:hover{background:var(--f90-accent);color:var(--f90-surface);}
/* кроки */
.f90e-proc__steps{display:flex;flex-direction:column;gap:8px;padding:20px 24px;}
.f90e-proc__steps .f90e-news-head .f90-btn{margin-left:auto;}
.f90e-pstep{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--f90-line-soft);}
.f90e-pstep:last-child{border-bottom:0;}
.f90e-pstep__n{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:var(--f90-accent-soft);color:var(--f90-accent-ink);font-weight:600;font-size:13px;}
.f90e-pstep__title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.f90e-pstep__desc{font-size:14px;line-height:1.55;margin-top:4px;color:var(--f90-ink);}
.f90e-pstep__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed var(--f90-field);}
.f90e-pstep__tags .f90e-chip{background:var(--f90-surface);font-family:inherit;cursor:pointer;}
/* деталізація (схема) */
.f90e-swim{display:flex;flex-direction:column;gap:12px;padding:20px 24px;min-width:0;}
.f90e-swim__head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.f90e-swim__els{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.f90e-swim__els .legend{margin:0;}
.f90e-swim__foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.f90e-swim .swim-wrap:fullscreen{background:var(--f90-bg);padding:44px 12px 12px;overflow:auto;}
.f90e-swim .swim-wrap:fullscreen .swim-full{position:fixed;top:10px;right:12px;}

/* ---------- База знань: читальна поверхня (функціонал без змін) ---------- */
.f90e-kb__tabs{align-items:center;gap:18px;}
.f90e-kb__tabs .kb-tabwrap{gap:0;}
.f90e-kb__tabs .kb-tabwrap.kb-tabhid > .f90e-tab{opacity:.5;}
.f90e-kb__tabs > .btn,.f90e-kb__tabs .kb-tabcog{border:0;background:none;color:var(--f90-hint);font-size:13px;padding:4px 6px;}
.f90e-kb .kb-layout{grid-template-columns:280px minmax(0,820px);gap:20px;}
.f90e-kb .kb-rail{top:20px;padding:14px 12px;border-color:var(--f90-line);border-radius:var(--f90-r-card);background:var(--f90-surface);}
.f90e-kb .kb-raillbl{font-family:var(--f90-font-body);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--f90-hint);}
.f90e-kb .kb-sec{padding:7px 10px;font-size:15px;color:var(--f90-ink);}
.f90e-kb .kb-sec:hover{background:var(--f90-surface-2);}
.f90e-kb .kb-sec.on{background:var(--f90-accent-soft);color:var(--f90-accent-ink);}
.f90e-kb .kb-secn{background:none;color:var(--f90-hint);font-size:12px;padding:0;margin-left:auto;}
.f90e-kb .kb-content{max-width:820px;}
.f90e-kb .kb-content > .row .inp,.f90e-kb #kbScrSearch,.f90e-kb #kbArtSearch{height:42px;border-color:var(--f90-field);border-radius:var(--f90-r-ctl);background:var(--f90-surface-2);font-size:14px;}
.f90e-kb h2.sec{font-family:var(--f90-font-head);font-size:18px;margin:18px 0 8px;}
/* скрипт — читальна картка: текст цитатою з лівою смугою, «Копіювати» сіра */
.f90e-kb .kb-card{border:1px solid var(--f90-line);border-radius:var(--f90-r-card);background:var(--f90-surface);box-shadow:none;}
.f90e-kb .kb-chead{padding:14px 18px;}
.f90e-kb .kb-ctitle{font-weight:600;font-size:15px;}
.f90e-kb .kb-cprev{color:var(--f90-muted);}
.f90e-kb .kb-chead [data-act="kb-script-copy"]{border:0;background:none;color:var(--f90-hint);font-size:13px;}
.f90e-kb .kb-chead [data-act="kb-script-copy"]:hover{background:var(--f90-surface-2);color:var(--f90-ink);}
.f90e-kb .kb-cbody{padding:4px 18px 18px;border-top:0;}
.f90e-kb .kb-cbody .prose{border-left:3px solid var(--f90-accent);padding:4px 0 4px 16px;font-size:16px;line-height:1.6;color:var(--f90-ink);}
.f90e-kb .gloss{border-bottom:1px dotted var(--f90-hint) !important;}
.f90e-kb .litem.kb-art{border-radius:var(--f90-r-item);}
/* стаття: одна колонка ≤ 820 px */
.f90e-read{max-width:820px;padding:30px 40px;display:flex;flex-direction:column;gap:18px;}
.f90e-read__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.f90-screen h1.f90e-read__title{font-size:26px;line-height:1.2;margin:2px 0 0;}
.f90e-read__body{font-size:16px;line-height:1.65;}
.f90e-read__body .prose{font-size:16px;line-height:1.65;}
.f90e-read__foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--f90-line-soft);}

/* ---------- Платформа: Компанії ---------- */
.f90e-needs{width:360px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding:20px;}
.f90e-need{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--f90-line-soft);}
.f90e-need .f90-dot{margin-top:6px;}
.f90e-need .f90-btn{flex-shrink:0;}
.f90e-co .co-card{border-bottom:1px solid var(--f90-line-soft);}
.f90e-co .co-card:last-child{border-bottom:0;}
.f90e-co .co-card .f90-row{border-bottom:0;}
.f90e-flags{display:flex;flex-wrap:wrap;gap:4px;}
.f90e-co-acts{flex-wrap:nowrap;align-items:center;justify-content:flex-end;padding-top:0;position:relative;}
.f90e-co-acts summary{list-style:none;display:flex;align-items:center;justify-content:center;}
.f90e-co-acts summary::-webkit-details-marker{display:none;}
.f90e-co-access{padding:0 12px 12px;}

/* ---------- Меню платформи: «Увійти в компанію…» ---------- */
.nav-enter{position:relative;}
.nav-enter__caret{margin-left:auto;font-size:11px;opacity:.7;}
.nav-enter__pop{margin:6px 4px 8px;padding:10px;border-radius:var(--f90-r-ctl);background:var(--f90-surface);border:1px solid var(--f90-line);display:flex;flex-direction:column;gap:6px;}
.nav-enter__search{height:36px;font-size:13px;width:100%;}
.nav-enter__list{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;}
.nav-enter__item{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border:0;border-radius:var(--f90-r-item);background:none;color:var(--f90-ink);font-family:inherit;font-size:13px;text-align:left;cursor:pointer;}
.nav-enter__item:hover{background:var(--f90-accent-soft);color:var(--f90-accent-ink);}
.nav-enter__slug{color:var(--f90-hint);font-size:12px;white-space:nowrap;}
.nav-enter__empty{font-size:13px;color:var(--f90-hint);padding:6px 8px;}

/* гачки перевірки для тестів (.rv-row, .rv-group, .rv-list) — без давнього вигляду */
.f90-screen .rv-row{align-items:stretch;border-left-width:1px;}
.f90-screen .rv-row.late{border-left:1px solid var(--f90-line);}
.f90-screen .rv-row.f90e-qitem--active{border-color:var(--f90-accent);}
.f90-screen .rv-group{border-top:1px solid var(--f90-line-soft);margin-top:0;padding-top:0;}
.f90-screen .rv-group:first-of-type{border-top:0;}
.f90-screen .rv-list{gap:8px;}

/* Старі гачки (.wn, .wn-row, .adapt-row) лишаються для тестів — їхній давній
   вигляд у новому екрані гасимо. */
.f90-screen .wn{border:1px solid var(--f90-line);border-radius:var(--f90-r-card);padding:14px 20px 12px;margin:0;color:var(--f90-ink);font-size:15px;}
.f90-screen .wn-row{font-size:inherit;padding:9px 0;cursor:default;align-items:center;}
.f90-screen .wn-row:hover{color:inherit;}
.f90-screen .wn-row:after{content:none;}
.f90-screen .adapt-stuck,.f90-screen .adapt-stuck:hover{background:none;}
.f90-screen .adapt-row:hover{background:var(--f90-surface-2);}

@media (max-width:1100px){
  .f90e-co .f90e-split{flex-direction:column;}
  .f90e-needs{width:auto;align-self:stretch;}
  .f90e-lib__cols{flex-wrap:wrap;}
  .f90e-lib__course{width:auto;flex-basis:100%;}
  .f90e-metrics,.f90e-metrics--5{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  .page:has(> .f90-screen){padding:18px 16px 32px;}
  .f90e-news{flex-wrap:wrap;}
  .f90e-chev{display:none;}
  .f90e-cd.f90-drawer{width:auto;left:0;}
  .f90e-split{flex-direction:column;}
  .f90e-qlist{width:auto;align-self:stretch;}
  .f90e-rvpane{padding:18px 16px;align-self:stretch;}
  .f90e-push{margin-left:0;}
  .f90e-lib__cols{flex-direction:column;}
  .f90e-tdetail{margin-left:0;}
  .f90e-trn-prev{width:auto;align-self:stretch;}
  .f90e-proc__top{flex-direction:column;}
  .f90e-read{padding:18px 16px;}
  .f90e-needs{width:auto;align-self:stretch;}
  .f90e-kb .kb-layout{grid-template-columns:1fr;}
  .f90e-proc__head,.f90e-proc__steps,.f90e-swim{padding:16px;}
  .f90e-trow{grid-template-columns:1fr 1fr !important;}
  .f90e-lib__tree,.f90e-lib__mid,.f90e-lib__course{width:auto;align-self:stretch;}
  .f90e-news__txt{flex-direction:column;gap:0;}
  .f90e-news__txt > span:last-child{white-space:normal;}
}

/* ================= Пакет 7B: Огляд (Ohliad2) і Підсумок адаптації (Pidsumok2) ================= */
.ov{gap:16px;}
.ov-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;}
.ov-grid>.f90-card{padding:18px 20px 12px;min-width:0;}
.ov-tile{width:32px;height:32px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--f90-accent-soft);color:var(--f90-accent-ink);}
.ov-tile--lg{width:40px;height:40px;}
.ov-attn__row{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--f90-line);cursor:pointer;border-radius:8px;}
.ov-attn__row:last-child{border-bottom:0;}
.ov-attn__row:hover{background:var(--f90-bg);}
.ov-ava{background:var(--f90-accent-soft);color:var(--f90-accent-ink);}
.ov-attn__who{width:150px;flex-shrink:0;min-width:0;}
.ov-attn__why{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0;}
.ov-attn__why .f90-dot{margin-top:7px;}
.ov-late{padding:6px 10px;border-radius:8px;background:var(--f90-danger-soft);color:var(--f90-danger-ink);font-size:12px;font-weight:600;line-height:1.3;text-align:center;white-space:nowrap;}
.ov-fun__cols{display:flex;gap:12px;padding:8px 4px 6px;align-items:flex-end;}
.ov-fun__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;}
.ov-fun__n{font-weight:600;font-size:15px;}
.ov-fun__track{width:100%;height:160px;display:flex;align-items:flex-end;}
.ov-fun__bar{width:100%;border-radius:8px 8px 0 0;}
.ov-fun__d{font-size:13px;}
.ov-fun__pct{font-size:13px;color:var(--f90-muted);font-weight:600;}
.ov-weak__row{display:flex;align-items:center;gap:12px;padding:9px 0;}
.ov-weak__name{width:190px;flex-shrink:0;font-size:14px;}
.ov-weak__pct{width:44px;font-weight:600;font-size:14px;text-align:right;}
.ov-weak__n{width:70px;font-size:12px;color:var(--f90-hint);}
.ov-cp__row{display:flex;align-items:center;gap:12px;padding:9px 4px;cursor:pointer;border-radius:8px;}
.ov-cp__row:hover{background:var(--f90-bg);}
.ov-cp__date{width:44px;height:44px;border-radius:10px;background:var(--f90-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;line-height:1.1;}
.ov-cp__date span{font-size:11px;color:var(--f90-hint);}
.ov-cp__date b{font-size:14px;font-weight:600;}
.ov-quick{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.ov-quick__lbl{font-family:var(--f90-font-head);font-weight:600;font-size:15px;margin-right:4px;}
.ov-quick__btn{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--f90-line);border-radius:12px;background:var(--f90-surface);color:var(--f90-ink);font:inherit;text-align:left;cursor:pointer;flex:1;min-width:220px;}
.ov-quick__btn:hover{border-color:var(--f90-accent);}

.ob{display:flex;flex-direction:column;gap:14px;}
.ob--wide{flex-direction:row;align-items:flex-start;gap:16px;}
.ob__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;}
.ob-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.ob-kpis--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.ob-kpis--2 .f90-kpi{padding:12px 14px;}
.ob-kpis--2 .f90-kpi__num{font-size:20px;}
.ob-kpis--2 .f90-kpi__lbl{font-size:13px;}
.ob-table{padding:6px 8px 4px;}
.ob-row{display:grid;grid-template-columns:46px 1.1fr 90px 110px .9fr 1fr 1.1fr 1.4fr;gap:12px;padding:11px 12px;align-items:center;font-size:14px;border-bottom:1px solid var(--f90-line);}
.ob-row:last-child{border-bottom:0;}
.ob-row--head{font-size:12px;color:var(--f90-muted);padding:6px 12px 10px;}
.ob-st__n{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;background:var(--f90-line);color:var(--f90-muted);flex-shrink:0;}
.ob-st__n--ok{background:var(--f90-accent);color:#FFFFFF;}
.ob-stages{display:flex;flex-direction:column;}
.ob-st{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--f90-line);}
.ob-st:last-child{border-bottom:0;}
.ob-rules{display:flex;flex-direction:column;gap:10px;padding:16px 18px;}
.ob-rules__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;}
.ob-rules__i{display:flex;align-items:center;gap:8px;font-size:13px;}
.ob-ok{width:18px;height:18px;border-radius:50%;background:var(--f90-accent);color:#FFFFFF;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ob-aside{display:flex;flex-direction:column;gap:10px;}
.ob--wide .ob-aside{width:360px;flex-shrink:0;box-sizing:border-box;padding:20px;background:var(--f90-surface);border:1px solid var(--f90-line);border-radius:var(--f90-r-card);}
.ob-status{padding:16px;border-radius:14px;background:var(--f90-accent-ink);color:#FFFFFF;display:flex;flex-direction:column;gap:4px;}
.ob-status--open{background:var(--f90-bg);color:var(--f90-ink);}
.ob-status__lbl{font-size:12px;color:#BFD4C7;}
.ob-status--open .ob-status__lbl{color:var(--f90-hint);}
.ob-status__t{font-family:var(--f90-font-head);font-weight:600;font-size:22px;line-height:1.2;}
.ob-status__s{font-size:13px;color:#BFD4C7;}
.ob-status--open .ob-status__s{color:var(--f90-muted);}
.ob-aside .f90-btn{width:100%;height:40px;}
.ob-aside textarea{width:100%;box-sizing:border-box;}
.ob-sep{height:1px;background:var(--f90-line);}
.ob-next{display:flex;align-items:center;gap:10px;font-size:13px;}
.ob-next svg{flex-shrink:0;color:var(--f90-muted);}
@media (max-width:1100px){
  .ov-grid{grid-template-columns:1fr;}
  .ob--wide{flex-direction:column;}
  .ob--wide .ob-aside{width:auto;}
  .ob-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ob-row{grid-template-columns:36px 1fr 1fr;}
  .ob-row>div:nth-child(n+4){grid-column:2 / -1;}
  .ob-row--head{display:none;}
}
@media (max-width:700px){
  .ov-attn__who{width:110px;}
  .ov-weak__name{width:120px;}
  .ov-fun__track{height:110px;}
  .ob-rules__grid{grid-template-columns:1fr;}
  .ov-quick__btn{min-width:0;flex-basis:100%;}
}

/* ================= Пакет 7C: Аналітика (Analityka2) ================= */
.an{gap:16px;}
.an-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.an-card{padding:18px 20px 14px;min-width:0;}
.an-hint{margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--f90-warn-soft);color:var(--f90-warn-ink);font-size:13px;}
.an-stuck{width:100%;height:150px;display:block;}
.an-stuck__axis{display:flex;justify-content:space-between;font-size:12px;color:var(--f90-hint);padding:4px 2px 6px;}
.an-row{display:grid;grid-template-columns:1.6fr 1.6fr 2fr .7fr .9fr;gap:12px;padding:10px 0;font-size:13px;align-items:center;border-bottom:1px solid var(--f90-line);}
.an-row--head{font-size:12px;color:var(--f90-muted);padding:4px 0 8px;}
.an-bar{display:flex;align-items:center;gap:10px;}
.an-bar b{width:36px;font-weight:600;}
.an-sub{margin:14px 0 4px;font-weight:600;font-size:14px;}
.an-drop{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13px;}
.an-crow{display:grid;grid-template-columns:1.6fr 1.2fr 1fr .6fr .7fr 1.8fr .8fr;gap:12px;padding:11px 8px;align-items:center;font-size:13px;border-bottom:1px solid var(--f90-line);cursor:pointer;border-radius:8px;}
.an-crow:hover{background:var(--f90-bg);}
.an-crow--head{font-size:12px;color:var(--f90-muted);cursor:default;}
.an-crow--head:hover{background:none;}
@media (max-width:1100px){
  .an-grid{grid-template-columns:1fr;}
  .an-crow{grid-template-columns:1fr 1fr;}
  .an-crow--head{display:none;}
  .an-row{grid-template-columns:1fr 1fr;}
  .an-row--head{display:none;}
}

/* ================= Пакет 7D: Відділи, функції і плани (PlanyRedaktor2) + майстер (Plany2a/Plany2) ================= */
.pl2 .crumbs a{cursor:pointer;color:var(--f90-muted);}
.pl2-tree{width:300px;padding:12px 10px;gap:8px;}
.pl2-depts{display:flex;flex-direction:column;gap:8px;}
.pl2-dept{border:1px solid var(--f90-line);border-radius:12px;overflow:hidden;}
.pl2-dept__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--dcs);color:var(--dc);font-size:12px;}
.pl2-dept__name{font-weight:600;font-size:13px;color:var(--dc);}
.pl2-dept__body{display:flex;flex-direction:column;gap:1px;padding:6px 4px;}
.pl2-dept .f90-tree__item{padding-left:10px;}
.pl2-add{padding:6px 10px 4px 14px;font-size:12px;color:var(--f90-hint);cursor:pointer;}
.pl2-add:hover{color:var(--f90-accent);}
.pl2-adddept{height:38px;border:1px dashed #C9C4B6;border-radius:10px;background:transparent;color:var(--f90-muted);font:inherit;font-size:13px;cursor:pointer;}
.pl2-adddept:hover{border-color:var(--f90-accent);color:var(--f90-accent);}
.plw-steps{display:flex;gap:8px;flex-wrap:wrap;}
.plw-step{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--f90-surface);border:1px solid var(--f90-line);font-size:13px;color:var(--f90-muted);}
.plw-step span{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--f90-bg);font-weight:600;font-size:12px;}
.plw-step--on{border-color:var(--f90-accent);color:var(--f90-accent-ink);font-weight:600;}
.plw-step--on span,.plw-step--done span{background:var(--f90-accent);color:#FFFFFF;}
.plw-grid{display:grid;grid-template-columns:1fr 1.2fr 340px;gap:14px;align-items:start;}
.plw-grid--2{grid-template-columns:1fr 1.1fr;}
.plw-grid>.f90-card{display:flex;flex-direction:column;gap:8px;min-width:0;}
.plw-colh{display:flex;justify-content:space-between;font-weight:600;font-size:14px;margin-bottom:4px;}
.plw-colh span{font-weight:400;color:var(--f90-hint);font-size:12px;}
.plw-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border:1px solid var(--f90-line);border-radius:10px;background:var(--f90-surface);font:inherit;text-align:left;cursor:pointer;position:relative;}
.plw-opt .f90-tag{position:absolute;right:10px;top:10px;}
.plw-opt:hover{border-color:var(--f90-accent);}
.plw-opt--on{border-color:var(--f90-accent);background:var(--f90-accent-soft);}
.plw-opt.f90-dept{background:var(--dcs);}
.plw-opt--add{border-style:dashed;color:var(--f90-muted);}
.plw-side{display:flex;flex-direction:column;gap:10px;}
.plw-layer{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:10px;background:var(--f90-bg);}
.plw-layer__n{width:24px;height:24px;border-radius:50%;background:var(--f90-accent);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;}
.plw-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.f90-grow{flex-grow:1;}
.plw-tpls{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.plw-tpl{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--f90-line);border-radius:12px;background:var(--f90-surface);font:inherit;text-align:left;cursor:pointer;}
.plw-tpl:hover{border-color:var(--f90-accent);}
.plw-tpl--on{border:2px solid var(--f90-accent);background:var(--f90-accent-soft);}
.plw-owncopy{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding:12px 14px;border:1px dashed var(--f90-field);border-radius:12px;}
.plw-own{height:38px;}
.plw-ph{padding:10px 0;border-bottom:1px solid var(--f90-line);}
.plw-it{font-size:13px;color:var(--f90-muted);padding:3px 0 0 12px;}
.plw-person{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--f90-line);cursor:pointer;}
.plw-done{display:flex;flex-direction:column;gap:10px;}
@media (max-width:1100px){ .plw-grid,.plw-grid--2{grid-template-columns:1fr;} .plw-tpls{grid-template-columns:1fr;} .pl2-tree{width:100%;} }

/* ================= Пакет 7D: Налаштування v2 (Nalashtuvannia2, Shablony2, Liudy2, Taryf2, Intehratsii2) ================= */
.set2 .set-layout{gap:16px;}
.set2-content{background:transparent;border:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.set2-card{padding:20px 22px;display:flex;flex-direction:column;gap:12px;}
.set2-card__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
.set2-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.set2-grid--3{grid-template-columns:repeat(3,1fr);}
.set2-field{display:flex;flex-direction:column;gap:6px;min-width:0;}
.set2-field__lbl{font-size:13px;color:var(--f90-muted);}
.set2-field .f90-input,.set2-slug .f90-input{height:40px;font-size:14px;width:100%;box-sizing:border-box;}
.set2-slug{display:flex;align-items:center;gap:6px;}
.set2-slug span{color:var(--f90-muted);font-size:14px;white-space:nowrap;}
.set2-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--f90-accent-soft);}
.set2-banner--muted{background:var(--f90-bg);}
.set2-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--f90-line);}
.set2-row--col{flex-direction:column;align-items:stretch;gap:8px;}
.set2-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.set2-stage{display:grid;grid-template-columns:90px 1fr 160px 40px;gap:10px;align-items:center;padding:6px 0;}
.set2-stage--head{font-size:12px;color:var(--f90-muted);}
.set2-stage .f90-input{height:38px;font-size:14px;}
.set2-inds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.set2-ind{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:1px solid var(--f90-line);border-radius:12px;background:var(--f90-surface);font:inherit;font-size:14px;text-align:left;cursor:pointer;}
.set2-ind:hover{border-color:var(--f90-accent);}
.set2-ind--on{border:2px solid var(--f90-accent);background:var(--f90-accent-soft);}
.set2-lib{display:grid;grid-template-columns:1.4fr 1fr 1.4fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--f90-line);}
.set2-lib--head{font-size:12px;color:var(--f90-muted);border-top:0;padding-top:0;}
.set2-headrow{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.set2-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.set2-role{padding:14px 16px;border:1px solid var(--f90-line);border-radius:14px;background:var(--f90-surface);}
.set2-csv{display:flex;flex-direction:column;gap:2px;font-size:13px;}
.set2-csv__r{display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1fr 1fr;gap:8px;padding:6px 0;border-bottom:1px solid var(--f90-line);}
.set2-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.set2-tier{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--f90-line);border-radius:14px;}
.set2-tier--on{border:2px solid var(--f90-accent);background:var(--f90-accent-soft);}
.set2-tier__price{font-family:var(--f90-font-head);font-weight:600;font-size:22px;}
.set2-more summary{cursor:pointer;color:var(--f90-muted);font-size:13px;padding:6px 0;}
@media (max-width:1100px){
  .set2-grid,.set2-grid--3,.set2-inds,.set2-roles,.set2-tiers{grid-template-columns:1fr;}
  .set2-lib{grid-template-columns:1fr;}
  .set2-lib--head{display:none;}
  .set2-stage{grid-template-columns:1fr 1fr;}
  .set2-csv__r{grid-template-columns:1fr 1fr;}
}

/* Пакет 7B: «Підсумок адаптації» на всю сторінку — ширше, ніж решта картки. */
.f90e-cd--page:has(.ob--wide){max-width:1320px;}

/* ================= Пакет 7E: База знань v2 (Baza2, Protsesy2) ================= */
.kb2-seg{align-self:flex-start;flex-wrap:wrap;}
/* Пакет 7Е: один рядок вкладок бази; ⚙ і «+ Вкладка» — поруч, у редагуванні. */
.kb2-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;}
.kb2-seg .kb-tabwrap{display:inline-flex;align-items:center;}
.kb2-seg .kb-tabwrap.kb-tabhid > .f90-seg__btn{opacity:.5;}
.kb2-seg .kb-tabcog,.kb2-tabs > .btn{border:0;background:none;color:var(--f90-hint);font-size:13px;padding:4px 6px;}
.kb2-tabs__hint{margin-left:auto;font-size:12px;color:var(--ochre);}
/* Вміст вибраної вкладки — на всю ширину сторінки (статтю читають як і раніше ≤ 820). */
.kb2-list .kb-layout{grid-template-columns:280px minmax(0,1fr);}
.kb2-list .kb-content{max-width:none;}
.kb2-home{display:grid;grid-template-columns:1fr 340px;gap:14px;align-items:start;}
.kb2-main{display:flex;flex-direction:column;gap:14px;min-width:0;}
.kb2-side{display:flex;flex-direction:column;gap:14px;}
.kb2-search{display:flex;align-items:center;gap:12px;height:56px;padding:0 18px;border:1px solid var(--f90-line);border-radius:14px;background:var(--f90-surface);color:var(--f90-hint);}
.kb2-search__inp{flex:1;border:0;outline:none;background:transparent;font:inherit;font-size:16px;color:var(--f90-ink);}
.kb2-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.kb2-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border:0;border-radius:14px;background:var(--dcs);font:inherit;text-align:left;cursor:pointer;}
.kb2-tile:hover{outline:2px solid var(--dc);}
.kb2-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.kb2-card{padding:16px 18px;display:flex;flex-direction:column;gap:4px;min-width:0;}
.kb2-row{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--f90-line);cursor:pointer;border-radius:8px;}
.kb2-row:last-child{border-bottom:0;}
.kb2-row:hover{background:var(--f90-bg);}
.kb2-daily{padding:8px 10px;border-radius:8px;background:var(--f90-bg);font-size:14px;cursor:pointer;margin-top:4px;}
.kb2-daily:hover{background:var(--f90-accent-soft);}
.kb2-order{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--f90-line);font-size:14px;}
.kb2-order:last-child{border-bottom:0;}
.kb2-alltitle{margin-top:6px;}
.kb2-chk{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--f90-line);font-size:15px;cursor:pointer;}
.kb2-meta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:10px 14px;border:1px dashed var(--f90-field);border-radius:12px;}
@media (max-width:1100px){ .kb2-home{grid-template-columns:1fr;} .kb2-grid{grid-template-columns:1fr;} }
@media (max-width:700px){ .kb2-tiles{grid-template-columns:1fr 1fr;} }

/* ================= Пакет 7F: учень (Uchen2, UchenDovidka2) ================= */
.uc{display:flex;flex-direction:column;gap:14px;margin-bottom:8px;}
.uc-hello .title{margin:0;}
.uc-top{display:grid;grid-template-columns:340px 1fr;gap:14px;}
.uc-ringcard{display:flex;align-items:center;gap:16px;padding:16px 18px;}
.uc-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-radius:16px;background:var(--f90-accent-ink);color:#FFFFFF;}
.uc-strip__t{font-family:var(--f90-font-head);font-weight:600;font-size:18px;}
.uc-strip__s{font-size:13px;color:#BFD4C7;margin-top:4px;}
.uc-strip__btn{background:#FFFFFF;color:var(--f90-accent-ink);border:0;font-weight:600;}
.uc-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;align-items:start;}
.uc-col{display:flex;flex-direction:column;gap:14px;}
.uc-card{padding:16px 18px;display:flex;flex-direction:column;gap:6px;}
.uc-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--f90-line);font-size:14px;}
.uc-dot{width:20px;height:20px;border-radius:50%;border:1.5px solid #D5D0C3;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;}
.uc-dot--ok{background:var(--f90-accent);border-color:var(--f90-accent);color:#FFFFFF;}
.uc-next{padding:12px 14px;border-radius:12px;background:var(--f90-accent-soft);cursor:pointer;}
.uc-what{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid var(--f90-line);font-size:14px;}
.uc-line{display:flex;gap:0;padding:16px 18px;background:var(--f90-surface);border:1px solid var(--f90-line);border-radius:16px;overflow-x:auto;}
.uc-line__st{flex:1;min-width:110px;display:flex;flex-direction:column;gap:2px;position:relative;padding-top:18px;font-size:13px;color:var(--f90-muted);}
.uc-line__st::before{content:"";position:absolute;top:6px;left:0;right:0;height:2px;background:var(--f90-line);}
.uc-line__dot{position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;background:#FFFFFF;border:2px solid #D5D0C3;z-index:1;}
.uc-line__st b{color:var(--f90-ink);font-size:13px;}
.uc-line__st.is-done .uc-line__dot{background:var(--f90-accent);border-color:var(--f90-accent);}
.uc-line__st.is-cur .uc-line__dot{border-color:var(--f90-accent);box-shadow:0 0 0 4px var(--f90-accent-soft);}
.uc-done{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;border-radius:16px;background:var(--f90-accent-soft);}
.uc-done__t{font-family:var(--f90-font-head);font-weight:600;font-size:18px;color:var(--f90-accent-ink);}
.uc-done__s{font-size:13px;color:var(--f90-muted);}
@media (max-width:1100px){ .uc-top,.uc-grid{grid-template-columns:1fr;} }

/* ================= Пакет 7G: реєстрація (Reiestratsiia2/2b/2c) — публічна сторінка без меню ================= */
#login.is-signup{display:block !important;background:var(--f90-bg);overflow-y:auto;padding:0;}
#login.is-signup .login-card{display:none;}
#signup{min-height:100vh;display:flex;flex-direction:column;}
.sg-top{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:var(--f90-surface);border-bottom:1px solid var(--f90-line);}
.sg-top__r{font-size:14px;color:var(--f90-muted);}
.sg-top__r a,.sg-hint a{color:var(--f90-accent);font-weight:600;cursor:pointer;}
.sg-wrap{display:grid;grid-template-columns:1fr 380px;gap:20px;max-width:1180px;width:100%;margin:28px auto;padding:0 20px;box-sizing:border-box;align-items:start;}
.sg-card{background:var(--f90-surface);border:1px solid var(--f90-line);border-radius:var(--f90-r-card);padding:28px 30px;display:flex;flex-direction:column;gap:14px;}
.sg-h1{margin:0;font-family:var(--f90-font-head);font-weight:600;font-size:28px;}
.sg-sub{margin:0;color:var(--f90-muted);}
.sg-steps{display:flex;gap:8px;flex-wrap:wrap;}
.sg-step{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid var(--f90-line);font-size:13px;color:var(--f90-muted);}
.sg-step span{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--f90-bg);font-weight:600;font-size:12px;}
.sg-step.is-on{border-color:var(--f90-accent);color:var(--f90-accent-ink);font-weight:600;}
.sg-step.is-on span,.sg-step.is-done span{background:var(--f90-accent);color:#FFFFFF;}
.sg-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.sg-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--f90-muted);}
.sg-field i,.sg-hint i,.sg-consent i{color:var(--f90-danger);font-style:normal;}
.sg-field .f90-input{height:42px;font-size:15px;}
.sg-field small{font-size:12px;color:var(--f90-hint);}
.sg-bad{color:var(--f90-danger);}
.sg-code{font-size:24px !important;letter-spacing:8px;max-width:220px;}
.sg-consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;}
.sg-consent a{color:var(--f90-accent);}
.sg-err{padding:10px 12px;border-radius:10px;background:var(--f90-danger-soft);color:var(--f90-danger-ink);font-size:14px;}
.sg-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.sg-hint{font-size:13px;color:var(--f90-hint);}
.sg-ready{padding:12px 14px;border-radius:12px;background:var(--f90-accent-soft);font-size:14px;}
.sg-inds{grid-template-columns:repeat(3,1fr);}
.sg-aside{background:var(--f90-accent-ink);color:#FFFFFF;border-radius:var(--f90-r-card);padding:24px;display:flex;flex-direction:column;gap:14px;}
.sg-aside__t{font-family:var(--f90-font-head);font-weight:600;font-size:22px;}
.sg-aside__s,.sg-aside__f{font-size:13px;color:#BFD4C7;}
.sg-ben{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.08);}
.sg-ben span{font-size:13px;color:#BFD4C7;}
@media (max-width:900px){ .sg-wrap{grid-template-columns:1fr;} .sg-grid,.sg-inds{grid-template-columns:1fr;} .sg-top{padding:0 14px;} }

/* Пакет 7G: «Сторож» у Суперадміні → Компанії */
.wm-feed{padding:16px 18px;display:flex;flex-direction:column;gap:6px;}
.wm-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--f90-line);font-size:14px;}
.wm-row:last-child{border-bottom:0;}

/* Пакет 7D: зразок листа дайджесту */
.dg-sample{display:flex;flex-direction:column;gap:6px;}
.dg-frame{width:100%;box-sizing:border-box;max-height:420px;overflow:auto;padding:16px 18px;border:1px solid var(--f90-line);border-radius:12px;background:#FFFFFF;}

/* Пакет 7D: Перший запуск (PershyiZapusk2) */
.fr2-step{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--f90-line);}
.fr2-n{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--f90-bg);font-weight:600;font-size:13px;flex-shrink:0;}
.fr2-step.is-done .fr2-n{background:var(--f90-accent);color:#FFFFFF;}
.fr2-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.fr2-tile{padding:12px 14px;border-radius:12px;background:var(--f90-bg);display:flex;flex-direction:column;gap:4px;}
@media (max-width:1100px){ .fr2-tiles{grid-template-columns:1fr 1fr;} }
/* Пакет 7Д п.30: сторінки суперадміна у вигляді «Компаній» */
.f90e-metrics--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.f90e-metrics--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.sa2 .f90-card{margin-bottom:16px;}
.sa2-row{align-items:center;}
.sa2-status{min-width:150px;width:100%;padding:6px 10px;}
.sa2-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;}
.sa2-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 14px;margin-bottom:14px;}
.sa2-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--f90-muted);}
.sa2-mailtest{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;}
.sa2-mailtest .f90-input{flex:1;min-width:200px;}
@media (max-width:900px){ .sa2-grid,.sa2-form{grid-template-columns:1fr;} .f90e-metrics--3,.f90e-metrics--4{grid-template-columns:repeat(2,minmax(0,1fr));} }
/* Пакет 7Д п.16: «Структура» — оргструктура картками */
.pl3-seg{margin:0 0 16px;}
.pl3-hint{margin-bottom:12px;}
.pl3-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;align-items:start;}
.pl3-dept{background:var(--f90-surface);border:1px solid var(--f90-line);border-radius:var(--f90-r-card,16px);overflow:hidden;}
.pl3-dept__head{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--dcs);color:var(--dc);}
.pl3-dept__dot{width:10px;height:10px;border-radius:3px;background:var(--dc);flex:none;}
.pl3-dept__name{font-weight:600;font-size:16px;flex:1;min-width:0;display:flex;align-items:center;gap:6px;}
.pl3-dept__lead{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--f90-line);}
.pl3-headsel{width:auto;min-width:180px;padding:5px 8px;font-size:13px;}
.pl3-funcs{display:flex;flex-direction:column;gap:8px;padding:12px 16px;}
.pl3-func{border:1px solid var(--f90-line);border-radius:12px;padding:8px 10px;border-left:3px solid var(--dc);}
.pl3-func.pl3-drop,.pl3-loose.pl3-drop{outline:2px dashed var(--dc);background:var(--dcs);}
.pl3-func__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;width:100%;background:none;border:0;padding:2px 0;text-align:left;cursor:pointer;font:inherit;color:var(--f90-ink);}
.pl3-func__head:hover .f90e-strong{text-decoration:underline;}
.pl3-func__head .f90e-tiny{flex-basis:100%;}
.pl3-people{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}
.pl3-person{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 10px 3px 3px;border-radius:999px;background:var(--f90-bg);font-size:13px;cursor:pointer;}
.pl3-person--drag{cursor:grab;}
.pl3-ava{width:24px;height:24px;font-size:11px;flex:none;}
.pl3-loose{padding:8px 16px 12px;border-top:1px dashed var(--f90-line);}
.pl3-addfunc{display:flex;gap:8px;padding:0 16px 14px;}
.pl3-addfunc .f90-input{flex:1;min-width:0;padding:6px 10px;font-size:13px;}
.pl3-adddept{min-height:120px;border:2px dashed var(--f90-line);border-radius:16px;background:none;font:inherit;font-weight:600;color:var(--f90-muted);cursor:pointer;}
.pl3-adddept:hover{border-color:var(--f90-accent);color:var(--f90-accent-ink);}
.pl3-unplaced,.pl3-more{margin-top:16px;}
.pl3-more summary{cursor:pointer;padding:4px 0;}
.pl3-noplan{justify-content:center;flex-wrap:wrap;margin-top:12px;}
.pl3-noplan .f90-input{width:auto;min-width:240px;}
@media (max-width:600px){ .pl3-grid{grid-template-columns:1fr;} }
/* Пакет 7Д п.12: ✎ біля назви — в рядок, не під назвою */
body.editing .f90-h2 .rn-btn.editonly,body.editing .f90e-cell-name .rn-btn.editonly,body.editing .pl3-dept__name .rn-btn.editonly{display:inline-flex;vertical-align:middle;margin-left:6px;}
/* Пакет 7Д п.8: «Навчання» — відділ кольоровим блоком, функції всередині з відступом */
.lib2-dept{margin:6px 0;border-radius:12px;background:var(--dcs);padding:4px;}
.lib2-dept .lib2-dept__head{color:var(--dc);}
.lib2-dept .lib2-dept__head .f90-tree__name{display:flex;align-items:center;gap:8px;font-weight:600;}
.lib2-dept__dot{width:10px;height:10px;border-radius:3px;background:var(--dc);flex:none;}
.lib2-dept .lib2-func{padding-left:28px;background:transparent;}
.lib2-dept .f90-tree__item--active{background:var(--f90-surface);}
/* Пакет 7Д п.9: розділи наборів у «Тренуванні» */
.trn-sec{border-top:1px solid var(--f90-line);}
.trn-sec:first-of-type{border-top:0;}
.trn-sec__head{display:flex;align-items:center;gap:8px;width:100%;padding:10px 4px;background:none;border:0;font:inherit;text-align:left;cursor:pointer;color:var(--f90-ink);}
.trn-sec__empty{padding:6px 4px 12px 26px;}
.trn-sec--drop{outline:2px dashed var(--f90-accent);outline-offset:-2px;background:var(--f90-accent-soft);border-radius:12px;}
.trn-secadd{display:flex;gap:8px;padding:12px 4px 4px;}
.trn-secadd .f90-input{flex:1;max-width:320px;padding:6px 10px;font-size:13px;}
[data-trnset]{cursor:grab;}
/* Пакет 7Д п.19: «Інтеграції» — картка на кожну */
.integ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;align-items:start;}
.integ__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
.integ__btns{margin-top:12px;flex-wrap:wrap;}
.integ__how{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--f90-bg);}
.integ__how ol{margin:6px 0 0;padding-left:20px;line-height:1.55;font-size:14px;}
@media (max-width:600px){ .integ-grid{grid-template-columns:1fr;} }
/* Пакет 7Д (В): учень — головна, «Мій план», наставник, структура компанії */
.uc-btn44{min-height:44px;}
.uc-ringcard{flex-wrap:wrap;}
.uc-ringcard__txt{min-width:150px;}
.uc-ringcard__day{flex:1;min-width:160px;padding-left:18px;border-left:1px solid var(--f90-line);}
.uc-daybar{height:6px;border-radius:99px;background:var(--f90-line);margin-top:8px;overflow:hidden;}
.uc-daybar i{display:block;height:100%;background:var(--f90-accent);border-radius:99px;}
.uc-step{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 6px;background:none;border:0;border-top:1px solid var(--f90-line);font:inherit;text-align:left;cursor:pointer;color:var(--f90-ink);}
.uc-step:first-of-type{border-top:0;}
.uc-step:hover{background:var(--f90-bg);}
.uc-step__n{width:26px;height:26px;border-radius:50%;background:var(--f90-accent-soft);color:var(--f90-accent-ink);display:grid;place-items:center;font-size:13px;font-weight:600;flex:none;}
.uc-step__t{display:block;font-weight:500;}
.uc-mentor__who{display:flex;align-items:center;gap:12px;margin:10px 0 12px;}
.uc-mentor__ava{width:44px;height:44px;font-size:16px;flex:none;}
.uc-mentor__btns{display:flex;gap:8px;flex-wrap:wrap;}
.uc-mentor__btns .f90-btn{flex:1;min-width:120px;justify-content:center;}
.uc-mentor__ask{margin-top:10px;display:flex;flex-direction:column;gap:8px;}
.uc-filters{margin:4px 0 16px;flex-wrap:wrap;}
.uc-phase{margin-bottom:14px;}
.uc-phase__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;}
.uc-phase__t{font-weight:600;font-size:16px;}
.uc-phase--ahead{opacity:.9;}
.uc-mat{border-top:1px solid var(--f90-line);}
.uc-mat__head,.uc-mat__row{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 2px;background:none;border:0;font:inherit;text-align:left;color:var(--f90-ink);}
.uc-mat__head{cursor:pointer;}
.uc-mat__t{display:block;font-weight:500;}
.uc-mat__lessons{padding:0 0 8px 30px;}
.uc-lrow{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 0;border-top:1px dashed var(--f90-line);}
.uc-lrow__t{font-size:14px;}
.uc-lrow--locked .uc-lrow__t,.uc-mat--locked .uc-mat__t{color:var(--f90-muted);}
.uc-st{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;flex:none;background:var(--f90-bg);color:var(--f90-muted);}
.uc-st--done{background:var(--f90-accent-soft);color:var(--f90-accent-ink);font-weight:700;}
.uc-st--now{background:var(--f90-warn-soft);color:var(--f90-warn-ink);}
.uc-st--lock{background:transparent;}
.org-admins{margin-bottom:16px;}
.org-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start;}
.org-dept{background:var(--f90-surface);border:1px solid var(--f90-line);border-radius:16px;overflow:hidden;}
.org-dept__head{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--dcs);color:var(--dc);}
.org-dept__dot{width:10px;height:10px;border-radius:3px;background:var(--dc);}
.org-dept__name{flex:1;font-weight:600;font-size:16px;}
.org-lead{padding:10px 16px;border-bottom:1px solid var(--f90-line);}
.org-funcs{display:flex;flex-direction:column;gap:10px;padding:12px 16px;}
.org-func{border-left:3px solid var(--dc);padding-left:10px;}
.org-people{display:flex;flex-direction:column;gap:6px;margin-top:6px;}
.org-person{display:flex;align-items:center;gap:8px;min-width:0;}
.org-person--me .f90e-strong{color:var(--f90-accent-ink);}
.org-ava{width:30px;height:30px;font-size:12px;flex:none;}
.org-person__txt{display:flex;flex-direction:column;min-width:0;}
@media (max-width:600px){ .org-grid{grid-template-columns:1fr;} .uc-ringcard__day{border-left:0;padding-left:0;} .uc-mat__lessons{padding-left:8px;} }
/* Пакет 7Д п.10–11: база знань — один список */
.kb2-list{margin-top:18px;}
.kb2-list__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px;}
.kb2-deptchip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--f90-accent-soft);font-size:13px;}
.kb2-sec{margin:12px 0 4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--f90-hint);}
.kb2-order{display:flex;align-items:center;gap:8px;}
.kb2-order span{flex:1;}
.kb2-bulk{margin-top:10px;padding:10px;border-radius:12px;background:var(--f90-bg);display:flex;flex-direction:column;gap:8px;}
.kb2-bulk__list{max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:4px;}
/* Пакет 7Е п.2: курси учня — картками за відділами */
.uc-noplan{margin-bottom:14px;}
.uc-cgroup{display:flex;align-items:center;gap:8px;margin:18px 0 10px;font-size:17px;font-weight:600;}
.uc-cgroup__dot{width:11px;height:11px;border-radius:3px;flex:none;}
.uc-cgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.uc-ccard{display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:var(--f90-surface);border:1px solid var(--f90-line);border-radius:16px;}
.uc-ccard--locked{background:var(--f90-bg);}
.uc-ccard--locked .uc-ccard__t{color:var(--f90-muted);}
.uc-ccard__top{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;}
.uc-ccard__t{flex:1;min-width:0;font-weight:600;font-size:15px;}
.uc-ccard__bar{height:6px;border-radius:99px;background:var(--f90-line);overflow:hidden;}
.uc-ccard__bar i{display:block;height:100%;background:var(--f90-accent);border-radius:99px;}
.uc-ccard__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;flex-wrap:wrap;}
.uc-ccard__why{display:inline-flex;align-items:center;gap:6px;}
@media (max-width:700px){ .uc-cgrid{grid-template-columns:1fr;} }
/* Пакет 7Е п.1: «Навчання» — картки за макетом Navchannia3 */
.lib3-bar-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px;}
.lib3-search{display:flex;align-items:center;gap:8px;width:340px;max-width:100%;height:40px;padding:0 12px;box-sizing:border-box;border:1px solid var(--f90-line);border-radius:10px;background:#FBFAF6;color:var(--f90-hint);}
.lib3-search input{border:0;background:transparent;outline:none;width:100%;color:var(--f90-ink);font:inherit;font-size:14px;}
.lib3-pills{display:flex;gap:8px;flex-wrap:wrap;}
.lib3-pill--warn:not(.f90-pill--active){color:#B86B2F;}
.lib3-cols{display:flex;gap:16px;align-items:flex-start;}
.lib3-nav{width:220px;flex:none;box-sizing:border-box;padding:12px 10px;background:var(--f90-surface);border:1px solid var(--f90-line);border-radius:16px;display:flex;flex-direction:column;gap:2px;position:sticky;top:76px;}
.lib3-nav__h{padding:4px 10px 8px;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--f90-hint);}
.lib3-nav__i{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:0;background:none;font:inherit;font-size:14px;color:var(--f90-ink);text-align:left;cursor:pointer;}
.lib3-nav__i:hover{background:var(--f90-bg);}
.lib3-nav__sq{width:10px;height:10px;border-radius:3px;flex:none;}
.lib3-nav__n{font-size:12px;color:var(--f90-hint);}
.lib3-nav__sep{height:1px;background:var(--f90-line);margin:8px 4px;}
.lib3-nav__note{padding:0 10px;font-size:12px;color:var(--f90-hint);line-height:1.5;}
.lib3-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;}
.lib3-dept{border-radius:18px;background:var(--dcs);padding:18px 18px 20px;display:flex;flex-direction:column;gap:16px;border:1px solid color-mix(in srgb,var(--dc) 20%,transparent);scroll-margin-top:80px;}
.lib3-dept__head{display:flex;align-items:center;gap:12px;}
.lib3-dept__ic{width:36px;height:36px;border-radius:10px;background:var(--f90-surface);color:var(--dc);display:flex;align-items:center;justify-content:center;flex:none;}
.lib3-dept__t{font-size:19px;font-weight:600;color:var(--dc);}
.lib3-dept__s{font-size:12px;color:var(--dc);}
.lib3-dept__add{height:34px;padding:0 12px;border:1px solid color-mix(in srgb,var(--dc) 35%,transparent);border-radius:9px;background:var(--f90-surface);color:var(--dc);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;}
.lib3-grp{display:flex;flex-direction:column;gap:10px;}
.lib3-grp__t{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--f90-muted);}
.lib3-grp__t span{font-weight:400;color:var(--f90-hint);}
.lib3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.lib3--aside .lib3-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));}
.lib3-card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;background:var(--f90-surface);border:1px solid var(--f90-line);text-align:left;font:inherit;color:var(--f90-ink);cursor:pointer;box-sizing:border-box;min-width:0;}
.lib3-card:hover{border-color:var(--dc);}
.lib3-card--open{border-color:var(--f90-accent);box-shadow:0 0 0 2px var(--f90-accent-soft);}
.lib3-card__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
.lib3-card__t{font-weight:600;font-size:15px;line-height:1.3;min-width:0;}
.lib3-card__d{font-size:13px;color:var(--f90-muted);line-height:1.45;min-height:38px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.lib3-card__m{font-size:12px;color:var(--f90-hint);}
.lib3-bar{display:block;height:6px;border-radius:3px;background:var(--f90-line);overflow:hidden;}
.lib3-bar i{display:block;height:100%;background:var(--f90-accent);border-radius:3px;}
.lib3-card__p{display:flex;justify-content:space-between;font-size:12px;color:var(--f90-muted);margin-top:-4px;}
.lib3-tag{display:inline-flex;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;}
.lib3-tag--ok{background:#E6EFE9;color:#1F4A36;}
.lib3-tag--warn{background:#FBF3E1;color:#8A5A0B;}
.lib3-tag--muted{background:var(--f90-bg);color:var(--f90-muted);}
.lib3-tag--blue{background:#E8EEF7;color:#3A5A8C;}
.lib3-tag--danger{background:#FBEDEA;color:#7A2A1D;}
.lib3-aside{width:380px;flex:none;box-sizing:border-box;padding:20px;background:var(--f90-surface);border:1px solid var(--f90-line);border-radius:16px;display:flex;flex-direction:column;gap:12px;position:sticky;top:76px;max-height:calc(100vh - 96px);overflow:auto;}
.lib3-aside__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
.lib3-aside__where{font-size:12px;font-weight:600;}
.lib3-aside__t{font-size:19px;line-height:1.25;margin:2px 0 0;font-weight:600;}
.lib3-aside__tags{display:flex;gap:6px;flex-wrap:wrap;}
.lib3-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.lib3-stats div{padding:10px 12px;border-radius:10px;background:var(--f90-bg);display:flex;flex-direction:column;}
.lib3-stats b{font-size:18px;font-weight:600;}
.lib3-stats span{font-size:12px;color:var(--f90-muted);}
.lib3-aside__lt{font-weight:600;font-size:14px;margin-top:4px;}
.lib3-lesson{display:flex;align-items:center;gap:10px;padding:7px 0;border:0;border-top:1px solid #F0ECE2;background:none;font:inherit;font-size:13px;color:var(--f90-ink);text-align:left;cursor:pointer;}
.lib3-lesson__n{width:22px;height:22px;border-radius:50%;border:1px solid #D5D0C3;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--f90-muted);flex:none;}
.lib3-lesson__m{font-size:12px;color:var(--f90-hint);white-space:nowrap;}
.lib3-aside__btns{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap;}
@media (max-width:1100px){ .lib3-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .lib3-aside{position:fixed;right:12px;top:76px;bottom:12px;max-height:none;z-index:40;box-shadow:0 12px 40px rgba(0,0,0,.18);} }
@media (max-width:840px){ .lib3-nav{display:none;} .lib3-grid{grid-template-columns:1fr;} .lib3-aside{left:12px;width:auto;} }
body.editing .lib3-dept__add.editonly{display:inline-flex;align-items:center;}
/* Пакет 7Ж п.3: гортається лише середина — заголовок, пошук і фільтри вгорі,
   «Відділи» зліва й панель курсу справа стоять. Висоту дає lib3Fit (--lib3-h).
   Телефон (до 840 px) — як був: одна колонка, гортається сторінка. */
.lib3-nav__i--on{background:var(--f90-accent-soft);color:var(--f90-accent-ink);font-weight:600;}
@media (min-width:841px){
  .lib3{height:var(--lib3-h,calc(100vh - 128px));min-height:420px;}
  .lib3 > *{flex:none;}
  .lib3 > .lib3-cols{flex:1 1 auto;min-height:0;align-items:stretch;}
  .lib3-nav{position:static;align-self:flex-start;max-height:100%;overflow:auto;}
  .lib3-main{overflow-y:auto;overscroll-behavior:contain;padding-right:4px;}
  .lib3-dept{scroll-margin-top:0;}
}
@media (min-width:1101px){ .lib3-aside{position:static;max-height:none;align-self:stretch;overflow:auto;} }

/* Пакет 7Е: «Навчання» у «Редагуванні» */
h2.lib3-dept__head{margin:0;font:inherit;}
.lib3-dept__t,.lib3-dept__s{display:block;}
.lib3-card--edit{cursor:default;}
.lib3-card--edit .lib3-card__top{align-items:center;}
.lib3-card__acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:auto;}