/* Руководителю и финансы: кабинет РОПа (rop-), рейтинг (rt-), дебиторка (db-), оплаты (pm-).
   Только токены из ui.css. */

/* ---------- общее: период, прогресс ---------- */
.fin-per{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.fin-per .fin-per-l{font-weight:650;min-width:120px;text-align:center}
.fin-bar{position:relative;height:8px;border-radius:999px;background:var(--fill2);overflow:hidden;min-width:60px}
.fin-bar>span{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--acc)}
.fin-bar>span.ok{background:var(--ok)}.fin-bar>span.warn{background:var(--warn)}.fin-bar>span.bad{background:var(--bad)}
.fin-bar>i{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--ink2);opacity:.55}
.fin-pc{display:flex;flex-direction:column;gap:3px;min-width:110px}
.fin-pc .meta{white-space:nowrap}
.fin-tblh{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.fin-trunc{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fin-nowrap{white-space:nowrap}
.fin-kpi-click{cursor:pointer;text-align:left;font:inherit;color:inherit}
.fin-kpi-click.on{box-shadow:inset 0 0 0 2px var(--acc)}
.fin-kpi-click:hover{border-color:var(--acc-border)}

/* ---------- кабинет РОПа ---------- */
.rop-alarm{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:var(--radius-sm);background:var(--fill);margin-bottom:6px}
.rop-alarm.bad{background:var(--bad-soft)}.rop-alarm.warn{background:var(--warn-soft)}
.rop-alarm .rop-al-t{font-weight:650}
.rop-alarm .rop-al-b{flex:1;min-width:0}
.rop-fn{display:grid;grid-template-columns:minmax(90px,180px) 1fr auto;gap:10px;align-items:center;padding:5px 0}
.rop-fn .fin-bar{height:14px}
.rop-fn-v{font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--mut);white-space:nowrap}
.rop-issue{display:inline-block;margin:2px 4px 0 0}
.rop-person-h{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.rop-plan-form input[type=text]{max-width:220px}

/* ---------- рейтинг ---------- */
.rt-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end;margin-bottom:14px}
.rt-pod{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;text-align:center;min-width:0}
.rt-pod .rt-m{font-size:30px;line-height:1}
.rt-pod .rt-n{font-weight:650;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rt-pod .rt-v{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.rt-pod.p1{padding-top:22px;border-color:var(--acc-border)}
.rt-up{color:var(--ok3);font-weight:650}.rt-down{color:var(--bad3);font-weight:650}
.rt-place{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
tr.rt-me td{background:var(--acc-soft)}

/* ---------- дебиторка ---------- */
.db-note{padding:8px 10px;border-radius:var(--radius-sm);background:var(--fill);margin-bottom:6px}
.db-note.reminder{background:var(--acc-soft)}
.db-form input[type=text],.db-form input[type=date],.db-form select{max-width:260px}
.db-rate input[type=text]{width:90px}

/* ---------- оплаты ---------- */
.pm-sug{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.pm-sug .meta{max-width:220px}
.pm-map{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.pm-sample{font-size:12px}
.pm-in{color:var(--ok3)}.pm-out{color:var(--bad3)}
.pm-alloc-amt{width:130px!important}
.pm-file{display:none}

@media(max-width:640px){
  .rt-podium{grid-template-columns:1fr}
  .rt-pod.p1{order:-1}
  .rop-fn{grid-template-columns:1fr auto}
  .rop-fn .fin-bar{grid-column:1/-1;order:3}
  .fin-trunc{max-width:180px}
  .fin-per .fin-per-l{min-width:0}
}