/* ColConnect — Litige & AAA · Design premium scoped
   Toutes les classes préfixées .cc-lit- · aucun conflit avec le design system existant */

/* ─── Chargement IA ─────────────────────────────────────────────────────── */
.cc-lit-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:36px 20px;background:rgba(5,10,18,.82);border:1px solid rgba(214,169,79,.18);border-radius:14px;}
.cc-lit-spinner{width:44px;height:44px;border:3px solid rgba(214,169,79,.12);border-top-color:var(--cc-orFort);border-radius:50%;animation:cc-lit-spin .72s linear infinite;}
@keyframes cc-lit-spin{to{transform:rotate(360deg)}}
.cc-lit-loading-txt{font-size:13px;font-weight:800;color:var(--cc-texte);letter-spacing:.02em;}
.cc-lit-loading-sub{font-size:11px;color:var(--cc-texteSecondaire);}

/* ─── En-tête de dossier ────────────────────────────────────────────────── */
.cc-lit-case-hdr{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 18px;background:linear-gradient(135deg,rgba(15,27,44,.97),rgba(9,18,30,.94));border:1px solid rgba(214,169,79,.24);border-radius:12px 12px 0 0;}
.cc-lit-case-id{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.32);margin-bottom:4px;}
.cc-lit-case-title{font-size:14px;font-weight:850;color:var(--cc-texte);letter-spacing:-.02em;margin-bottom:6px;line-height:1.3;}
.cc-lit-case-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.cc-lit-case-meta-item{font-size:11px;color:var(--cc-texteSecondaire);display:flex;align-items:center;gap:4px;}
.cc-lit-case-meta-item strong{color:var(--cc-texte);font-weight:700;}
.cc-lit-exposure{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:800;background:rgba(240,107,94,.12);border:1px solid rgba(240,107,94,.3);color:var(--cc-alerteRouge);white-space:nowrap;}

/* ─── Corps résultat ────────────────────────────────────────────────────── */
.cc-lit-result-body{padding:16px 18px;background:rgba(7,14,24,.9);border:1px solid rgba(214,169,79,.18);border-top:none;border-radius:0 0 12px 12px;display:flex;flex-direction:column;gap:14px;}

