/* ColConnect — Projects Prioritization CSS */

/* ─── Panel principal ───────────────────────────────────────────────────────── */
.cc-project-priority-panel{display:flex;flex-direction:column;gap:12px;}
.cc-project-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px;}
.cc-project-panel-header p{font-size:11px;color:var(--cc-texteSecondaire);margin:4px 0 0;line-height:1.55;max-width:560px;}

/* ─── Filtres énergie ───────────────────────────────────────────────────────── */
.cc-energy-filters{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:10px;border-bottom:1px solid rgb(var(--cc-ink-rgb) / min(1, calc(.06 * var(--cc-ink-gain))));}
.cc-energy-filter{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid rgb(var(--cc-ink-rgb) / min(1, calc(.1 * var(--cc-ink-gain))));background:rgb(var(--cc-ink-rgb) / min(1, calc(.04 * var(--cc-ink-gain))));color:var(--cc-texteSecondaire);transition:all .15s;letter-spacing:.02em;}
.cc-energy-filter:hover{border-color:rgb(var(--cc-or-rgb) / .3);color:var(--cc-orFort);}
.cc-energy-filter.is-active{background:rgb(var(--cc-or-rgb) / .12);border-color:rgb(var(--cc-or-rgb) / .4);color:var(--cc-orFort);font-weight:800;}

/* ─── Grille table + détail ─────────────────────────────────────────────────── */
.cc-project-panel-grid{display:grid;grid-template-columns:1fr 280px;gap:12px;align-items:start;}

/* ─── Table projets ─────────────────────────────────────────────────────────── */
.cc-project-table{display:flex;flex-direction:column;gap:4px;max-height:min(62vh,640px);overflow-y:auto;padding-right:4px;scrollbar-width:thin;}
.cc-project-table::-webkit-scrollbar{width:6px;}.cc-project-table::-webkit-scrollbar-thumb{background:rgb(var(--cc-or-rgb) / .25);border-radius:3px;}
.cc-project-cell{display:flex;flex-direction:column;min-width:0;}
.cc-project-cell .cc-project-code,.cc-project-cell .cc-project-title,.cc-project-cell .cc-project-kind{display:block;}
.cc-project-cell .cc-project-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cc-project-row{display:grid;grid-template-columns:2fr 1fr 1fr 80px 100px;gap:8px;align-items:center;padding:9px 12px;border-radius:9px;border:1px solid rgb(var(--cc-ink-rgb) / min(1, calc(.06 * var(--cc-ink-gain))));background:rgb(var(--cc-ink-rgb) / min(1, calc(.03 * var(--cc-ink-gain))));cursor:pointer;color:var(--cc-texte);font:inherit;text-align:left;width:100%;transition:border-color .15s,background .15s;}
.cc-project-row:hover{border-color:rgb(var(--cc-or-rgb) / .25);background:rgb(var(--cc-or-rgb) / .04);}
.cc-project-row--head{position:sticky;top:0;z-index:1;background:var(--cc-fond);border-color:rgb(var(--cc-ink-rgb) / min(1, calc(0.62 * var(--cc-ink-gain))));cursor:default;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--cc-texteFaible);padding:6px 12px;}
.cc-project-row--head:hover{background:var(--cc-fond);border-color:rgb(var(--cc-ink-rgb) / min(1, calc(0.62 * var(--cc-ink-gain))));}
.cc-project-row--empty{display:block;padding:14px 12px;font-size:12px;color:var(--cc-texteSecondaire);cursor:default;}
.cc-project-row--empty:hover{background:transparent;}
.cc-project-code{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--cc-texteFaible);margin-bottom:2px;}
.cc-project-code--large{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--cc-texteFaible);margin-bottom:4px;}
.cc-project-title{font-size:12px;font-weight:750;color:var(--cc-texte);line-height:1.3;}
.cc-project-kind{font-size:10px;color:var(--cc-texteSecondaire);margin-top:2px;}
.cc-project-energy{font-size:11px;font-weight:700;color:var(--cc-texteSecondaire);}
.cc-project-confidence{font-size:13px;font-weight:900;color:var(--cc-orFort);font-variant-numeric:tabular-nums;}
.cc-project-arbitration{font-size:11px;font-weight:800;color:var(--cc-texte);}

/* ─── Badges éligibilité ────────────────────────────────────────────────────── */
.cc-energy-status{padding:3px 8px;border-radius:5px;font-size:10px;font-weight:800;white-space:nowrap;display:inline-block;}
.cc-energy-status--direct{background:rgb(var(--cc-confianceHaute-rgb) / .14);color:var(--cc-vert);border:1px solid rgb(var(--cc-confianceHaute-rgb) / .25);}
.cc-energy-status--probable{background:rgb(var(--cc-or-rgb) / .12);color:var(--cc-orFort);border:1px solid rgb(var(--cc-or-rgb) / .25);}
.cc-energy-status--audit{background:rgb(var(--cc-bleu-rgb) / .1);color:var(--cc-bleu);border:1px solid rgb(var(--cc-bleu-rgb) / .2);}
.cc-energy-status--outside{background:rgb(var(--cc-rouge-rgb) / .1);color:var(--cc-rouge);border:1px solid rgb(var(--cc-rouge-rgb) / .2);}
.cc-energy-status--weak{background:rgb(var(--cc-ink-rgb) / min(1, calc(.05 * var(--cc-ink-gain))));color:rgb(var(--cc-ink-rgb) / min(1, calc(0.62 * var(--cc-ink-gain))));border:1px solid rgb(var(--cc-ink-rgb) / min(1, calc(.1 * var(--cc-ink-gain))));}

