/* Patrithèque Centaure — palette navy #1B3A6B / gold #B8932F */
.ci-pat { --navy:#1B3A6B; --gold:#B8932F; --cream:#F7F4E9; --gris:#5c6373; --alert:#A32020;
  font-family:Arial,Helvetica,sans-serif; color:#1f1f1f; max-width:900px; margin:0 auto; }

.ci-pat-entete h2 { color:var(--navy); font-size:26px; margin:0 0 6px; }
.ci-pat-sous { color:var(--gris); font-size:14px; margin:0 0 20px; }

.ci-pat-barre { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.ci-pat-barre input[type=search] { flex:1 1 320px; padding:11px 14px; border:1px solid #ccd2dd;
  border-radius:8px; font-size:15px; }
.ci-pat-barre input[type=search]:focus { outline:none; border-color:var(--navy); box-shadow:0 0 0 3px rgba(27,58,107,.12); }
.ci-pat-barre select { padding:11px 12px; border:1px solid #ccd2dd; border-radius:8px; font-size:14px; background:#fff; }
.ci-pat-barre button { padding:11px 20px; border:0; border-radius:8px; background:var(--navy); color:#fff;
  font-weight:700; font-size:14px; cursor:pointer; }
.ci-pat-barre button:hover { background:#152f57; }
.ci-pat-barre button.ci-pat-ia { background:var(--gold); }
.ci-pat-barre button.ci-pat-ia:hover { background:#9d7d26; }

.ci-pat-etat { padding:10px 14px; border-radius:8px; background:var(--cream); color:var(--gris);
  font-size:14px; margin-bottom:14px; }
.ci-pat-etat.alert { background:#fdf0f0; color:var(--alert); font-weight:600; }

.ci-pat-reponse { border:1px solid #e2e6ee; border-left:4px solid var(--gold); border-radius:10px;
  padding:20px 24px; background:#fff; margin-bottom:22px; }
.ci-pat-rep-corps { font-size:15px; line-height:1.65; }
.ci-pat-rep-sources { margin-top:18px; padding-top:14px; border-top:1px solid #eceff5; font-size:14px; }
.ci-pat-rep-sources ul { list-style:none; padding:0; margin:8px 0 0; }
.ci-pat-rep-sources li { padding:4px 0; }
.ci-pat-avert { margin:16px 0 0; font-size:12px; color:var(--gris); font-style:italic; line-height:1.5; }

.ci-pat-compte { font-size:13px; color:var(--gris); margin:0 0 10px; }
.ci-pat-vide { padding:24px; background:var(--cream); border-radius:8px; color:var(--gris); }

.ci-pat-carte { border:1px solid #e2e6ee; border-radius:10px; padding:14px 18px; margin-bottom:10px;
  cursor:pointer; transition:border-color .15s, box-shadow .15s; background:#fff; }
.ci-pat-carte:hover { border-color:var(--navy); box-shadow:0 2px 10px rgba(27,58,107,.09); }
.ci-pat-carte-tete { display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.ci-pat-carte code { background:var(--cream); color:var(--navy); padding:2px 8px; border-radius:4px;
  font-size:12px; font-weight:700; }
.ci-pat-carte h3 { margin:0 0 4px; font-size:17px; color:var(--navy); }
.ci-pat-meta { margin:0; font-size:13px; color:var(--gris); }

.ci-pat-badge { font-size:11px; font-weight:700; padding:2px 8px; border-radius:20px; text-transform:uppercase;
  letter-spacing:.03em; }
.ci-pat-badge.ok { background:#e8f4ec; color:#1B7F3B; }
.ci-pat-badge.warn { background:#fdf6e3; color:#8a6d1f; }
.ci-pat-badge.alert { background:#fdf0f0; color:var(--alert); }

.ci-pat-detail { border:1px solid #e2e6ee; border-radius:10px; padding:26px 30px; background:#fff; margin-top:20px; }
.ci-pat-fermer { float:right; border:1px solid #ccd2dd; background:#fff; border-radius:6px; padding:6px 14px;
  cursor:pointer; font-size:13px; color:var(--gris); }
.ci-pat-fiche-tete { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.ci-pat-fiche-tete code { background:var(--cream); color:var(--navy); padding:3px 10px; border-radius:4px;
  font-size:13px; font-weight:700; }
.ci-pat-detail h2 { color:var(--navy); margin:0 0 6px; font-size:24px; }
.ci-pat-rub { margin-top:20px; }
.ci-pat-rub h4 { color:var(--gold); font-size:15px; margin:0 0 6px; text-transform:uppercase; letter-spacing:.04em; }
.ci-pat-rub div { font-size:15px; line-height:1.65; }
.ci-pat-sources div { font-size:13px; color:var(--gris); }

.ci-pat-msg { padding:20px; background:#F7F4E9; border-radius:8px; color:#5c6373;
  font-family:Arial,Helvetica,sans-serif; }

@media (max-width:600px) {
  .ci-pat-barre { flex-direction:column; }
  .ci-pat-barre button { width:100%; }
  .ci-pat-detail { padding:18px; }
}