/* Sistema HC - Planta Marecuador */
:root {
    --hc-primario: #0d6e6e;
    --hc-oscuro: #094f4f;
}

body { background: #f4f7f6; }

.navbar-hc { background: var(--hc-primario); }
.navbar-hc .navbar-brand, .navbar-hc .nav-link { color: #fff !important; }
.navbar-hc .nav-link.active { font-weight: 600; text-decoration: underline; }

.card-hc { border: none; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.card-hc .card-header { background: var(--hc-primario); color: #fff; border-radius: 10px 10px 0 0; }

.btn-hc { background: var(--hc-primario); color: #fff; }
.btn-hc:hover { background: var(--hc-oscuro); color: #fff; }

/* ===== Autocomplete CIE-10 ===== */
.cie10-wrapper { position: relative; }

.cie10-dropdown {
    display: none;
    position: absolute;
    top: 100%; left: 0; right: 0;
    z-index: 1050;
    background: #fff;
    border: 1px solid #ced4da;
    border-top: none;
    border-radius: 0 0 8px 8px;
    max-height: 320px;
    overflow-y: auto;
    box-shadow: 0 6px 16px rgba(0,0,0,.15);
}
.cie10-dropdown.abierto { display: block; }

.cie10-item {
    display: flex;
    gap: 10px;
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    align-items: baseline;
}
.cie10-item:hover, .cie10-item.activo { background: #e6f4f4; }

.cie10-codigo {
    font-family: 'Courier New', monospace;
    font-weight: 700;
    color: var(--hc-primario);
    white-space: nowrap;
    min-width: 62px;
}
.cie10-desc { font-size: .92rem; color: #333; }
.cie10-vacio { padding: 10px 12px; color: #888; font-style: italic; }

/* Autocomplete de pacientes reutiliza los mismos estilos */
.badge-area { background: #e6f4f4; color: var(--hc-oscuro); }