/* NEEKA V18 «Стіл». Усі класи починаються з dk-, щоб не чіпати решту застосунку.
   V18.1: той самий вигляд, що й в інших розділах — зелена шапка, верхня панель застосунку, зелена головна кнопка,
   і всі кнопки / фільтри / списки однієї висоти (40 px, на телефоні 42 px) та однакового скруглення (12 px). */

/* стіл ширший за вузьку колонку телефона — таблиці потрібне місце; верхня панель і фон — як усюди */
body.dk-on #app{max-width:1680px}
body.dk-on #screen{padding-left:16px;padding-right:16px;max-width:none}

.dk{--dk-h:40px;--dk-r:12px;--dk-ink:var(--text,#17231d);--dk-mut:var(--muted,#718078);--dk-line:var(--line,#e4ebe6);
  --dk-blue:var(--blue,#214a98);--dk-green:var(--green,#2f9e44);--dk-green-d:#237a35;--dk-soft:var(--green-soft,#e9f7e9);--dk-head:#f1f6f2;
  color:var(--dk-ink);font-size:14px;line-height:1.4}
.dk *{box-sizing:border-box}
.dk button,.dk select,.dk input,.dk textarea{font-family:inherit}

/* рядок «пошук + кнопки» (його ж показують картка людини і стіл психолога) */
.dk-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}
.dk-search{position:relative;flex:1 1 320px;min-width:0}
.dk-search svg{position:absolute;left:13px;top:50%;margin-top:-9px;width:18px;height:18px;stroke:var(--dk-mut);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.dk .dk-search input{width:100%;height:var(--dk-h);padding:0 40px 0 40px;border:1px solid var(--dk-line);border-radius:var(--dk-r);font-size:14px;color:var(--dk-ink);background:#fff;box-shadow:none}
.dk .dk-search input:focus{outline:2px solid rgba(47,158,68,.35);outline-offset:0;border-color:var(--dk-green)}
.dk-search .dk-x{position:absolute;right:4px;top:4px;width:32px;height:32px;border:0;background:transparent;font-size:20px;color:var(--dk-mut);cursor:pointer;border-radius:8px}
.dk-toolbtns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

.dk-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--dk-h);padding:0 14px;border-radius:var(--dk-r);border:1px solid var(--dk-line);background:#fff;color:var(--dk-ink);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:0 1px 2px rgba(33,67,45,.04)}
.dk-btn:hover{background:#f3f8f4;border-color:#cfe0d3}
.dk-btn.pri{background:var(--dk-green);border-color:var(--dk-green);color:#fff;box-shadow:0 4px 12px rgba(47,158,68,.22)}
.dk-btn.pri:hover{background:#27883a;border-color:#27883a}
.dk-btn.big{padding:0 18px;font-size:14px}
.dk-btn[disabled],.dk-btn.dis{background:#eef2ef;border-color:#e1e8e3;color:#9aa6a0;cursor:not-allowed;box-shadow:none}
.dk-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

.dk-main{display:flex;flex-direction:column;gap:12px;padding:0 0 24px}
.dk-hero{margin-bottom:12px!important}
.dk-hero .meta{max-width:980px;line-height:1.45}

.dk-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--dk-soft);border:1px solid #bfe3c6;border-radius:var(--dk-r);color:#1f6b31}
.dk-warn{padding:10px 14px;background:#fff7e0;border:1px solid #e8c15a;border-radius:var(--dk-r);color:#7a4d00}

/* позначки */
.dk-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;border:0}
.dk-chip.ok{background:#ddf2e5;color:#17613b}
.dk-chip.work{background:#ffefc7;color:#7a4d00}
.dk-chip.wait{background:#e6eaf0;color:#3a4556}
.dk-chip.pss{background:#ece6fb;color:#4b31a0}
.dk-chip.off{background:#fff;color:#657183;box-shadow:inset 0 0 0 1px #d3ddd6}
.dk-chip.sm{height:20px;font-size:11px;padding:0 8px}
button.dk-chip{cursor:pointer;font-family:inherit}
button.dk-chip:hover{filter:brightness(.96)}
.dk-dot{width:8px;height:8px;border-radius:50%;flex:none;margin-top:6px}
.dk-dot.warn{background:#c77700}
.dk-dot.info{background:#214a98}
.dk-dot.ok{background:#1e8a53}

/* панель з вкладками */
.dk-panel{border:1px solid var(--dk-line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(37,73,49,.07)}
.dk-tabs{display:flex;align-items:flex-end;gap:4px;padding:10px 10px 0;background:var(--dk-head);overflow-x:auto;border-bottom:1px solid var(--dk-line)}
.dk-tab{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-height:58px;padding:6px 16px;border:0;border-top:3px solid transparent;border-radius:12px 12px 0 0;background:transparent;color:#2b3a31;cursor:pointer;flex:none;text-align:left;font-family:inherit}
.dk-tab:hover{background:#e6efe8}
.dk-tab.on{background:#fff;border-top-color:var(--dk-green);color:var(--dk-green-d);box-shadow:0 1px 0 #fff}
.dk-tab .t1{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;white-space:nowrap}
.dk-tab .t2{font-size:12px;color:var(--dk-mut);white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}
.dk-cnt{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#e7efe9;color:var(--dk-ink);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.dk-tab .dk-cnt{background:#dbe7de}
.dk-tab.on .dk-cnt{background:var(--dk-soft);color:var(--dk-green-d)}
.dk-sep{align-self:center;width:1px;height:34px;background:#cfdcd2;margin:0 8px 3px;flex:none}
/* «Старіші приліти» — той самий вигляд, що й кнопки */
.dk-tabs select.dk-btn{align-self:center;margin-bottom:3px;padding:0 30px 0 14px;max-width:210px}

/* фільтри: ряд кнопок-чипів і під ним рівна сітка випадаючих списків */
.dk-filters{display:flex;flex-direction:column;gap:10px;padding:12px 16px;border-bottom:1px solid var(--dk-line)}
.dk-chiprow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dk-chiprow .lbl{font-size:13px;color:var(--dk-mut);margin-right:2px}
.dk-fl{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--dk-h);padding:0 14px;border-radius:var(--dk-r);border:1px solid var(--dk-line);background:#fff;color:var(--dk-ink);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;font-family:inherit}
.dk-fl:hover{background:#f3f8f4;border-color:#cfe0d3}
.dk-fl.on{background:var(--dk-green);border-color:var(--dk-green);color:#fff}
.dk-fl.on .dk-cnt{background:#fff;color:var(--dk-green-d)}
.dk-fl.dis{background:#eef2ef;border-color:#e1e8e3;color:#9aa6a0;cursor:not-allowed}
.dk-drops{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;align-items:stretch;margin:0}
.dk-point{display:block;min-width:0}
.dk .dk-drops select,.dk .dk-drops input[type=date],.dk select.dk-btn,.dk .dk-point select{display:block;width:100%;max-width:none;height:var(--dk-h);min-height:var(--dk-h);padding:0 32px 0 12px;border:1px solid var(--dk-line);border-radius:var(--dk-r);background-color:#fff;box-shadow:none;font-size:13px;font-weight:600;color:var(--dk-ink);-webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23718078' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;text-overflow:ellipsis}
.dk .dk-drops select.on,.dk .dk-point select.on{border-color:var(--dk-green);background-color:var(--dk-soft);color:var(--dk-green-d)}
.dk .dk-drops select:focus,.dk .dk-drops input:focus,.dk .dk-point select:focus{outline:2px solid rgba(47,158,68,.35);outline-offset:0;border-color:var(--dk-green)}
.dk .dk-drops .dk-btn{width:100%}
/* поле дати з підписом усередині — виглядає як такий самий список */
.dk-dl{display:flex;align-items:center;gap:8px;height:var(--dk-h);padding:0 10px 0 12px;border:1px solid var(--dk-line);border-radius:var(--dk-r);background:#fff;font-size:13px;font-weight:600;color:var(--dk-mut);white-space:nowrap;min-width:0}
.dk .dk-drops .dk-dl input[type=date]{height:34px;min-height:34px;border:0;padding:0;background:transparent;background-image:none;flex:1 1 auto;min-width:0;width:auto;font-weight:600;border-radius:8px}

/* таблиця людей — як в Excel */
.dk-sub{font-size:12px;color:var(--dk-mut)}
.dk-empty{padding:40px 16px;text-align:center;color:var(--dk-mut);line-height:1.5}
.dk-foot{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;font-size:13px;color:var(--dk-mut);padding:0 2px}
.dk-foot .legend{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dk-pager{display:flex;gap:10px;align-items:center;justify-content:center;padding:12px}
.dk-grow{flex:1 1 auto}
.dk-m-only{display:none!important}
.dk-dot{margin-top:0}

.dk-xl{--w-num:32px;--w-name:208px;--w-phone:144px;--w-district:116px;--w-uct:88px;--w-epca:88px;--w-hum:88px;--w-pss:88px;--w-next:minmax(150px,1fr);--w-note:128px;--w-leader:128px;--w-act:128px;--xh:40px;--xr:42px}
.dk-xs{overflow:auto;max-height:max(380px,calc(100vh - 210px));max-height:max(380px,calc(100dvh - 210px));position:relative;background:#fff;overscroll-behavior:contain}
.dk-xs:focus-visible{outline:2px solid rgba(47,158,68,.45);outline-offset:-2px}
.dk-xb{min-width:var(--dk-minw);width:100%}
.dk-xr{display:grid;grid-template-columns:var(--dk-tpl);align-items:stretch;background:#fff;font-size:13px;color:var(--dk-ink)}
.dk-xr:not(.dk-xh):not(.dk-xsum):hover{background:#f6faf7}
.dk-xr.closed{color:#6a786f}
.dk-xc{box-sizing:border-box;min-width:0;height:var(--xr);display:flex;align-items:center;gap:6px;padding:0 10px;border-right:1px solid #e6ede8;border-bottom:1px solid #e6ede8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dk-xc.num{justify-content:center;padding:0;color:#6a786f;font-size:12px;font-variant-numeric:tabular-nums}
.dk-xc.ph{font-variant-numeric:tabular-nums}
.dk-xc .phone-copy-105{font-weight:500;text-decoration-color:#a9bbaf}
.dk-xc.name{font-weight:700;justify-content:space-between}
.dk-xc.next{gap:8px;color:#3a4a41}
.dk-xc.next .tx{overflow:hidden;text-overflow:ellipsis;min-width:0}
/* V18.4: колонка «Нотатки» */
.dk-xc.note{padding:0 6px}
.dk-nt{display:flex;align-items:center;gap:6px;width:100%;height:100%;min-width:0;padding:0 4px;border:0;border-radius:6px;background:transparent;color:#2f3d35;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.dk-nt:hover{background:#eef5f0}
.dk-nt .tx{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-nt .cnt{flex:none;padding:1px 7px;border-radius:999px;background:#e3ece6;color:#3d5246;font-size:11.5px;font-weight:700}
.dk-xc.note.imp{box-shadow:inset 3px 0 0 #e0a21a}
.dk-xc.note.imp .dk-nt{padding-left:8px;font-weight:600}
.dk-nadd{height:26px;padding:0 10px;border-radius:8px;border:1px dashed #b7c6bc;background:#fff;color:#6a786f;font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.dk-nadd:hover{border-color:var(--dk-green);color:var(--dk-green-d)}
@media (pointer:coarse),(max-width:720px){.dk-nadd{height:34px;border-radius:10px;font-size:13px}}
.dk-xc.act{padding:0 4px 0 6px;justify-content:flex-end;gap:4px}
@media (min-width:721px){.dk-xc.act{position:sticky;right:0;z-index:2;background:inherit;box-shadow:-1px 0 0 #cfdcd2}.dk-xh .dk-xc.act{z-index:5}}
.dk-reg{flex:none;height:28px;padding:0 9px;border-radius:8px;border:1px solid var(--dk-green);background:var(--dk-green);color:#fff;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.dk-reg:hover{background:var(--dk-green-d);border-color:var(--dk-green-d)}
@media (pointer:coarse),(max-width:720px){.dk-reg{height:34px;border-radius:10px;font-size:13px}}
.dk-xc.lead{justify-content:space-between;font-weight:600}
.dk-xc.lead>span{overflow:hidden;text-overflow:ellipsis;min-width:0}
.dk-xc.lead.none{background:#fff7e0;color:#8a4b00;font-weight:700}
.dk-xc.lead.mine{color:var(--dk-green-d)}
.dk-xc.prog{justify-content:center;font-weight:600;font-size:12px}
.t-ok{background:#dff3e5;color:#17613b}
.t-work{background:#fff0c8;color:#6b4300}
.t-wait{background:#eaeef2;color:#3a4556}
.t-pss{background:#ece6fb;color:#4b31a0}
.t-off{background:#fff;color:#657183}
.dk-xc.t-none{color:#8a978f;font-weight:500}
.dk-plus{width:26px;height:26px;padding:0;border-radius:8px;border:1px dashed #b7c6bc;background:#fff;color:#6a786f;font:inherit;font-size:17px;font-weight:600;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.dk-plus:hover,.dk-plus:focus-visible{border-style:solid;border-color:var(--dk-green,#23803a);background:#e9f6ec;color:var(--dk-green-d,#1d6b30);outline:0}
.dk-plus:active{transform:scale(.94)}
@media (pointer:coarse),(max-width:720px){.dk-plus{width:34px;height:34px;font-size:20px;border-radius:10px}}
.dk-nm{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;color:var(--dk-ink);background:none;border:0;padding:0;text-align:left;cursor:pointer;font-family:inherit}
.dk-nm:hover{text-decoration:underline}
.dk-sos{flex:none;font-size:10.5px;font-weight:800;background:#ffe3dc;color:#9b2c15;border-radius:6px;padding:1px 6px}

/* закріплені зліва: №, ПІБ (і в шапці, і в рядках) */
.dk-xc.sk{position:sticky;z-index:2;background:inherit}
.dk-xc.num.sk{left:0}
.dk-xc.name.sk{left:var(--w-num);box-shadow:2px 0 0 #cfdcd2}

/* шапка і підсумок залипають по вертикалі */
.dk-xh{position:sticky;top:0;z-index:4;background:#eef4ef;color:#3f4f46;font-size:12px;font-weight:700}
.dk-xh .dk-xc{height:var(--xh);border-bottom:1px solid #cfdcd2;justify-content:space-between;background:#eef4ef}
.dk-xh .dk-xc.sk{z-index:5}
.dk-xh .dk-xc.hot{background:#dff3e5;color:#1d6b30}
.dk-xh .dk-xc.num{justify-content:center}
.dk-hs{display:inline-flex;align-items:center;gap:5px;min-width:0;height:100%;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.dk-hs:hover{text-decoration:underline}
.dk-hs .ar{font-size:10px}
.dk-hf{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:#6a786f;cursor:pointer;padding:0}
.dk-hf svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dk-hf:hover{background:#dfeae2;color:#17231d}
.dk-hf.on{color:#1d6b30;background:#c9ebd2}
.dk-hf.on svg{fill:currentColor}
.dk-xsum{position:sticky;bottom:0;z-index:4;background:#eef4ef;font-size:12px;font-weight:700;color:#3f4f46}
.dk-xsum .dk-xc{height:36px;background:#eef4ef;border-top:1px solid #cfdcd2;border-bottom:0}
.dk-xsum .dk-xc.sk{z-index:5}
.dk-xsum .dk-xc.sum-l{justify-content:flex-start;left:0;box-shadow:2px 0 0 #cfdcd2}
.dk-xsum .dk-xc.prog{color:#3f4f46;font-weight:700}

.dk-mini{flex:none;height:26px;padding:0 10px;border-radius:8px;border:1px solid #e8c15a;background:#fff;color:#7a4d00;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.dk-mini:hover{background:#fff1c9}
.dk-more{width:36px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#4b5b52;cursor:pointer}
.dk-more:hover{background:#e3ece6}

/* рядок інструментів над таблицею */
.dk-tbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dk-tbar:empty{display:none}
.dk-tbar .dk-point{flex:0 1 300px}
.dk-btn.hot{border-color:var(--dk-green);background:var(--dk-soft);color:var(--dk-green-d)}
.dk-btn.flat{border-color:transparent;background:transparent;box-shadow:none;color:var(--dk-green-d)}
.dk-btn.flat:hover{background:#dff3e5}
.dk-fpanel{margin-top:2px}

/* рядок стану */
.dk-xstat{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between;align-items:center;min-height:32px;padding:4px 14px;background:#f4f7f5;border-top:1px solid var(--dk-line);font-size:12px;color:var(--dk-mut)}

/* спливаюче меню (фільтр колонки, дії рядка, колонки) */
.dk-pop{position:fixed;z-index:9999;min-width:210px;max-width:min(340px,calc(100vw - 16px));max-height:min(420px,70vh);overflow:auto;background:#fff;border:1px solid #cfdcd2;border-radius:12px;box-shadow:0 12px 32px rgba(23,35,29,.18);padding:6px;color:#17231d;font-family:inherit;font-size:14px}
.dk-pop .ttl{padding:6px 10px 4px;font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#718078;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-pop hr{border:0;border-top:1px solid #e4ebe6;margin:4px 0}
.dk-pop button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-weight:600;text-align:left;cursor:pointer}
.dk-pop button:hover{background:#eef5f0}
.dk-pop button.on{color:#1d6b30}
.dk-pop .mk{flex:none;width:16px;text-align:center;font-weight:800}
.dk-pop .mk.bx{height:16px;border-radius:4px;border:2px solid #7d8d84;box-sizing:border-box;background:#fff}
.dk-pop .mk.bx.on{background:#2f9e44 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;border-color:#2f9e44}

/* таблиця EPCA */
.dk-scroll{overflow-x:auto}
.dk-eh,.dk-er{display:flex;min-width:2210px}
.dk-eh{align-items:stretch;min-height:48px;background:var(--dk-head);color:#5d6d63;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.dk-er{align-items:stretch;min-height:78px;border-top:1px solid var(--dk-line);background:#fff}
.dk-er:hover,.dk-er:hover .dk-ec.sk{background:#f8fbf9}
.dk-ec{flex:none;padding:8px 10px;font-size:13px;line-height:1.4;display:flex;align-items:center}
.dk-eh .dk-ec.y{background:#fbe9a8;color:#5c4400}
.dk-ec.sk{position:sticky;left:0;z-index:2;padding-left:16px;box-shadow:1px 0 0 var(--dk-line);background:#fff}
.dk-eh .dk-ec.sk{background:var(--dk-head)}
.dk-ec.col{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}
.dk-ec .edit{cursor:pointer;border-radius:6px;padding:2px 4px;margin:-2px -4px;min-height:24px;width:100%}
.dk-ec .edit:hover{background:#f3f8f4;outline:1px dashed #b9cdbf}
.dk-ec .edit.ro{cursor:default}
.dk-ec .edit.ro:hover{background:transparent;outline:0}

/* додавання людини */
.dk-add{background:#fff;border:2px solid var(--dk-green);border-radius:18px;padding:18px 20px;box-shadow:0 10px 30px rgba(37,73,49,.07);display:flex;flex-direction:column;gap:16px}
.dk-add h2{margin:0;font-size:18px}
.dk-add .head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dk-add .q{font-size:13px;font-weight:700;margin-bottom:8px}
.dk-add .req{color:#d9363e;font-weight:500}
.dk-add .hint{font-size:12px;color:var(--dk-mut);margin-top:6px}
.dk-picks{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dk-pick{position:relative;display:inline-flex}
.dk-pick input{position:absolute;opacity:0;pointer-events:none}
.dk-pick span{display:inline-flex;align-items:center;min-height:var(--dk-h);padding:0 14px;border-radius:var(--dk-r);border:1px solid var(--dk-line);background:#fff;font-size:13px;font-weight:700;cursor:pointer}
.dk-pick input:checked+span{background:var(--dk-green);border-color:var(--dk-green);color:#fff}
.dk-pick input:focus-visible+span{outline:2px solid var(--dk-green);outline-offset:2px}
.dk-pick input:disabled+span{background:#eef2ef;border-color:#e1e8e3;color:#9aa6a0;cursor:not-allowed}
.dk-pick input:disabled:checked+span{background:#5f7a68;border-color:#5f7a68;color:#fff}
.dk-fields{display:flex;flex-wrap:wrap;gap:12px}
.dk-fields .field{flex:1 1 220px;min-width:0;margin:0}
.dk-fields .field.wide{flex:2 1 300px}
.dk-add .dk-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.dk-need{color:var(--dk-mut);font-size:13px}

/* ряд чипів: на широкому екрані переноситься, на телефоні гортається вбік */
.dk-chiprow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dk-dl{display:flex;align-items:center;gap:4px;min-width:0}

/* поточний прийом (малий блок над таблицею, з shared-work.js) */
.dk .shared-reception{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;padding:10px 12px;border:1px solid var(--dk-line);border-radius:var(--dk-r);background:#fff}
.dk .shared-reception .btn{height:var(--dk-h);padding:0 14px;border-radius:var(--dk-r);border:1px solid var(--dk-line);background:#fff;font-size:13px;font-weight:700;color:var(--dk-ink)}
.dk .shared-reception .small{margin:0;color:var(--dk-mut)}

/* телефон: та сама таблиця, гортається вбік, ПІБ залишається на місці */
@media (max-width:820px){
  body.dk-on #screen{padding-left:12px;padding-right:12px}
  .dk{--dk-h:42px}
  .dk-d-only{display:none!important}
  .dk-m-only{display:inline-flex!important}
  .dk-xstat .dk-m-only{display:inline!important}
  .dk-tools{flex-direction:column;align-items:stretch;gap:8px}
  .dk-search{flex:none;width:100%}
  .dk-toolbtns{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}
  .dk-toolbtns .dk-btn{padding:0 8px;font-size:13px}
  .dk-tab{padding:6px 12px;min-height:54px}
  .dk-tabs{scroll-snap-type:x proximity}
  .dk-filters{padding:10px 12px;gap:10px}
  .dk-chiprow{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:2px;-webkit-overflow-scrolling:touch}
  .dk-chiprow .lbl{display:none}
  .dk-fl{flex:none}
  .dk-drops{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dk-drops .dk-point,.dk-drops .dk-btn,.dk-drops .dk-dl{grid-column:1/-1}
  .dk-tbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .dk-tbar .dk-point{grid-column:1/-1;flex:none}
  .dk-tbar .dk-grow{display:none}
  .dk-xl{--w-num:0px;--w-name:172px;--w-phone:136px;--w-district:124px;--w-uct:104px;--w-epca:104px;--w-hum:104px;--w-pss:104px;--w-note:190px;--w-leader:150px;--w-act:146px;--xr:48px;--xh:42px}
  .dk-xs{max-height:max(340px,calc(100vh - 230px));max-height:max(340px,calc(100dvh - 230px))}
  .dk-xc.num{padding:0;border:0;overflow:hidden;width:0}
  .dk-xc.name{display:flex;align-items:center}
  .dk-nm{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;font-size:13px}
  .dk-hf{width:30px;height:30px}
  .dk-more{width:40px;height:40px}
  .dk-foot .legend{display:none}
  .dk-add{padding:14px}
  .dk-fields .field{flex:1 1 100%}
  .dk-btn.big{width:100%}
}

/* V18.3: швидке додавання людини внизу таблиці */
.dk-qa{border-top:1px dashed #b7c6bc;background:#fbfdfb}
.dk-qa-open{display:flex;align-items:center;gap:8px;width:100%;min-height:46px;padding:0 14px;border:0;background:transparent;color:#1d6b30;font:inherit;font-size:13.5px;cursor:pointer;text-align:left}
.dk-qa-open b{font-weight:700}
.dk-qa-open .sub{color:#6a786f;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-qa-open .pl{flex:none;width:24px;height:24px;border-radius:7px;border:1px dashed #9fb4a6;display:inline-flex;align-items:center;justify-content:center;background:#fff}
.dk-qa-open .pl svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.dk-qa-open:hover,.dk-qa-open:focus-visible{background:#eef7f0;outline:0}
.dk-qa-open:hover .pl,.dk-qa-open:focus-visible .pl{border-style:solid;border-color:#23803a;background:#e3f4e8}
.dk-qa.open{background:#f3faf5;border-top:1px solid #cfe3d4;padding:12px 14px}
.dk-qa-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.dk-qa-form .f{display:flex;flex-direction:column;gap:4px;min-width:0}
.dk-qa-form .f>span{font-size:11.5px;font-weight:700;color:#4a5b51}
.dk-qa-form .f.name{flex:2 1 260px}.dk-qa-form .f.ph{flex:1 1 170px}.dk-qa-form .f.inc{flex:1.4 1 210px}.dk-qa-form .f.geo{flex:1 1 170px}.dk-qa-form .f.lead{flex:1 1 190px}
.dk-qa-form input,.dk-qa-form select{width:100%;height:42px;box-sizing:border-box;border:1px solid #cfdcd2;border-radius:10px;padding:0 12px;background:#fff;color:#17231d;font:inherit;font-size:14px}
.dk-qa-form input:focus,.dk-qa-form select:focus{outline:2px solid #23803a33;border-color:#23803a}
.dk-qa-form .btns{display:flex;gap:8px;align-items:center;flex:0 0 auto}
.dk-qa-form .btns .dk-btn{height:42px}
.dk-qa-form .qa-x{width:42px;padding:0;font-size:15px}
.dk-qa-form .hint{flex:1 0 100%;font-size:12px;color:#5b6b62}
@keyframes dkFlash{0%,60%{background:#d5f0dc}100%{background:transparent}}
.dk-flash,.dk-flash .dk-xc,.dk-flash .dk-ec{animation:dkFlash 3s ease-out}
@media (max-width:720px){
  .dk-qa.open{padding:12px}
  .dk-qa-form .f.name,.dk-qa-form .f.ph,.dk-qa-form .f.inc,.dk-qa-form .f.geo,.dk-qa-form .f.lead{flex:1 1 100%}
  .dk-qa-form input,.dk-qa-form select{font-size:16px;height:46px}
  .dk-qa-form .btns{flex:1 1 100%}
  .dk-qa-form .btns .dk-btn{height:46px}
  .dk-qa-form .btns .dk-btn.pri{flex:1}
  .dk-qa-open .sub{display:none}
}

/* V18.5.1: смужка завантаження при переході зі «Меню» до таблиці */
.dk-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:10000;overflow:hidden;pointer-events:none;background:rgba(47,158,68,.14)}
.dk-progress::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:#2f9e44;border-radius:0 3px 3px 0;animation:dk-prog 1.1s ease-in-out infinite}
@keyframes dk-prog{0%{left:-40%}100%{left:100%}}
@media (prefers-reduced-motion:reduce){.dk-progress::after{animation:none;left:0;width:100%;opacity:.55}}
body.dk-busy{cursor:progress}