/* «Персонал»: «Дни рождения и стаж» и «Опросы» (03.10.2026, erp/ui/people.js, erp/hr.py) */
.cn.pe{max-width:880px}
.pe .anh .muted{max-width:680px;line-height:1.45}
.pe-acts{margin:0 0 10px}
.pe-ask{margin:-4px 0 12px}
.btn.pe-gh{border-color:transparent;background:transparent;color:var(--muted)}
.btn.pe-gh:hover{color:var(--text);background:var(--soft)}
.btn.pe-gh.bad{color:var(--ink-bad)}
.pe-chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.pe-chip{font-style:normal;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--soft);color:var(--muted);white-space:nowrap}
.pe-chip.ok,.pe-chip.good{background:var(--soft-ok);color:var(--ink-ok)}
.pe-chip.bad{background:var(--soft-bad);color:var(--ink-bad)}
.pe-chip.mid{background:var(--soft-warn);color:var(--ink-warn)}
.pe-miss{color:var(--faint);font-size:13px}

/* ближайшие даты */
.pe-evs{padding:14px 16px;margin:0 0 18px}
.pe-ev{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.pe-evs .eyebrow+.pe-ev{border-top:0}
.pe-evd{width:44px;flex:none;display:flex;flex-direction:column;align-items:center;line-height:1.1}
.pe-evd b{font-size:20px;font-weight:800}
.pe-evd span{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.pe-ev.today .pe-evd b{color:var(--accent)}
.pe-evi{width:32px;height:32px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--muted)}
.pe-evi.bday{background:var(--soft-warn);color:var(--ink-warn)}
.pe-evi.anniv{background:var(--soft-ok);color:var(--ink-ok)}
.pe-evb{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pe-nm{all:unset;cursor:pointer;font-weight:700;overflow-wrap:anywhere}
.pe-nm:hover{text-decoration:underline}

/* команда */
.pe-tbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.pe-tbar h3{margin:0 6px 0 0;font-size:18px}
.pe-tbar input[type=search]{flex:1;min-width:160px;max-width:260px}
.pe-tbar .seg{display:inline-flex}
.pe-tbar .seg button{flex:none;padding:7px 11px;font-size:12.5px}
.pe-list{padding:4px 14px;margin:0 0 14px}
.pe-p{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;padding:10px 4px;border-top:1px solid var(--line);cursor:pointer}
.pe-p:first-child{border-top:0}
.pe-p:hover{background:var(--tint)}
.pe-p.off{grid-template-columns:1fr;opacity:.75}
.pe-pn,.pe-pt{display:flex;flex-direction:column;gap:2px;min-width:0}
.pe-pn b{overflow-wrap:anywhere}
.pe-pb{display:flex;align-items:center;gap:6px;color:var(--text);font-size:13.5px}
.pe-pb svg{color:var(--ink-warn);flex:none}

/* окна */
.pe-bd{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pe-bd select{width:auto;min-width:90px}
.pe-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pe-line select{width:auto}
.pe-chs{display:flex;flex-wrap:wrap;gap:6px 16px;margin:4px 0 6px}
.pe-chs label{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;cursor:pointer}
.pe-chs input{width:auto;min-height:0}
.pe-rcp{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 12px;max-height:200px;overflow:auto;padding:4px 0}
.pe-rcp label{display:flex;gap:6px;align-items:center;font-size:13px}
.pe-rcp input{width:auto;min-height:0}
#modal-card textarea{width:100%}

/* опросы: список */
.pu-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:10px}
.pu-c{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;transition:border-color .15s}
.pu-c:hover{border-color:var(--line-s)}
.pu-sc{width:96px;flex:none;display:flex;flex-direction:column;gap:2px}
.pu-sc b{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1}
.pu-sc span{font-size:11.5px;color:var(--muted)}
.pu-cb{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.pu-cb>b{overflow-wrap:anywhere}
.good>b,b.good,.pu-big.good b{color:var(--ink-ok)}
.mid>b,b.mid,.pu-big.mid b{color:var(--ink-warn)}
.pu-sc.bad>b,b.bad,.pu-big.bad b{color:var(--ink-bad)}
.pu-empty{padding:18px 20px;max-width:680px;line-height:1.5}
.pu-empty b:first-child{font-size:16px}
.pu-empty p{margin:8px 0 0}

/* опросы: окно нового */
.pu-cnt{font-size:13.5px;margin:2px 0 4px;min-height:1.2em}
.pu-q{display:flex;gap:8px;align-items:flex-start;margin:0 0 6px}
.pu-qt{flex:none;width:44px;margin-top:8px;font-size:11px;font-weight:800;color:var(--muted);text-align:center;background:var(--soft);border-radius:6px;padding:2px 0}
.pu-q textarea{flex:1;min-height:0}

/* опросы: результат */
.pu-top{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:16px 18px;margin:0 0 12px}
.pu-big{display:flex;flex-direction:column;gap:3px;min-width:170px}
.pu-big b{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1}
.pu-big>span:first-of-type{font-weight:700}
.pu-resp{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto}
.pu-resp>div{display:flex;flex-direction:column}
.pu-resp b{font-size:22px;font-weight:800}
.pu-resp span{font-size:12px;color:var(--muted)}
.pu-sec{padding:14px 16px;margin:0 0 12px}
.pu-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--soft);gap:2px}
.pu-bar i{display:block;min-width:0}
.pu-bar .det,.pu-leg .det,.pu-hist .det i{background:var(--bad)}
.pu-bar .pas,.pu-leg .pas,.pu-hist .pas i{background:var(--warn)}
.pu-bar .pro,.pu-leg .pro,.pu-hist .pro i{background:var(--ok)}
.pu-leg{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin:8px 0 14px}
.pu-leg i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:0}
.pu-hist{display:grid;grid-template-columns:repeat(11,1fr);gap:6px;height:90px;align-items:end}
.pu-hist>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.pu-hist i{display:block;width:100%;max-width:34px;border-radius:5px 5px 2px 2px;min-height:2px;opacity:.85}
.pu-hist span{font-size:11.5px;color:var(--muted)}
.pu-histr{margin:-2px 0 12px}
.pu-t{table-layout:fixed}
.pu-t td{padding:8px 6px;overflow-wrap:anywhere}
.pu-t td:nth-child(2){width:110px}
.pu-t td:nth-child(3){width:110px}
.pu-t b{font-size:16px}
.pu-avg{display:flex;align-items:baseline;gap:8px}
.pu-avg b{font-size:28px;font-weight:800}
.pu-s5{display:flex;gap:6px;margin-top:8px}
.pu-s5 span{flex:1;background:var(--soft);border-radius:8px;padding:5px 0;text-align:center;font-size:12.5px;color:var(--muted)}
.pu-s5 span b{display:block;color:var(--text);font-size:11px}
.pu-txt{display:flex;flex-direction:column;gap:8px}
.pu-txt blockquote{margin:0;padding:10px 12px;background:var(--tint);border-left:3px solid var(--line-s);border-radius:4px 10px 10px 4px;line-height:1.45;overflow-wrap:anywhere}
.pu-txt cite{display:block;font-style:normal;font-size:11.5px;color:var(--muted);margin-top:4px}
.pu-acts{margin:6px 0 20px}

