/* ═══════════════════════════════════════════════════════════════════════════
   A CIBIL PULL BECOMES A CASE — the panel's own styles

   It sits at the very top of the parsed report, above the sub-tabs, because
   deciding whether this pull becomes a case is the first thing an employee
   should do with it and not something to find after scrolling past five
   panes of analysis.
   ═══════════════════════════════════════════════════════════════════════════ */

.cc-wrap{
  margin:0 0 22px; padding:18px;
  background:var(--card-bg); border:1.5px solid var(--brand-green);
  border-radius:14px;
}
.cc-wrap.is-done{border-color:var(--border-glass)}

.cc-h{
  margin:0 0 4px; font-family:var(--font-heading);
  font-size:19px; font-weight:800; letter-spacing:-.01em; color:var(--text-color);
}
.cc-sub{
  margin:0 0 15px; font-size:13px; line-height:1.55;
  color:var(--text-muted); max-width:72ch;
}
.cc-sub b{color:var(--text-color); font-weight:800}

.cc-lab{
  margin:18px 0 9px; font-size:10.5px; font-weight:800;
  letter-spacing:.8px; text-transform:uppercase; color:var(--text-muted);
}

/* what the report already gave — dividers drawn as shadows so an empty
   track in the grid stays the card's own colour instead of reading as a
   sixth, broken cell */
.cc-read{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(138px,1fr));
  margin:0; padding:0; background:var(--card-bg);
  border:1px solid var(--border-glass); border-radius:11px; overflow:hidden;
}
.cc-read > div{
  padding:9px 11px;
  box-shadow:1px 0 0 var(--border-glass), 0 1px 0 var(--border-glass);
}
.cc-read dt{
  margin:0 0 3px; font-size:9.5px; font-weight:800;
  letter-spacing:.7px; text-transform:uppercase; color:var(--text-muted);
}
.cc-read dd{
  margin:0; font-size:13.5px; font-weight:700; color:var(--text-color);
  font-variant-numeric:tabular-nums; overflow-wrap:anywhere;
}

/* the same customer already on the board */
.cc-dup{
  margin:13px 0 0; padding:11px 13px; border-radius:10px;
  border-left:3px solid #E9B400; background:rgba(233,180,0,.10);
  font-size:12.5px; line-height:1.55; color:var(--text-color);
}
.cc-dup b{font-weight:800}
.cc-dup span{display:block; margin-top:5px; color:var(--text-muted)}

.cc-fields{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px}
.cc-f{display:flex; flex-direction:column; gap:5px}
.cc-f.is-wide{grid-column:1/-1}
.cc-f > span{
  font-size:10px; font-weight:800; letter-spacing:.7px;
  text-transform:uppercase; color:var(--text-muted);
}
.cc-in{
  width:100%; height:40px; padding:0 11px; font:inherit; font-size:14px; font-weight:600;
  color:var(--text-color); background:var(--card-bg);
  border:1.5px solid var(--border-glass); border-radius:10px;
}
.cc-in:focus{outline:0; border-color:var(--brand-green)}

.cc-note{margin:9px 0 0; font-size:12px; line-height:1.5; color:var(--text-muted)}
.cc-note.is-ok{color:var(--soft-green)}
.cc-note.is-warn{color:#9A6B00}
[data-theme="dark"] .cc-note.is-ok{color:var(--brand-green)}
[data-theme="dark"] .cc-note.is-warn{color:#E9B400}

.cc-cats{display:flex; flex-wrap:wrap; gap:5px; margin-top:8px}
.cc-cat{
  padding:2px 8px; border-radius:999px; font-size:10.5px; font-weight:700;
  background:rgba(24,201,121,.10); color:var(--soft-green);
  border:1px solid var(--border-glass); font-variant-numeric:tabular-nums;
}
[data-theme="dark"] .cc-cat{color:var(--brand-green)}

.cc-acts{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:17px}
.cc-go,.cc-skip{
  font:inherit; font-size:13.5px; font-weight:800; cursor:pointer;
  padding:11px 18px; border-radius:11px; border:1.5px solid var(--border-glass);
  background:transparent; color:var(--text-color);
}
.cc-go{background:var(--brand-green); border-color:var(--brand-green); color:#06281A}
.cc-go:hover{filter:brightness(1.05)}
.cc-skip:hover{border-color:var(--brand-green); color:var(--brand-green)}
.cc-go:disabled,.cc-skip:disabled{opacity:.55; cursor:default}
.cc-status{font-size:12.5px; color:var(--text-muted)}

@media (max-width:560px){
  .cc-wrap{padding:14px}
  .cc-acts .cc-go,.cc-acts .cc-skip{flex:1 1 100%}
}