/* public/schermen/concurrenten/artikel.css — Concurrenten · scherm 5 Artikel open. Alleen variabelen uit basis.css; geen hexwaarden, geen schaduw op kaarten, geen 700. */

/* tegels */
.cc .cc-art-tegels .tegel2{gap:6px}
.cc .cc-art-tegels .tegel2 .g .k{font-size:12.5px;font-weight:400;letter-spacing:0}
.cc .cc-plek{position:relative;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--blauw-100),var(--blauw-300));margin:10px 6px 4px}
.cc .cc-plek i{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--blauw-900);border:2px solid var(--wit)}
.cc .cc-plekrij{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--grijs);font-variant-numeric:tabular-nums}
.cc .cc-plekrij b{color:var(--tekst);font-weight:600}
.cc .cc-posrij{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cc .cc-posrij .g{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.cc .cc-lvl{display:flex;flex-direction:column;gap:7px;margin-top:2px}
.cc .cc-lv{display:flex;gap:8px;align-items:center;font-size:12px;font-variant-numeric:tabular-nums}
.cc .cc-lv .k{width:58px;flex:none;font-size:12px}
.cc .cc-lv .k{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc .cc-lv i{display:block;height:10px;border-radius:3px;background:var(--blauw-300)}
.cc .cc-lv i.jij{background:var(--blauw-900)}
.cc .cc-lv b{font-weight:600}

/* midden: grafiek en wat er gebeurde */
.cc .cc-art-midden{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1100px){.cc .cc-art-midden{grid-template-columns:minmax(0,1fr)}}
.cc .cc-art-midden .kaart{display:flex;flex-direction:column;gap:12px}
.cc .cc-kaartkop .n{display:inline-flex;gap:6px;align-items:center}
.cc .cc-kaartkop .cc-filters{margin-left:0}
.cc .cc-gr{position:relative}
.cc .cc-gr svg{display:block;width:100%;height:auto}
.cc .cc-gr .rs{stroke:var(--grijs-300);stroke-width:1}
.cc .cc-gr .as{fill:var(--grijs);font-size:10.5px}
.cc .cc-gr .et{fill:var(--grijs);font-size:10.5px}
.cc .cc-gr .et.jij{fill:var(--blauw-900);font-weight:600}
.cc .cc-gr .ln{fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-width:1.6}
.cc .cc-gr .ln.t0{stroke:var(--blauw-300)}
.cc .cc-gr .ln.t1{stroke:var(--blauw-500)}
.cc .cc-gr .ln.t2{stroke:var(--blauw-700)}
.cc .cc-gr .ln.jij{stroke:var(--blauw-900);stroke-width:3}
.cc .cc-gr .pt.t0{fill:var(--blauw-300)}
.cc .cc-gr .pt.t1{fill:var(--blauw-500)}
.cc .cc-gr .pt.t2{fill:var(--blauw-700)}
.cc .cc-gr .pt.jij{fill:var(--blauw-900)}
.cc .cc-gr .cur{stroke:var(--grijs-500);stroke-width:1}
.cc .cc-gr .hov{fill:transparent;cursor:crosshair}
.cc .cc-tip{position:absolute;top:8px;z-index:5;min-width:170px;max-width:240px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r2);box-shadow:var(--pop-schaduw);padding:8px 10px;font-size:12px;pointer-events:none;display:flex;flex-direction:column;gap:2px}
.cc .cc-tip[hidden]{display:none}
.cc .cc-tip>div{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums;color:var(--grijs)}
.cc .cc-tip>div b{color:var(--tekst);font-weight:500}
.cc .cc-tip>div.jij,.cc .cc-tip>div.jij b{color:var(--blauw-900);font-weight:600}

.cc .cc-gblijst{display:flex;flex-direction:column}
.cc .cc-gb{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--rand2);font-size:13px;min-width:0}
.cc .cc-gb:last-child{border-bottom:0}
.cc .cc-gb .cc-pil{flex:none;font-variant-numeric:tabular-nums}
.cc .cc-gbt{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.cc .cc-pd s{color:var(--grijs)}
.cc .cc-pd b{font-weight:600}
.cc .cc-neg{color:var(--koraal-900);font-weight:600;white-space:nowrap}
.cc .cc-pos{color:var(--groen-900);font-weight:600;white-space:nowrap}

/* tabel */
.cc .cc-lst{display:flex;align-items:center;gap:10px;min-width:0}
.cc .cc-rij.ik{background:var(--blauw-100)}
.cc .cc-rij.ik:hover{background:var(--blauw-100)}
.cc .cc-rij .cc-naam b{font-weight:500}
.cc .cc-rij.ik .cc-naam b{font-weight:600}
.cc .cc-van{display:block;font-size:11.5px;font-weight:400}
.cc .cc-matchcel{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.cc .cc-matchcel .cc-pil{overflow:hidden;text-overflow:ellipsis}

.cc .cc-een{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc .cc-een b{font-weight:600}
.cc .cc-een .k a{color:inherit}
.cc .cc-rij .cc-naam.cc-een b{font-weight:600}
.cc .cc-plekrij,.cc .cc-plekrij b{font-size:11px}
.cc .cc-neg,.cc .cc-pos{font-size:11px}
.cc .cc-matchcel .cc-menu>button{font-size:16px;font-weight:400;letter-spacing:1px;padding:0 6px}