/* Conjonctivite allergique — Sprint 12 P4d */
.conjonctivite-page .conj-card {
    border: 1px solid var(--prn-line);
    border-radius: 12px;
    padding: 1rem;
    margin: 0.75rem 0;
    background: var(--prn-bg);
}
.conjonctivite-page .conj-card h3 { margin: 0 0 0.6rem; font-size: 1rem; }
.conjonctivite-page .conj-card p { margin: 0.3rem 0; line-height: 1.55; }
.conjonctivite-page .conj-card ul { margin: 0.3rem 0; padding-left: 1.3rem; line-height: 1.6; }
.conjonctivite-page .conj-card-warn    { border-left: 4px solid #d97706; background: #fff8e1; }
.conjonctivite-page .conj-card-redflag { border-left: 4px solid #b00020; background: #fff3f3; }

.conjonctivite-page .conj-ack {
    display: flex; align-items: flex-start; gap: 0.6rem;
    padding: 0.7rem 0.9rem;
    border: 2px solid var(--logo-teal);
    border-radius: 10px;
    margin-top: 0.8rem;
    cursor: pointer;
    background: var(--prn-teal-light);
}
.conjonctivite-page .conj-ack input { margin-top: 0.2rem; transform: scale(1.2); }
.conjonctivite-page .conj-ack span { font-weight: 600; }

.conjonctivite-page .conj-ci {
    border: 1px solid var(--prn-line);
    border-radius: 12px;
    padding: 0.9rem 1rem;
    background: var(--prn-bg);
}
.conjonctivite-page .conj-ci legend { font-weight: 700; padding: 0 0.4rem; }
.conjonctivite-page .conj-ci-grid { display: flex; flex-direction: column; gap: 0.4rem; margin-top: 0.5rem; }
.conjonctivite-page .conj-ci-chip {
    appearance: none;
    border: 1px solid var(--prn-line);
    background: var(--prn-surface);
    color: var(--prn-ink);
    padding: 0.55rem 0.85rem;
    border-radius: 10px;
    font: inherit; font-size: 0.9rem;
    cursor: pointer;
    display: flex; justify-content: space-between; align-items: center; gap: 0.5rem;
}
.conjonctivite-page .conj-ci-chip.is-selected {
    background: var(--prn-teal-light);
    border-color: var(--logo-teal);
    color: var(--prn-teal-strong);
}
.conjonctivite-page .conj-sev {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.7rem; font-weight: 700; text-transform: uppercase;
    flex-shrink: 0;
}
.conjonctivite-page .conj-sev-absolute { background: #fff3f3; color: #b00020; }
.conjonctivite-page .conj-sev-avoid    { background: #fff8e1; color: #b15a00; }

.conjonctivite-page .conj-list { list-style: none; padding: 0; margin: 0.75rem 0; }
.conjonctivite-page .conj-row {
    appearance: none;
    width: 100%; text-align: left;
    border: 1px solid var(--prn-line);
    background: var(--prn-bg);
    color: var(--prn-ink);
    padding: 0.9rem 1rem;
    border-radius: 12px;
    font: inherit; cursor: pointer;
    margin-bottom: 0.55rem;
}
.conjonctivite-page .conj-row:hover:not(:disabled),
.conjonctivite-page .conj-row:focus-visible {
    border-color: var(--logo-teal);
    outline: 2px solid var(--logo-teal); outline-offset: 1px;
}
.conjonctivite-page .conj-row.is-selected {
    background: var(--prn-teal-light);
    border-color: var(--logo-teal);
}
.conjonctivite-page .conj-row.conj-blocked {
    opacity: 0.55; cursor: not-allowed; background: var(--prn-surface);
}
.conjonctivite-page .conj-head { display: flex; justify-content: space-between; align-items: center; gap: 0.6rem; margin-bottom: 0.4rem; }
.conjonctivite-page .conj-head h3 { margin: 0; font-size: 1rem; }
.conjonctivite-page .conj-line {
    display: inline-block;
    padding: 0.12rem 0.55rem;
    border-radius: 999px;
    font-size: 0.7rem; font-weight: 700;
    background: var(--prn-teal-light);
    color: var(--prn-teal-strong);
}
.conjonctivite-page .conj-class { font-size: 0.85rem; color: var(--prn-muted); margin: 0.2rem 0; }
.conjonctivite-page .conj-onset { font-size: 0.82rem; color: var(--prn-muted); margin: 0.3rem 0; }
.conjonctivite-page .conj-note  { font-size: 0.82rem; color: #b15a00; font-style: italic; }
.conjonctivite-page .conj-blocked-msg { color: #b00020; font-size: 0.88rem; margin: 0.3rem 0 0; }
.conjonctivite-page .conj-sources { font-size: 0.85rem; color: var(--prn-muted); }

[data-theme="dark"] .conjonctivite-page .conj-card-warn    { background: #2a230f; color: #ffe6c4; }
[data-theme="dark"] .conjonctivite-page .conj-card-redflag { background: #2a1414; color: #ffe7e7; border-left-color: #ff8a8a; }
[data-theme="dark"] .conjonctivite-page .conj-sev-absolute { background: #2a1414; color: #ff8a8a; }
[data-theme="dark"] .conjonctivite-page .conj-sev-avoid    { background: #2a230f; color: #ffc774; }
[data-theme="dark"] .conjonctivite-page .conj-note         { color: #ffc774; }
[data-theme="dark"] .conjonctivite-page .conj-blocked-msg  { color: #ff8a8a; }

/* Standardisation HTA (2026-07) — éditeur d'ordonnance partagé (cons-ui.js).
   La section .prn-rx-editor est émise avec la classe .cons-card (stylée sous
   .cons-page seulement) : reprendre ici l'habillage des .conj-card. */
.conjonctivite-page .prn-rx-editor {
    border: 1px solid var(--prn-line);
    border-radius: 12px;
    padding: 1rem;
    margin: 0.75rem 0;
    background: var(--prn-bg);
    border-left: 4px solid var(--logo-teal);
}
.conjonctivite-page .prn-rx-editor h3 { margin: 0 0 0.6rem; font-size: 1rem; }