/* CentroDolor — IA Cefalea. Prefijo cdic- (aislado de cdia- de IA Dolor). */

.cdic-root {
	--cdic-primary: #100680;
	--cdic-primary-ink: #ffffff;
	--cdic-bg: #ffffff;
	--cdic-ink: #1a1a2e;
	--cdic-muted: #6b7280;
	--cdic-border: #e5e7eb;
	--cdic-card-bg: #f9fafb;
	--cdic-danger: #b91c1c;
	--cdic-danger-bg: #fef2f2;
	--cdic-warn: #b45309;
	--cdic-warn-bg: #fffbeb;
	--cdic-ok-bg: #f0f9ff;
	max-width: 760px;
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--cdic-ink);
	line-height: 1.5;
	box-sizing: border-box;
}
.cdic-root *, .cdic-root *::before, .cdic-root *::after { box-sizing: inherit; }

@media (prefers-color-scheme: dark) {
	.cdic-root {
		--cdic-bg: #16161f;
		--cdic-ink: #eaeaf2;
		--cdic-muted: #9a9ab0;
		--cdic-border: #2c2c3a;
		--cdic-card-bg: #1d1d29;
		--cdic-danger-bg: #3a1414;
		--cdic-warn-bg: #3a2c0f;
		--cdic-ok-bg: #0f2233;
	}
}

.cdic-card {
	background: var(--cdic-card-bg);
	border: 1px solid var(--cdic-border);
	border-radius: 12px;
	padding: 1.25rem;
	margin-bottom: 1rem;
}
.cdic-title { margin: 0 0 .3rem; font-size: 1.35rem; color: var(--cdic-primary); }
.cdic-sub { margin: 0 0 .8rem; color: var(--cdic-muted); }
.cdic-h { font-weight: 700; font-size: 1.05rem; margin-bottom: .5rem; }
.cdic-muted { color: var(--cdic-muted); font-size: .92rem; }
.cdic-muted-sm { color: var(--cdic-muted); font-size: .82rem; }
.cdic-hidden { display: none !important; }

.cdic-admin-hint {
	background: var(--cdic-warn-bg); color: var(--cdic-warn);
	border: 1px solid var(--cdic-warn); border-radius: 8px;
	padding: .6rem .8rem; margin-bottom: .8rem; font-size: .88rem;
}
.cdic-ext-notice { font-size: .8rem; }

.cdic-intake-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .75rem;
	margin-bottom: .6rem;
}
.cdic-fld { display: flex; flex-direction: column; gap: .3rem; font-size: .88rem; }
.cdic-fld span { color: var(--cdic-muted); }
.cdic-fld-full { grid-column: 1 / -1; }
.cdic-fld input, .cdic-fld select, .cdic-textarea {
	font: inherit; padding: .55rem .7rem; border: 1px solid var(--cdic-border);
	border-radius: 8px; background: var(--cdic-bg); color: var(--cdic-ink); width: 100%;
}
.cdic-textarea { min-height: 8rem; resize: vertical; margin-bottom: .4rem; }

.cdic-row { display: flex; align-items: center; justify-content: space-between; gap: .6rem; flex-wrap: wrap; }
.cdic-count { color: var(--cdic-muted); font-size: .82rem; }

.cdic-btn {
	background: var(--cdic-primary); color: var(--cdic-primary-ink);
	border: none; border-radius: 8px; padding: .65rem 1.1rem;
	font: inherit; font-weight: 600; cursor: pointer;
}
.cdic-btn:hover { filter: brightness(1.08); }
.cdic-btn:disabled { opacity: .6; cursor: not-allowed; }
.cdic-btn-ghost { background: transparent; color: var(--cdic-primary); border: 1px solid var(--cdic-primary); }
.cdic-btn-sm { padding: .4rem .8rem; font-size: .88rem; }
.cdic-btn-link { background: none; border: none; color: var(--cdic-primary); text-decoration: underline; cursor: pointer; font: inherit; padding: 0; }

