/* Рабочее место менеджера: «На мне сегодня» (wk-), «Мои напоминания» (wk-rem), «Гигиена CRM» (hy-),
   «Клиент 360°» (c360-). Только токены из ui.css. */

/* ---------- общее ---------- */
.wk-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none;margin-top:5px;background:var(--mut2)}
.wk-dot.wk-red{background:var(--bad)}.wk-dot.wk-yellow{background:var(--warn)}.wk-dot.wk-gray{background:var(--mut2)}
.wk-ra{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;flex:none}
.wk-late{color:var(--bad3);font-weight:600}
.wk-err:empty{display:none}

/* ---------- На мне сегодня ---------- */
.wk-kpi{display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center;margin-top:10px}
.wk-k{display:flex;gap:6px;align-items:center;font-size:13.5px;color:var(--ink2)}
.wk-k .wk-dot{margin-top:0}
.wk-k b{font-size:18px}
.wk-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.wk-card{padding:10px 14px;border-left:4px solid var(--line2)}
.wk-card.wk-b-red{border-left-color:var(--bad)}.wk-card.wk-b-yellow{border-left-color:var(--warn)}
.wk-ch{display:flex;gap:4px 10px;align-items:baseline;flex-wrap:wrap;padding-bottom:4px}
.wk-ch a{min-width:0;word-break:break-word}
.wk-money{font-weight:650}
.wk-rs{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-top:1px solid var(--line-soft)}
.wk-ch+.wk-rs,.wk-card>.wk-rs:first-child{border-top:0}
.wk-rt{flex:1;min-width:0;word-break:break-word;font-size:13.5px}

/* ---------- Мои напоминания ---------- */
.wk-tabs{margin-bottom:0;border-bottom:0}
.wk-rem{display:flex;gap:10px;align-items:flex-start;padding:10px 2px;border-bottom:1px solid var(--line-soft)}
.wk-rem:last-child{border-bottom:0}
.wk-rem-bd{flex:1;min-width:0}
.wk-rem-t{font-weight:600;word-break:break-word;white-space:pre-wrap}
.wk-rem.done .wk-rem-t{color:var(--mut);text-decoration:line-through}
.wk-rem-m{display:flex;gap:4px 12px;flex-wrap:wrap;font-size:12.5px;color:var(--mut);margin-top:2px}

/* ---------- Гигиена CRM ---------- */
.hy-tabs{margin-bottom:14px}
.hy-note{margin-top:8px}
.hy-owner{width:auto;min-width:160px;max-width:260px}
.hy-chips{margin-top:10px;gap:6px}
.hy-kb .kbc{flex-basis:260px}
.hy-act{cursor:default}
.hy-act[draggable=true]{cursor:grab}
.hy-act-h{gap:6px;flex-wrap:nowrap;align-items:flex-start}
.hy-act-t{flex:1;min-width:0;word-break:break-word;cursor:pointer;font-weight:600}
.hy-act-t:hover{color:var(--acc3)}
.hy-act .ac-ok{width:26px;height:26px;font-size:12px}
.hy-act-m{display:flex;gap:2px 10px;flex-wrap:wrap;font-size:12px;color:var(--mut);margin:3px 0 4px}
.hy-act .btn{margin-top:4px}
.hy-empty{padding:10px 4px}
.hy-t td{min-width:0}
.hy-t td.num,.c360-t td.num{white-space:nowrap}
.hy-t td:first-child{min-width:180px}
.hy-th{max-width:110px;white-space:normal!important;line-height:1.25}
.hy-ok{display:flex;gap:10px;align-items:flex-start;padding:10px 2px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}
.hy-ok:last-child{border-bottom:0}
.hy-ok-bd{flex:1 1 300px;min-width:0;word-break:break-word}
.hy-rule{padding:10px 0;border-bottom:1px solid var(--line-soft)}
.hy-rule:last-of-type{border-bottom:0}
.hy-rule .meta{margin:2px 0 0 24px}
.hy-thr{display:flex;gap:8px;align-items:center;margin:6px 0 0 24px;font-size:12.5px;color:var(--mut)}
.hy-thr input[type=number]{width:90px}
.hy-bars{display:flex;gap:3px;align-items:flex-end;height:140px;margin-top:10px;overflow-x:auto;padding-bottom:18px}
.hy-bar{flex:1 0 14px;max-width:28px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.hy-bar span{display:block;background:var(--acc);border-radius:4px 4px 0 0;min-height:2px}
.hy-bar i{position:absolute;bottom:-17px;left:0;right:0;text-align:center;font-style:normal;font-size:10px;color:var(--mut2)}

/* ---------- Клиент 360° ---------- */
.c360-sr input[type=search]{flex:1 1 100%}
.c360-res{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.c360-hit{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--fill);color:var(--ink);text-decoration:none!important}
.c360-hit:hover{background:var(--acc-soft)}
.c360-hint{padding:4px 2px}
.c360-head .row{gap:8px}
.c360-name{min-width:0;word-break:break-word}
.c360-bad,.kpi .v.c360-bad{color:var(--bad3)}
.kpi .v.c360-warn{color:var(--warn3)}
.c360-dl{display:grid;grid-template-columns:minmax(90px,max-content) 1fr;gap:6px 14px;margin:10px 0 0;font-size:13.5px}
.c360-dl dt{color:var(--mut)}
.c360-dl dd{margin:0;min-width:0;word-break:break-word}
.c360-ct{padding:8px 0;border-bottom:1px solid var(--line-soft)}
.c360-ct:last-child{border-bottom:0}
.c360-t{margin-top:8px}
.c360-rev{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.c360-rv{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;font-size:13.5px}
.c360-y{color:var(--mut);font-weight:600}
.c360-track{height:10px;background:var(--fill);border-radius:999px;overflow:hidden;min-width:0}
.c360-track span{display:block;height:100%;background:var(--ok);border-radius:999px}
.c360-tl{margin-top:8px;max-height:560px;overflow-y:auto}
.c360-ev{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft)}
.c360-ev:last-child{border-bottom:0}
.c360-ic{flex:none;width:26px;height:26px;border-radius:8px;background:var(--fill);display:flex;align-items:center;justify-content:center;font-size:13px}
.c360-evb{flex:1;min-width:0;word-break:break-word;font-size:13.5px}

@media(max-width:640px){
  .wk-rs{flex-wrap:wrap}
  .wk-rs .wk-ra{width:100%;justify-content:flex-start;padding-left:20px}
  .wk-rem{flex-wrap:wrap}
  .wk-rem .wk-ra{width:100%;justify-content:flex-start}
  .hy-owner{max-width:100%;flex:1 1 100%}
  .c360-kpis{grid-template-columns:1fr 1fr}
  .c360-kpis .kpi:last-child{grid-column:1/-1}
  .c360-kpis .kpi .v{font-size:18px}
  .c360-rv{grid-template-columns:40px 1fr}
  .c360-rv .num{grid-column:2}
}