/* ============================================================================
   Navigator Hub — Kanban „Plan oddzwonień" — styl na tokenach redesignu (--nh-*)
   Klasy cp-* (bez kolizji). Spójny z kokpitem v6.4: białe panele, cienkie linie,
   Inter w treści, Montserrat w wersalikach nagłówków.
   ============================================================================ */
.cp-wrap{
  background:var(--nh-surface,#fff);
  border:1px solid var(--nh-line,#DEDCD7);
  border-radius:var(--nh-r-card,12px);
  box-shadow:var(--nh-sh-card,0 1px 2px rgba(16,24,40,.04));
  padding:18px 18px 16px;
  margin-bottom:24px;
}
.cp-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.cp-head h3{
  font-family:'Montserrat',sans-serif;font-size:12px;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--nh-text,#1E1E1E);margin:0;
}
.cp-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}
.cp-due-pill{
  display:flex;align-items:center;gap:8px;font-size:11px;font-weight:400;
  color:var(--nh-miss-text,#C43D58);background:var(--nh-miss-bg,#FDE9EE);
  padding:6px 12px;border-radius:10px;
}
.cp-due-pill .cp-n{font-size:14px;font-weight:600}
.cp-seg{display:inline-flex;background:var(--nh-field,#F6F6F4);border-radius:9px;padding:3px;gap:2px}
.cp-seg button{
  font-family:inherit;font-size:11.5px;font-weight:500;padding:6px 11px;border:0;border-radius:7px;
  background:transparent;color:var(--nh-text-2,#6F6F6F);cursor:pointer;transition:.14s;
}
.cp-seg button.on{background:var(--nh-surface,#fff);color:var(--nh-text,#1E1E1E);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.cp-icon-btn{border:1px solid var(--nh-line,#DEDCD7);background:var(--nh-surface,#fff);color:var(--nh-text-2,#6F6F6F);border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:14px}

.cp-board{display:grid;grid-template-columns:1.15fr 1.15fr 1.15fr .8fr .68fr;gap:14px;align-items:start}
@media(max-width:1100px){.cp-board{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:280px;overflow-x:auto;padding-bottom:10px}}
.cp-col{background:var(--nh-field,#F6F6F4);border:1px solid var(--nh-line-soft,#E7E4DF);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:9px;min-height:84px}
.cp-col.drop{outline:1.5px dashed var(--nh-accent,#0B6F8F);outline-offset:-5px;background:var(--nh-group-blue,#EEF7FA)}
.cp-col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2px}
.cp-col-title{font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--nh-text-2,#6F6F6F)}
.cp-col-count{background:var(--nh-line-soft,#E7E4DF);border-radius:20px;padding:1px 8px;font-size:10px;font-weight:500;color:var(--nh-text-2,#6F6F6F);margin-left:auto}
.cp-col-collapse{margin-left:8px;border:0;background:none;color:var(--nh-text-muted,#A8A8A8);cursor:pointer;font-size:12px;line-height:1}
.cp-col.collapsed .cp-col-body{display:none}
.cp-col-body{display:flex;flex-direction:column;gap:9px;min-height:28px}
.cp-subgroup{font-family:'Montserrat',sans-serif;font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--nh-text-muted,#A8A8A8);padding:3px 2px 0}
.cp-empty{font-size:11.5px;font-weight:300;color:var(--nh-text-muted,#A8A8A8);text-align:center;padding:14px 6px;border:1px dashed var(--nh-line,#DEDCD7);border-radius:10px}

.cp-card{
  background:var(--nh-surface,#fff);border:1px solid var(--nh-line-soft,#E7E4DF);
  border-left:2px solid var(--cp-accent,#cbd5e1);border-radius:11px;padding:12px 13px 11px;
  box-shadow:var(--nh-sh-card,0 1px 2px rgba(16,24,40,.04));cursor:grab;position:relative;transition:.14s;
}
.cp-card:hover{box-shadow:0 4px 14px rgba(16,24,40,.08);transform:translateY(-1px)}
.cp-card:active{cursor:grabbing}
.cp-card.dragging{opacity:.4}
.cp-card.due{border-left-color:var(--nh-miss-text,#C43D58);background:#FFFAFB}
.cp-top{display:flex;align-items:flex-start;gap:8px}
.cp-nm{font-family:inherit;font-weight:500;font-size:13px;line-height:1.3;color:var(--nh-text,#1E1E1E)}
.cp-ph{font-family:inherit;color:var(--nh-text-2,#6F6F6F);font-size:11px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:.01em;margin-top:1px}
.cp-menu{margin-left:auto;border:0;background:none;color:var(--nh-text-muted,#A8A8A8);font-size:15px;cursor:pointer;line-height:1;padding:0 2px}
.cp-menu:hover{color:var(--nh-text-2,#6F6F6F)}
.cp-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.cp-chip{font-family:'Montserrat',sans-serif;font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:20px}
.cp-chip.sd{background:var(--nh-ok-bg,#DDF8E8);color:var(--nh-ok-text,#16845B)}
.cp-chip.au{background:var(--nh-fail-bg,#F8E8DA);color:var(--nh-fail-text,#A96125)}
.cp-badge{display:inline-block;font-size:11px;margin-top:9px}
.cp-badge.sched{color:var(--nh-text-2,#6F6F6F);font-weight:300}
.cp-badge.due{color:var(--nh-miss-text,#C43D58);font-weight:500;background:var(--nh-miss-bg,#FDE9EE);padding:3px 9px;border-radius:20px;font-size:10.5px}
.cp-badge.w0{color:var(--nh-ok-text,#16845B);font-weight:500;background:var(--nh-ok-bg,#DDF8E8);padding:3px 9px;border-radius:20px;font-size:10.5px}
.cp-badge.lost{color:var(--nh-text-muted,#A8A8A8);font-weight:400}
.cp-owner{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:11px;font-weight:300;color:var(--nh-text-2,#6F6F6F)}
.cp-av{width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:600;color:var(--nh-text-on-dark,#F5F2EC);flex:none;background:var(--nh-navy,#071321)}
.cp-take{font-family:'Montserrat',sans-serif;font-size:9px;font-weight:500;letter-spacing:.06em;color:var(--nh-fail-text,#A96125);background:var(--nh-fail-bg,#F8E8DA);border-radius:20px;padding:2px 8px}
.cp-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;align-items:center}
.cp-btn{font-family:inherit;font-size:11px;font-weight:500;padding:6px 10px;border-radius:8px;border:1px solid var(--nh-line,#DEDCD7);background:var(--nh-surface,#fff);color:var(--nh-text,#1E1E1E);cursor:pointer;transition:.14s}
.cp-btn.start{color:var(--nh-fail-text,#A96125);border-color:#E9CBA6;background:var(--nh-fail-bg,#F8E8DA)}
.cp-pop{position:absolute;z-index:30;top:8px;right:8px;background:var(--nh-surface,#fff);border:1px solid var(--nh-line,#DEDCD7);border-radius:12px;box-shadow:0 10px 30px rgba(16,24,40,.14);padding:6px;min-width:188px}
.cp-pop .cp-ph2{font-family:'Montserrat',sans-serif;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--nh-text-2,#6F6F6F);padding:6px 9px 3px}
.cp-pop button{display:block;width:100%;text-align:left;font-family:inherit;font-size:12px;font-weight:400;padding:8px 9px;border:0;background:none;border-radius:8px;color:var(--nh-text,#1E1E1E);cursor:pointer}
.cp-pop button:hover{background:var(--nh-field,#F6F6F4)}