/* PubMed Research Reference — Frontend v2 */

/* ===== MEDICAL REVIEWER BOX (#3) ===== */
.prr-reviewer-box {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px;
    margin: 30px 0 10px; padding: 14px 18px;
    background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.prr-reviewer-badge {
    font-size: 12px; font-weight: 700; color: #166534;
    background: #dcfce7; padding: 3px 10px; border-radius: 4px;
}
.prr-reviewer-info { font-size: 14px; color: #374151; }
.prr-reviewer-label { color: #6b7280; }
.prr-reviewer-name { font-weight: 700; color: #1a202c; text-decoration: none; }
a.prr-reviewer-name:hover { text-decoration: underline; color: #2563eb; }
.prr-reviewer-creds { color: #6b7280; }
.prr-review-date { font-size: 12px; color: #9ca3af; }

/* ===== REFERENCES SECTION ===== */
.prr-references-section {
    margin: 20px 0; padding: 28px 24px;
    background: #f8fafb; border: 1px solid #e2e8f0; border-radius: 8px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.prr-references-header { margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #e2e8f0; }
.prr-references-title { font-size: 18px; font-weight: 700; color: #1a202c; margin: 0 0 6px; }
.prr-icon { margin-right: 4px; }
.prr-references-subtitle { font-size: 13px; color: #718096; margin: 0; line-height: 1.5; }
.prr-refs-updated { display: block; margin-top: 4px; font-size: 12px; color: #a0aec0; }

.prr-references-list { display: flex; flex-direction: column; gap: 16px; }

/* Evidence Badges (frontend) */
.prr-evidence-badge {
    display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.5px; padding: 2px 8px; border-radius: 3px; margin-bottom: 6px;
}
.prr-ev-green  { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.prr-ev-blue   { background: #dbeafe; color: #1e40af; border: 1px solid #bfdbfe; }
.prr-ev-yellow { background: #fef9c3; color: #854d0e; border: 1px solid #fef08a; }
.prr-ev-gray   { background: #f3f4f6; color: #4b5563; border: 1px solid #e5e7eb; }

/* Card Style */
.prr-style-card .prr-reference-item {
    display: flex; gap: 14px; padding: 16px;
    background: #fff; border: 1px solid #e2e8f0; border-radius: 6px;
    transition: box-shadow 0.2s;
}
.prr-style-card .prr-reference-item:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.06); }

/* Minimal Style */
.prr-style-minimal .prr-reference-item {
    display: flex; gap: 12px; padding: 10px 0;
    border-bottom: 1px solid #edf2f7;
}
.prr-style-minimal .prr-reference-item:last-child { border-bottom: none; }

/* Academic Style */
.prr-style-academic .prr-reference-item { display: flex; gap: 10px; padding: 8px 0; }
.prr-style-academic .prr-ref-title { font-weight: 400 !important; }
.prr-style-academic .prr-ref-number { background: none; color: #4a5568; font-size: 14px; width: auto; height: auto; }
.prr-style-academic .prr-ref-number::after { content: '.'; }

/* Number badge */
.prr-ref-number {
    flex-shrink: 0; width: 28px; height: 28px;
    display: flex; align-items: center; justify-content: center;
    background: #2b6cb0; color: #fff; font-size: 13px; font-weight: 700;
    border-radius: 50%; margin-top: 2px;
}

.prr-ref-content { flex: 1; min-width: 0; }
.prr-ref-title { font-size: 15px; font-weight: 600; color: #1a202c; margin: 0 0 4px; line-height: 1.4; }
.prr-ref-meta { font-size: 13px; color: #718096; margin-bottom: 4px; line-height: 1.5; }
.prr-ref-authors { display: block; margin-bottom: 2px; }
.prr-ref-journal em { font-style: italic; }
.prr-ref-year { color: #a0aec0; }

.prr-ref-summary {
    font-size: 13px; color: #4a5568; margin: 8px 0; line-height: 1.6;
    padding: 8px 12px; background: #f7fafc;
    border-left: 3px solid #2b6cb0; border-radius: 0 4px 4px 0;
}

.prr-ref-links { display: flex; gap: 16px; margin-top: 8px; }
.prr-link { font-size: 12px; font-weight: 600; text-decoration: none; transition: color 0.2s; }
.prr-link-pubmed { color: #2b6cb0; }
.prr-link-pubmed:hover { color: #1a4971; }
.prr-link-doi { color: #718096; font-weight: 400; }
.prr-link-doi:hover { color: #4a5568; }

.prr-references-footer { margin-top: 20px; padding-top: 14px; border-top: 1px solid #e2e8f0; }
.prr-disclaimer { font-size: 11px; color: #a0aec0; margin: 0; line-height: 1.5; font-style: italic; }

@media (max-width: 600px) {
    .prr-references-section { padding: 20px 16px; }
    .prr-style-card .prr-reference-item { padding: 12px; }
    .prr-ref-links { flex-direction: column; gap: 6px; }
    .prr-reviewer-box { flex-direction: column; align-items: flex-start; }
}