@media (max-width:700px){
  .pe .hr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pe-p{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
  .pe-pt{grid-column:1;grid-row:2;flex-direction:row;gap:6px;align-items:baseline;flex-wrap:wrap}
  .pe-pb{grid-column:2;grid-row:1/3;font-size:12.5px}
  .pe-tbar .seg{overflow-x:auto;max-width:100%}
  .pu-list{grid-template-columns:1fr}
  .pu-c{padding:12px 14px}
  .pu-sc{width:78px}
  .pu-resp{margin-left:0}
  .pu-big b{font-size:40px}
  .pu-hist{gap:3px;height:70px}
  .pu-t td:nth-child(2){width:84px}
  .pu-t td:nth-child(3){width:70px}
}

/* Новички, увольнения, анкета, текучесть (03.10.2026, erp/hr_auto.py) */
.pu-lead{margin:0 0 12px;max-width:680px;line-height:1.45}
.pu-auto{padding:14px 16px;margin:0 0 12px;line-height:1.45}
.pu-auto p{margin:0 0 10px;max-width:700px}
.pu-on{margin:0!important}
.pu-pd{display:flex;flex-direction:column;gap:2px;padding:7px 0;border-top:1px solid var(--line)}
.pu-pd:first-child{border-top:0}
.pu-nm{padding:12px 16px;margin:0 0 10px}
.pu-nm.low{border-color:var(--bad)}
.pu-nh{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.pu-dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:6px 14px;margin:10px 0 0}
.pu-dl dt{color:var(--muted);font-size:13px}
.pu-dl dd{margin:0;overflow-wrap:anywhere}
.pu-qb{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.pu-at table{min-width:640px}
.pu-at td,.pu-at th{font-size:13px}
.pe-prof{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.pe-prof label{display:flex;flex-direction:column;gap:3px;min-width:0}
.pe-prof label>span{font-size:12px;font-weight:600;color:var(--muted)}
.pe-evi.doc{background:var(--soft-info);color:var(--ink-info)}
.pe-ev.late .pe-evb span{color:var(--ink-bad)}
.to-ch{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;height:150px;align-items:end;margin-top:6px}
.to-ch>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0}
.to-b{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}
.to-b i{display:flex;align-items:flex-start;justify-content:center;width:44%;max-width:16px;min-height:2px;border-radius:4px 4px 1px 1px;font-style:normal;font-size:10px;font-weight:700;color:#fff;line-height:1.5}
.to-b i.came{background:var(--ok)}
.to-b i.left{background:var(--bad)}
.to-ch span{font-size:11px;color:var(--muted)}
.to-t td,.to-t th{font-size:13px}
.to-r{display:flex;flex-direction:column;gap:6px}
.to-r>div{display:grid;grid-template-columns:minmax(120px,220px) 1fr 30px;gap:10px;align-items:center;font-size:13.5px}
.to-r i{display:block;height:10px;border-radius:999px;background:var(--bad);opacity:.8;min-width:4px}
.to-r b{text-align:right}
@media (max-width:700px){
  .pu-dl{grid-template-columns:1fr;gap:2px}
  .pu-dl dd{margin-bottom:6px}
  .pe-prof{grid-template-columns:1fr}
  .to-r>div{grid-template-columns:110px 1fr 24px}
  .to-ch{gap:3px;height:120px}
}
.pe .tbl table.to-t{min-width:0}
#to_p{display:inline-flex}
#to_p button{flex:none;padding:7px 14px;font-size:13px}
.pu-qt{width:auto;min-width:44px;padding:2px 6px;white-space:nowrap}
.pu-al{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.pu-ai{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.pu-ai .pu-dl{margin-top:6px}
textarea[data-qt],textarea[data-qo]{overflow:hidden;resize:none}