/* public/schermen/concurrenten/concurrent.css — scherm 2 (één concurrent). Alles onder .cc, alleen variabelen uit basis.css. Gedeeld met overzicht.css: cc-ov-kr, cc-ov-vt, cc-ov-legs, cc-ov-klein. */
.cc .cc-co-kanalen{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.cc .cc-co-stak{display:flex;height:16px;border-radius:5px;overflow:hidden;margin-top:6px;background:var(--grijs-300)}
.cc .cc-co-stak i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:600;min-width:4px}
.cc .cc-co-stak i.a{background:var(--blauw-900);color:var(--wit)}
.cc .cc-co-stak i.b{background:var(--blauw-500);color:var(--wit)}
.cc .cc-co-stak i.c{background:var(--blauw-300);color:var(--blauw-900)}
.cc .cc-co-levs{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.cc .cc-co-lev{display:grid;grid-template-columns:70px minmax(0,1fr) 34px;gap:8px;align-items:center;font-size:12px}
.cc .cc-co-lev .k{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc .cc-co-lev b{text-align:right}
.cc .cc-co-lbalk{display:block;height:10px}
.cc .cc-co-lbalk i{display:block;height:100%;border-radius:999px;background:var(--blauw-900)}
.cc .cc-co-lbalk i.l{background:var(--blauw-300)}

.cc .cc-co-vlijst{display:flex;flex-direction:column;gap:9px;margin-top:12px;font-size:13px}
.cc .cc-co-vr{display:flex;gap:10px;align-items:center;min-width:0}
.cc .cc-co-vr .cc-pil{flex:none}
.cc .cc-co-vtekst{min-width:0;overflow-wrap:anywhere}
.cc .cc-co-vtekst s{color:var(--grijs)}
.cc .cc-co-pct{font-size:11px;font-weight:600}
.cc .cc-co-pct.neg{color:var(--koraal-900)}
.cc .cc-co-pct.pos{color:var(--groen-900)}
.cc .cc-co-meer{margin-top:10px}

.cc .cc-co-grafiek{width:100%;height:auto;display:block;margin-top:6px}
.cc .cc-co-raster{stroke:var(--grijs-300);stroke-width:1}
.cc .cc-co-raster.nul{stroke:var(--grijs-500)}
.cc .cc-co-as{font-size:11px;fill:var(--grijs)}
.cc .cc-co-as.bol{fill:var(--blauw-900);font-weight:600}
.cc .cc-co-l{fill:none;stroke-linejoin:round;stroke-linecap:round}
.cc .cc-co-l.bol{stroke:var(--blauw-900);stroke-width:3}
.cc .cc-co-l.web{stroke:var(--blauw-300);stroke-width:2.5}
.cc .cc-co-vlak{fill:var(--blauw-100)}
.cc .cc-co-eind.bol{fill:var(--blauw-900)}
.cc .cc-co-eind.web{fill:var(--blauw-300)}
.cc .cc-co-voet{font-size:12px;margin-top:6px}
.cc .cc-co-legeling{padding:28px 4px}

.cc .cc-co-naam{display:flex;align-items:center;gap:8px;min-width:0}
.cc .cc-co-lnk{min-width:0;color:var(--tekst)}
.cc .cc-co-nm{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.cc .cc-co-prijs{display:flex;align-items:center;gap:6px}
.cc .cc-co-pijl{text-align:right;font-size:16px;color:var(--grijs)}
.cc .cc-rij .cc-cel{min-width:64px;text-align:center;white-space:nowrap}

.cc .cc-co-onderrij{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:start}
.cc .cc-co-pcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.cc .cc-co-pc{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--rand);border-radius:var(--r);padding:12px;min-width:0}
.cc .cc-co-pt{min-width:0;font-size:13px}
.cc .cc-co-ptitel{font-weight:600;font-size:12.5px;overflow-wrap:anywhere}
.cc .cc-co-ptitel a{color:var(--tekst)}
.cc .cc-co-pr{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:11.5px;flex-wrap:wrap}
.cc .cc-co-nogniet{margin-top:12px}
.cc .cc-co-onder{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;margin-top:2px}
.cc .cc-co-beheer{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:baseline}
.cc .cc-co-beheer [hidden]{display:none}
@media (max-width:1100px){.cc .cc-co-onderrij{grid-template-columns:minmax(0,1fr)}.cc .cc-twee{grid-template-columns:minmax(0,1fr)}}
.cc .tabbalk button.ptab{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;font:inherit;font-size:13.5px;font-weight:400;cursor:pointer;box-shadow:none}
.cc .tabbalk button.ptab.aan{color:var(--tekst);font-weight:600;border-bottom-color:var(--blauw-900)}
.cc .tabbalk button.ptab .cc-kn{margin-right:2px}

/* afstemming op het bord */
.cc .cc-co-meer a{font-size:12px;color:var(--blauw-900)}
.cc .cc-co-onder .cc-link{font-size:12px}
.cc .cc-co-onder .cc-co-beheer:not(:first-child) .cc-link{color:var(--grijs)}
.cc .cc-kop .knop.link{color:var(--grijs);font-weight:400;background:none;border:0}
.cc .cc-tabrij .tabbalk{background:transparent;padding:0}
.cc .cc-rij .cc-cel{font-weight:500}
.cc .cc-co-pr{font-size:11.5px}

.cc .cc-vgl{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,1fr);gap:0;font-size:12.5px;margin-top:6px}
.cc .cc-vgl>div{padding:9px 10px;border-top:1px solid var(--rand2);min-width:0}
.cc .cc-vgl .h{font-weight:600;border-top:0;color:var(--grijs);font-size:11.5px}
.cc .cc-vgl .ik{background:var(--blauw-100)}
.cc .cc-vgl .lbl{font-weight:600}
.cc .cc-vgl-klein{font-size:11px;margin-top:3px}
.cc .cc-vast{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.cc .cc-vast i{height:34px;border-radius:6px;border:1px dashed var(--rand);display:flex;align-items:center;justify-content:center;font-size:10.5px;color:var(--grijs);font-style:normal;font-weight:600}
.cc .cc-vast i:not(.ja)::after{content:' ✕';font-weight:400}
.cc .cc-vast i.ja{background:var(--blauw-100);border:1px solid var(--blauw-100);color:var(--blauw-900)}
.cc .cc-co-pc{padding:10px;border-radius:10px}
.cc .cc-co-pc .cc-foto.groot{width:56px;height:56px;border-radius:8px;background:var(--grijs-100);border-color:var(--rand2)}
.cc .cc-co-ptitel{line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}