/* 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 rgba(255,255,255,.06);}
.cc-energy-filter{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--cc-texteSecondaire);transition:all .15s;letter-spacing:.02em;}
.cc-energy-filter:hover{border-color:rgba(214,169,79,.3);color:var(--cc-orFort);}
.cc-energy-filter.is-active{background:rgba(214,169,79,.12);border-color:rgba(214,169,79,.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;}
.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 rgba(255,255,255,.06);background:rgba(255,255,255,.03);cursor:pointer;transition:border-color .15s,background .15s;}
.cc-project-row:hover{border-color:rgba(214,169,79,.25);background:rgba(214,169,79,.04);}
.cc-project-row--head{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.04);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:rgba(255,255,255,.02);border-color:rgba(255,255,255,.04);}
.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:rgba(66,166,106,.14);color:#4ade80;border:1px solid rgba(66,166,106,.25);}
.cc-energy-status--probable{background:rgba(214,169,79,.12);color:var(--cc-orFort);border:1px solid rgba(214,169,79,.25);}
.cc-energy-status--audit{background:rgba(96,165,250,.1);color:#60a5fa;border:1px solid rgba(96,165,250,.2);}
.cc-energy-status--outside{background:rgba(248,113,113,.1);color:#f87171;border:1px solid rgba(248,113,113,.2);}
.cc-energy-status--weak{background:rgba(255,255,255,.05);color:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.1);}

/* ─── Fiche détail projet ───────────────────────────────────────────────────── */
.cc-project-detail{background:rgba(7,14,24,.9);border:1px solid rgba(214,169,79,.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:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);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:rgba(240,107,94,.2);background:rgba(240,107,94,.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,#A9792C,var(--cc-orFort));color:#0E0B06;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:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);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:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);margin-bottom:6px;font-size:12px;}
.cc-prioritization-project-row:hover{border-color:rgba(214,169,79,.2);background:rgba(214,169,79,.04);}
.cc-prio-rank{width:24px;height:24px;border-radius:50%;background:rgba(214,169,79,.15);border:1px solid rgba(214,169,79,.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:rgba(66,166,106,.14);color:#4ade80;}
.cc-prio-badge--fiabiliser{background:rgba(214,169,79,.12);color:var(--cc-orFort);}
.cc-prio-badge--reporte{background:rgba(180,180,180,.08);color:rgba(255,255,255,.45);}
.cc-ahp-matrix-cell{text-align:center;padding:6px;border:1px solid rgba(255,255,255,.06);font-size:11px;font-weight:700;}
.cc-ahp-matrix-cell input{width:40px;text-align:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);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,#A9792C,var(--cc-orFort));color:#0E0B06;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);}