.cdic-intake-summary { margin-bottom: .6rem; font-size: .88rem; }

/* ── Zona de banderas rojas: persistente, fuera del flujo del chat ─────── */
.cdic-redflag-zone { display: flex; flex-direction: column; gap: .5rem; margin-bottom: .8rem; }
.cdic-rf { border-radius: 10px; padding: .75rem .9rem; border: 1px solid; }
.cdic-rf-head { font-weight: 800; letter-spacing: .02em; font-size: .78rem; text-transform: uppercase; margin-bottom: .2rem; }
.cdic-rf-label { font-weight: 700; margin-bottom: .2rem; }
.cdic-rf-msg { margin-bottom: .3rem; font-size: .92rem; }
.cdic-rf-action { font-size: .88rem; font-weight: 600; }
.cdic-rf-emergencia_inmediata { background: var(--cdic-danger-bg); border-color: var(--cdic-danger); color: var(--cdic-danger); }
.cdic-rf-evaluacion_urgente { background: var(--cdic-warn-bg); border-color: var(--cdic-warn); color: var(--cdic-warn); }
.cdic-rf-evaluacion_prioritaria { background: var(--cdic-ok-bg); border-color: var(--cdic-primary); color: var(--cdic-primary); }

/* ── Conversacion ─────────────────────────────────────────────────────── */
.cdic-convo { display: flex; flex-direction: column; gap: .6rem; margin-bottom: .8rem; max-height: 55vh; overflow-y: auto; padding-right: .2rem; }
.cdic-bubble { max-width: 85%; padding: .55rem .8rem; border-radius: 12px; }
.cdic-bubble-who { font-size: .72rem; color: var(--cdic-muted); margin-bottom: .1rem; }
.cdic-bubble-text { white-space: pre-wrap; }
.cdic-bubble-user { align-self: flex-end; background: var(--cdic-primary); color: var(--cdic-primary-ink); }
.cdic-bubble-user .cdic-bubble-who { color: rgba(255,255,255,.75); }
.cdic-bubble-bot { align-self: flex-start; background: var(--cdic-card-bg); border: 1px solid var(--cdic-border); }
.cdic-spinner {
	display: inline-block; width: .8em; height: .8em; margin-right: .4em;
	border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%;
	animation: cdic-spin .7s linear infinite; vertical-align: -.1em;
}
@keyframes cdic-spin { to { transform: rotate(360deg); } }

/* ── Preguntas Si/No (cribado, psicosocial) ───────────────────────────── */
.cdic-item { padding: .7rem 0; border-bottom: 1px solid var(--cdic-border); }
.cdic-item:last-of-type { border-bottom: none; }
.cdic-item-label { margin-bottom: .5rem; font-weight: 500; }
.cdic-item-err { outline: 2px solid var(--cdic-danger); outline-offset: 4px; border-radius: 6px; }
.cdic-opts { display: flex; gap: .5rem; flex-wrap: wrap; }
.cdic-opts-wrap { flex-wrap: wrap; }
.cdic-opt {
	background: var(--cdic-bg); border: 1px solid var(--cdic-border); border-radius: 20px;
	padding: .4rem .9rem; font: inherit; cursor: pointer; color: var(--cdic-ink);
}
.cdic-opt-on { background: var(--cdic-primary); color: var(--cdic-primary-ink); border-color: var(--cdic-primary); }
.cdic-yesno-row { gap: .6rem; }

/* ── Pregunta abierta ──────────────────────────────────────────────────── */
.cdic-qa { display: flex; gap: .5rem; flex-wrap: wrap; }
.cdic-qa-input { flex: 1 1 200px; font: inherit; padding: .6rem .8rem; border: 1px solid var(--cdic-border); border-radius: 8px; background: var(--cdic-bg); color: var(--cdic-ink); }

.cdic-error { color: var(--cdic-danger); font-weight: 600; }