/* ─── Recommandation ────────────────────────────────────────────────────── */
.cc-lit-reco{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;background:rgba(66,166,106,.08);border:1px solid rgba(66,166,106,.26);border-radius:10px;}
.cc-lit-reco-icon{font-size:20px;flex-shrink:0;margin-top:2px;}
.cc-lit-reco-title{font-size:12px;font-weight:850;color:#4ade80;margin-bottom:4px;letter-spacing:-.01em;}
.cc-lit-reco-body{font-size:12px;color:var(--cc-texteSecondaire);line-height:1.65;}
.cc-lit-reco-action{margin-top:6px;font-size:11px;color:rgba(255,255,255,.4);}
.cc-lit-reco-action strong{color:#4ade80;}

/* ─── Grille scénarios ──────────────────────────────────────────────────── */
.cc-lit-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.cc-lit-sc-card{padding:14px 13px;border-radius:10px;background:rgba(13,24,38,.75);border:1px solid rgba(255,255,255,.07);position:relative;transition:border-color .2s;}
.cc-lit-sc-card.is-reco{border-color:rgba(66,166,106,.32);background:linear-gradient(160deg,rgba(13,24,38,.85),rgba(66,166,106,.04));}
.cc-lit-sc-tag{position:absolute;top:-1px;right:11px;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;padding:3px 7px;border-radius:0 0 6px 6px;background:#4ade80;color:#020912;}
.cc-lit-sc-type{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.3);margin-bottom:5px;}
.cc-lit-sc-name{font-size:13px;font-weight:850;color:var(--cc-texte);margin-bottom:9px;letter-spacing:-.01em;}
.cc-lit-prob-pct{font-size:28px;font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:2px;}
.cc-lit-prob-label{font-size:10px;color:rgba(255,255,255,.38);margin-bottom:8px;}
.cc-lit-prob-track{height:5px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden;margin-bottom:10px;}
.cc-lit-prob-fill{height:100%;border-radius:3px;width:0;transition:width 1.1s cubic-bezier(.22,1,.36,1);}
.cc-lit-sc-row{display:flex;justify-content:space-between;font-size:10px;color:rgba(255,255,255,.4);margin-bottom:4px;}
.cc-lit-sc-row strong{color:var(--cc-texteSecondaire);font-weight:700;}

/* ─── Timeline procédurale ──────────────────────────────────────────────── */
.cc-lit-timeline-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.3);margin-bottom:10px;}
.cc-lit-timeline{display:flex;align-items:flex-start;position:relative;}
.cc-lit-timeline::before{content:'';position:absolute;top:13px;left:0;right:0;height:2px;background:rgba(214,169,79,.2);}
.cc-lit-tstep{flex:1;text-align:center;position:relative;z-index:1;}
.cc-lit-tstep-dot{width:28px;height:28px;border-radius:50%;margin:0 auto 7px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;}
.cc-lit-tstep-dot.is-done{background:#4ade80;color:#020912;}
.cc-lit-tstep-dot.is-active{background:var(--cc-orFort);color:#020912;box-shadow:0 0 16px rgba(214,169,79,.4);}
.cc-lit-tstep-dot.is-idle{background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.14);color:rgba(255,255,255,.3);}
.cc-lit-tstep-lbl{font-size:10px;font-weight:700;}
.cc-lit-tstep-lbl.is-done{color:var(--cc-texteSecondaire);}
.cc-lit-tstep-lbl.is-active{color:var(--cc-orFort);}
.cc-lit-tstep-lbl.is-idle{color:rgba(255,255,255,.28);}

/* ─── Fondement factuel ─────────────────────────────────────────────────── */
.cc-lit-facts-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.3);margin-bottom:8px;}
.cc-lit-fact-row{display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);}
.cc-lit-fact-row:last-child{border-bottom:none;}
.cc-lit-fact-ico{flex-shrink:0;font-size:13px;margin-top:1px;}
.cc-lit-fact-txt{flex:1;color:rgba(255,255,255,.58);line-height:1.55;font-size:11px;}
.cc-lit-fact-txt strong{color:var(--cc-texte);font-weight:700;}
.cc-lit-fact-src{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.32);white-space:nowrap;flex-shrink:0;}

/* ─── Projet de sentence ────────────────────────────────────────────────── */
.cc-lit-award{border:1px solid rgba(214,169,79,.22);border-radius:10px;overflow:hidden;}
.cc-lit-award-head{padding:10px 14px;background:rgba(214,169,79,.07);border-bottom:1px solid rgba(214,169,79,.18);display:flex;align-items:center;justify-content:space-between;}
.cc-lit-award-head-title{font-size:11px;font-weight:850;color:var(--cc-orFort);}
.cc-lit-award-head-sub{font-size:9px;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.08em;}
.cc-lit-award-body{padding:12px 14px;font-size:11px;color:rgba(255,255,255,.52);line-height:1.72;}
.cc-lit-award-body em{color:var(--cc-texte);font-style:normal;font-weight:700;}

/* ─── Boutons premium ───────────────────────────────────────────────────── */
.cc-lit-result-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);}
.cc-lit-btn{padding:7px 15px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer;border:1px solid;transition:all .18s;font-family:inherit;letter-spacing:.02em;}
.cc-lit-btn--primary{background:linear-gradient(135deg,#A9792C,var(--cc-orFort));color:#0E0B06;border-color:rgba(229,185,94,.7);}
.cc-lit-btn--primary:hover{filter:brightness(1.08);}
.cc-lit-btn--ghost{background:rgba(255,255,255,.04);color:var(--cc-texteSecondaire);border-color:rgba(255,255,255,.1);}
.cc-lit-btn--ghost:hover{background:rgba(255,255,255,.08);color:var(--cc-texte);border-color:rgba(255,255,255,.18);}
.cc-lit-btn--close{margin-left:auto;background:transparent;color:rgba(255,255,255,.28);border-color:rgba(255,255,255,.07);}
.cc-lit-btn--close:hover{color:var(--cc-texteSecondaire);border-color:rgba(255,255,255,.15);}

/* ─── Mention légale ────────────────────────────────────────────────────── */
.cc-lit-disclaimer{font-size:10px;color:rgba(255,255,255,.28);line-height:1.55;padding:8px 10px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:7px;}