/* ─── Fiche détail projet ───────────────────────────────────────────────────── */
.cc-project-detail{background:rgb(var(--cc-surface-rgb) / .9);border:1px solid rgb(var(--cc-or-rgb) / .18);border-radius:12px;padding:16px;position:sticky;top:0;}
.cc-project-detail h3{font-size:13px;font-weight:850;color:var(--cc-texte);margin:6px 0 12px;line-height:1.3;}
.cc-project-detail-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin-bottom:12px;font-size:11px;}
.cc-project-detail-grid span{color:var(--cc-texteFaible);}
.cc-project-detail-grid strong{color:var(--cc-texte);font-weight:700;}
.cc-project-detail-block{padding:10px 12px;border-radius:8px;background:rgb(var(--cc-ink-rgb) / min(1, calc(.03 * var(--cc-ink-gain))));border:1px solid rgb(var(--cc-ink-rgb) / min(1, calc(.07 * var(--cc-ink-gain))));margin-bottom:8px;}
.cc-project-detail-block b{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--cc-texteFaible);margin-bottom:4px;}
.cc-project-detail-block p{font-size:11px;color:var(--cc-texteSecondaire);margin:0;line-height:1.6;}
.cc-project-detail-block.is-warning{border-color:rgb(var(--cc-alerteRouge-rgb) / .2);background:rgb(var(--cc-alerteRouge-rgb) / .06);}
.cc-project-detail-block.is-warning b{color:var(--cc-alerteRouge);}

/* ─── Bouton CTA arbitrage ──────────────────────────────────────────────────── */
.cc-arbitrage-cta{padding:7px 16px;background:linear-gradient(135deg,var(--cc-orDoux),var(--cc-orFort));color:var(--cc-encreSurAccent);border:none;border-radius:9px;font-size:11px;font-weight:850;cursor:pointer;letter-spacing:.03em;white-space:nowrap;flex-shrink:0;}
.cc-arbitrage-cta:hover{filter:brightness(1.06);}

@media(max-width:900px){
  .cc-project-panel-grid{grid-template-columns:1fr;}
  .cc-project-row{grid-template-columns:1fr 1fr;gap:6px;}
  .cc-project-row--head{display:none;}
}

.cc-prioritization-panel{display:flex;flex-direction:column;gap:12px;}
.cc-prioritization-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;}
.cc-prioritization-header h3{font-size:14px;font-weight:800;margin:0;color:var(--cc-texte);}
.cc-prioritization-group{background:rgb(var(--cc-ink-rgb) / min(1, calc(.03 * var(--cc-ink-gain))));border:1px solid rgb(var(--cc-ink-rgb) / min(1, calc(.07 * var(--cc-ink-gain))));border-radius:12px;padding:14px;margin-bottom:10px;}
.cc-prioritization-group h4{font-size:12px;font-weight:800;color:var(--cc-texte);margin:0 0 10px;text-transform:uppercase;letter-spacing:.07em;}
.cc-prioritization-project-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:rgb(var(--cc-ink-rgb) / min(1, calc(.03 * var(--cc-ink-gain))));border:1px solid rgb(var(--cc-ink-rgb) / min(1, calc(.06 * var(--cc-ink-gain))));margin-bottom:6px;font-size:12px;}
.cc-prioritization-project-row:hover{border-color:rgb(var(--cc-or-rgb) / .2);background:rgb(var(--cc-or-rgb) / .04);}
.cc-prio-rank{width:24px;height:24px;border-radius:50%;background:rgb(var(--cc-or-rgb) / .15);border:1px solid rgb(var(--cc-or-rgb) / .3);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:var(--cc-orFort);flex-shrink:0;}
.cc-prio-name{flex:1;color:var(--cc-texte);font-weight:700;}
.cc-prio-score{font-family:ui-monospace,monospace;font-size:11px;color:var(--cc-orFort);font-weight:800;}
.cc-prio-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:750;}
.cc-prio-badge--retenu{background:rgb(var(--cc-confianceHaute-rgb) / .14);color:var(--cc-vert);}
.cc-prio-badge--fiabiliser{background:rgb(var(--cc-or-rgb) / .12);color:var(--cc-orFort);}
.cc-prio-badge--reporte{background:rgb(var(--cc-ink-rgb) / min(1, calc(.08 * var(--cc-ink-gain))));color:rgb(var(--cc-ink-rgb) / min(1, calc(0.62 * var(--cc-ink-gain))));}
.cc-ahp-matrix-cell{text-align:center;padding:6px;border:1px solid rgb(var(--cc-ink-rgb) / min(1, calc(.06 * var(--cc-ink-gain))));font-size:11px;font-weight:700;}
.cc-ahp-matrix-cell input{width:40px;text-align:center;background:rgb(var(--cc-ink-rgb) / min(1, calc(.06 * var(--cc-ink-gain))));border:1px solid rgb(var(--cc-ink-rgb) / min(1, calc(.1 * var(--cc-ink-gain))));border-radius:4px;color:var(--cc-texte);padding:3px;font-size:11px;font-weight:700;outline:none;}
.cc-ahp-cr-ok{color:var(--cc-confianceHaute);font-weight:800;}
.cc-ahp-cr-warn{color:var(--cc-alerteRouge);font-weight:800;}
.cc-prio-push-btn{padding:10px 20px;background:linear-gradient(135deg,var(--cc-orDoux),var(--cc-orFort));color:var(--cc-encreSurAccent);border:none;border-radius:10px;font-size:13px;font-weight:850;cursor:pointer;letter-spacing:.03em;}
.cc-prio-push-btn:hover{filter:brightness(1.06);}