/* ── Psicosocial ───────────────────────────────────────────────────────── */
.cdic-psy-panel { border-radius: 10px; padding: .75rem .9rem; margin-top: .8rem; border: 1px solid var(--cdic-border); }
.cdic-psy-head { font-weight: 700; margin-bottom: .3rem; }
.cdic-psy-alto { border-color: var(--cdic-danger); }
.cdic-psy-medio { border-color: var(--cdic-warn); }

/* ── Sintesis / diferenciales ─────────────────────────────────────────── */
.cdic-diff-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
.cdic-diff-item { border: 1px solid var(--cdic-border); border-radius: 8px; padding: .6rem .8rem; }
.cdic-diff-line { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; flex-wrap: wrap; }
.cdic-diff-dx { font-weight: 700; }
.cdic-diff-prob { font-size: .78rem; padding: .1rem .5rem; border-radius: 12px; background: var(--cdic-border); white-space: nowrap; }
.cdic-status-criteria_met .cdic-diff-prob, .cdic-status-probable .cdic-diff-prob { background: #16a34a; color: #fff; }
.cdic-status-requires_medical_exclusion .cdic-diff-prob { background: var(--cdic-danger); color: #fff; }
.cdic-status-possible .cdic-diff-prob { background: var(--cdic-warn); color: #fff; }
.cdic-diff-why { font-size: .85rem; color: var(--cdic-muted); margin-top: .2rem; }

/* ── Informe imprimible ────────────────────────────────────────────────── */
.cdic-report-doc { background: var(--cdic-bg); border: 1px solid var(--cdic-border); border-radius: 10px; padding: 1.2rem; }
.cdic-report-doc h2 { margin-top: 0; color: var(--cdic-primary); }
.cdic-report-doc h3 { margin-bottom: .3rem; border-bottom: 1px solid var(--cdic-border); padding-bottom: .2rem; }
.cdic-rep-list { padding-left: 1.2rem; }
.cdic-report-zone { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .6rem; }

.cdic-disclaimer { font-size: .8rem; color: var(--cdic-muted); border-top: 1px solid var(--cdic-border); padding-top: .6rem; margin-top: .8rem; }

/* SOLICITUD CONDENSADA 4 (Apendice ICHD-3, FASE 20): seccion deliberadamente
   NEUTRA -- paleta muted/card-bg, nunca --cdic-danger ni --cdic-warn (esos
   colores quedan reservados para alertas clinicas reales, nunca de menor
   prioridad clinica que investigacion del Apendice debe pisarlos). */
.cdic-appendix-section {
	margin-top: 1rem; padding: .9rem 1rem; border-radius: 8px;
	background: var(--cdic-card-bg); border: 1px solid var(--cdic-border);
}
.cdic-appendix-section h3 { margin-top: 0; border-bottom: 1px solid var(--cdic-border); }
.cdic-appendix-section h4 { margin: .7rem 0 .3rem; font-size: .95rem; color: var(--cdic-muted); }
.cdic-appendix-warning { font-size: .85rem; color: var(--cdic-muted); font-style: italic; }
.cdic-appendix-list { padding-left: 1.2rem; }
.cdic-appendix-footer { margin-top: .6rem; font-weight: 600; }

/* ── EVA inicial (barra de colores, igual que IA Dolor) ──────────────────── */
.cdic-fld-eva > span { font-size: .82rem; font-weight: 600; color: var(--cdic-ink); }
.cdic-eva-row { display: flex; align-items: center; gap: .6rem; margin-top: .25rem; }
.cdic-eva-out { min-width: 2.2rem; text-align: center; font-size: 1.2rem; font-weight: 700; color: var(--cdic-primary); border: 1.5px solid var(--cdic-border); border-radius: 8px; padding: .1rem .4rem; }
.cdic-eva-labels { display: flex; justify-content: space-between; font-size: .72rem; color: var(--cdic-muted); margin-top: .1rem; }
.cdic-root input[type="range"].cdic-in-eva {
	-webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
	width: 100% !important; height: 14px !important; padding: 0 !important; border: 0 !important;
	border-radius: 8px !important; outline: none !important; cursor: pointer;
	background: linear-gradient(to right, #15a34a 0%, #84cc16 28%, #facc15 52%, #f97316 76%, #dc2626 100%) !important;
}
.cdic-root input[type="range"].cdic-in-eva::-webkit-slider-runnable-track {
	-webkit-appearance: none; height: 14px; border-radius: 8px; background: transparent; border: 0;
}
.cdic-root input[type="range"].cdic-in-eva::-webkit-slider-thumb {
	-webkit-appearance: none !important; appearance: none !important; margin-top: -5px;
	width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 3px solid var(--cdic-primary);
	cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.cdic-root input[type="range"].cdic-in-eva::-moz-range-track {
	height: 14px; border-radius: 8px; border: 0;
	background: linear-gradient(to right, #15a34a, #84cc16, #facc15, #f97316, #dc2626);
}
.cdic-root input[type="range"].cdic-in-eva::-moz-range-thumb {
	width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 3px solid var(--cdic-primary); cursor: pointer;
}

/* ── Motor conversacional dirigido por LLM (arquitectura tipo IA DOLOR) ──── */

/* Diferencial narrativo (fundamento/a favor/en contra/discriminador) --
   distinto de .cdic-diff-item (matriz determinista, ver mas abajo en
   .cdic-tech-detail): mismo espiritu visual pero con mas texto libre. */
.cdic-narr-diff-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .6rem; }
.cdic-narr-diff { border: 1px solid var(--cdic-border); border-left-width: 4px; border-radius: 8px; padding: .65rem .85rem; }
.cdic-narr-diff-head { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; flex-wrap: wrap; }
.cdic-narr-diff-dx, .cdic-narr-diff-head strong { font-weight: 700; }
.cdic-narr-diff-prob { font-size: .78rem; padding: .1rem .5rem; border-radius: 12px; background: var(--cdic-border); white-space: nowrap; }
.cdic-narr-diff-fund { margin: .35rem 0; }
.cdic-narr-diff p { margin: .35rem 0; }
.cdic-narr-diff-favor, .cdic-narr-diff-contra, .cdic-narr-diff-disc { font-size: .85rem; color: var(--cdic-muted); margin-top: .15rem; }
.cdic-narr-diff-alta { border-left-color: #16a34a; }
.cdic-narr-diff-alta .cdic-narr-diff-prob { background: #16a34a; color: #fff; }
.cdic-narr-diff-media { border-left-color: var(--cdic-warn); }
.cdic-narr-diff-media .cdic-narr-diff-prob { background: var(--cdic-warn); color: #fff; }
.cdic-narr-diff-baja { border-left-color: var(--cdic-border); }

.cdic-rep-anamnesis li { margin-bottom: .5rem; }

/* Detalle tecnico (criterios ICHD-3, matriz determinista): seccion
   SECUNDARIA plegable -- decision del usuario tras ver el informe generico
   anterior, prosa narrativa primero. Paleta neutra, nunca compite
   visualmente con la impresion clinica ni con las alertas. */
.cdic-tech-detail {
	margin-top: 1.2rem; padding: .9rem 1rem; border-radius: 8px;
	background: var(--cdic-card-bg); border: 1px solid var(--cdic-border);
}
.cdic-tech-detail summary {
	cursor: pointer; font-weight: 700; color: var(--cdic-muted); list-style: revert;
}
.cdic-tech-detail summary:hover { color: var(--cdic-ink); }
.cdic-tech-detail h3 { margin: .8rem 0 .3rem; font-size: 1rem; border-bottom: 1px solid var(--cdic-border); padding-bottom: .2rem; }
.cdic-tech-detail h3:first-of-type { margin-top: .7rem; }
.cdic-tech-detail h4 { margin: .7rem 0 .3rem; font-size: .9rem; }
.cdic-tech-detail .cdic-appendix-section { margin-left: 0; margin-right: 0; }

/* Escala de cefalea intercalada (HIT-6/MIDAS, plugin centrodolor-escalas) */
.cdic-scale-card { }
.cdic-scale-skip { display: block; margin: .3rem 0 .8rem; font-size: .85rem; }
.cdic-scale-form { display: flex; flex-direction: column; gap: .2rem; }
.cdic-scale-instr { color: var(--cdic-muted); font-size: .88rem; margin-bottom: .3rem; }
.cdic-slider-row { display: flex; align-items: center; gap: .6rem; }
.cdic-slider { flex: 1; }
.cdic-num { min-width: 2.2em; text-align: right; font-weight: 700; }
.cdic-range-lbl { display: flex; justify-content: space-between; font-size: .78rem; color: var(--cdic-muted); margin-top: -.1rem; }
.cdic-scale-result { margin-top: .6rem; }
.cdic-scale-result-in { border-left: 4px solid var(--cdic-primary); padding: .6rem .8rem; border-radius: 6px; background: var(--cdic-bg); }
.cdic-scale-result-level { font-weight: 700; margin-bottom: .2rem; }
.cdic-scale-result-score { margin-bottom: .2rem; }
.cdic-scale-result-note { font-size: .82rem; color: var(--cdic-muted); margin-top: .3rem; }

/* ── Bibliografía académica bajo demanda (igual que IA DOLOR) ────────────── */
.cdic-web-panel { border: 1px solid var(--cdic-border); border-left: 4px solid #0b7285; border-radius: 10px; padding: .9rem 1.1rem; background: #f3fafb; }
.cdic-web-head { font-weight: 700; color: #0b5562; font-size: .95rem; margin-bottom: .5rem; }
.cdic-web-query { font-size: .78rem; color: #5a6e75; margin-bottom: .6rem; }
.cdic-web-query code { background: #e2eef0; border-radius: 4px; padding: 1px 5px; font-size: .76rem; word-break: break-all; }
.cdic-web-empty { font-size: .88rem; color: #5a6e75; margin: .4rem 0 .8rem; }
.cdic-web-empty a { color: var(--cdic-primary); }

.cdic-ref-section-label { font-weight: 600; font-size: .82rem; letter-spacing: .04em; text-transform: uppercase; color: #0b5562; margin: .8rem 0 .4rem; border-bottom: 1px solid var(--cdic-border); padding-bottom: .25rem; }
.cdic-ref-section-secondary { color: #6a7a80; margin-top: 1rem; }

.cdic-ref-list { margin: 0; padding-left: 1.3rem; }
.cdic-ref-item { margin-bottom: .95rem; line-height: 1.5; }
.cdic-ref-item--secondary { list-style: disc; margin-bottom: .55rem; }
.cdic-ref-title { color: var(--cdic-primary); font-weight: 600; font-size: .9rem; }
.cdic-ref-meta { font-size: .8rem; color: #4a5b62; margin-top: .12rem; }
.cdic-ref-authors { font-weight: 600; }
.cdic-ref-id { font-family: monospace; font-size: .78rem; }

.cdic-web-snip { font-size: .82rem; color: #4a5b62; margin-top: .2rem; line-height: 1.45; }

.cdic-evbadge { display: inline-block; font-size: .7rem; font-weight: 700; padding: 1px 6px; border-radius: 4px; vertical-align: middle; margin: 0 3px 2px 0; background: #d0e8ee; color: #0b5562; }
.cdic-evbadge--guideline              { background: #c6f0d4; color: #15692a; }
.cdic-evbadge--cochrane_review        { background: #b8e8ff; color: #0c5070; }
.cdic-evbadge--systematic_review      { background: #c8e0ff; color: #1a3f80; }
.cdic-evbadge--meta_analysis          { background: #c8e0ff; color: #1a3f80; }
.cdic-evbadge--rct                    { background: #dde8ff; color: #2a4090; }
.cdic-evbadge--international_consensus{ background: #e8d8f8; color: #55208a; }
.cdic-evbadge--observational_indexed  { background: #f0e8c8; color: #6a5010; }
.cdic-evbadge--narrative_review       { background: #f5f0d8; color: #7a6018; }
.cdic-evbadge--professional_manual    { background: #f0ead8; color: #6a5820; }
.cdic-evbadge--secondary              { background: #eaeaea; color: #666; }

.cdic-verif { font-size: .75rem; margin-top: .15rem; padding: 2px 0 2px 6px; border-left: 2px solid #ccc; }
.cdic-verif--ok { color: #15692a; border-color: #4caf50; }
.cdic-verif--incomplete { color: #9a3a00; border-color: #ff8c00; }

.cdic-ref-relevancia { font-size: .8rem; color: #0b5562; background: #e7f4f5; border-radius: 6px; padding: .3rem .5rem; margin-top: .3rem; }

.cdic-web-foot { font-size: .75rem; color: #6a7a80; margin-top: .75rem; font-style: italic; border-top: 1px dashed var(--cdic-border); padding-top: .5rem; }

/* Modal generico ("ventana" aparte) -- bibliografia a pedido. */
.cdic-modal-overlay {
	position: fixed; inset: 0; background: rgba(10, 20, 25, .55);
	display: flex; align-items: center; justify-content: center;
	z-index: 100000; padding: 1rem;
}
.cdic-modal {
	background: #fff; border-radius: 12px; max-width: 720px; width: 100%;
	max-height: 88vh; display: flex; flex-direction: column;
	box-shadow: 0 12px 40px rgba(0, 0, 0, .28);
}
.cdic-modal-head {
	display: flex; align-items: center; justify-content: space-between;
	padding: .8rem 1.1rem; border-bottom: 1px solid var(--cdic-border);
}
.cdic-modal-title { font-weight: 700; color: #0b5562; font-size: 1rem; }
.cdic-modal-close {
	border: none; background: transparent; font-size: 1.4rem; line-height: 1;
	color: #6a7a80; cursor: pointer; padding: .1rem .4rem; border-radius: 6px;
}
.cdic-modal-close:hover { background: #f0f0f0; color: #222; }
.cdic-modal-body { padding: 1rem 1.1rem; overflow-y: auto; }
@media (prefers-color-scheme: dark) {
	.cdic-modal { background: #1b2326; }
	.cdic-modal-head { border-bottom-color: #33403f; }
	.cdic-modal-close:hover { background: #2a3538; color: #eee; }
}

/* Atlas de superficie (cabeza/cuello, opcional) -- reutiliza el motor
   CDIC_SurfaceAtlas (atlas-surface.css trae los estilos .aas-*; aqui solo se
   ajusta la altura del visor y la ficha de sugerencia propia de CEFALEA). */
.cdic-atlas-step .cdic-atlas-host { margin: .6rem 0 .8rem; }
.cdic-atlas-step .aas-atlas { --aas-view-height: 380px; }
.cdic-atlas-hint {
	margin: .4rem 0 .8rem; padding: .7rem .9rem; border-radius: 8px;
	background: var(--cdic-card-bg); border: 1px solid var(--cdic-border);
}
.cdic-atlas-hint-region { font-weight: 600; margin-bottom: .2rem; }
.cdic-atlas-note { font-style: italic; margin-top: .3rem; }

@media print {
	.cdic-convo, .cdic-redflag-zone, .cdic-report-zone, .cdic-disclaimer { display: none !important; }
	.cdic-report-doc { border: none; }
}

@media (max-width: 640px) {
	.cdic-intake-grid { grid-template-columns: 1fr; }
	.cdic-convo { max-height: 45vh; }
	.cdic-bubble { max-width: 92%; }
}