.monitoring-shell { max-width: 1180px; }
.monitoring-hero, .monitoring-guide, .monitoring-controls, .monitoring-results, .monitoring-detail, .monitoring-disclaimer { margin: 0 0 24px; }
.monitoring-hero { padding: 34px; border: 1px solid rgba(40, 36, 30, .14); background: linear-gradient(135deg, #fffdf8, #f5efe5); border-radius: 20px; }
.monitoring-hero h1 { margin: 8px 0 10px; }
.monitoring-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 22px; color: #625b50; font-size: .9rem; }
.monitoring-meta strong { color: #2e2a25; }
.monitoring-guide { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(240px, .65fr); gap: 22px; padding: 24px 26px; border: 1px solid #e6ded2; border-radius: 16px; background: #fbf8f2; }
.monitoring-guide h2 { margin: 4px 0 10px; font-size: 1.35rem; }
.monitoring-guide p { margin: 0; color: #625b50; line-height: 1.65; }
.monitoring-guide-list { display: grid; gap: 10px; }
.monitoring-guide-list div { display: grid; gap: 3px; padding: 11px 13px; border-left: 3px solid #c49a43; background: #fff; }
.monitoring-guide-list strong { color: #2e2a25; }
.monitoring-guide-list span { color: #766f64; font-size: .88rem; line-height: 1.45; }
.monitoring-controls, .monitoring-results, .monitoring-detail { padding: 26px; border: 1px solid rgba(40, 36, 30, .12); border-radius: 16px; background: #fff; }
.monitoring-controls h2, .monitoring-results h2, .monitoring-detail h2 { margin-top: 0; }
.monitoring-search-row, .monitoring-filter-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.monitoring-search-row label { width: 100%; font-weight: 700; }
.monitoring-search-row input { flex: 1 1 360px; min-height: 44px; padding: 10px 12px; border: 1px solid #cfc8bd; border-radius: 8px; }
.monitoring-filter-row { margin-top: 14px; color: #625b50; }
.monitoring-filter-row select { min-height: 38px; padding: 6px 30px 6px 10px; border: 1px solid #cfc8bd; border-radius: 8px; background: #fff; }
.monitoring-clear, .monitoring-back { color: #7c5e1f; font-weight: 700; }
.monitoring-results-heading, .monitoring-card-top, .monitoring-card-foot, .monitoring-detail-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.monitoring-results-heading { border-bottom: 1px solid #eee8df; margin-bottom: 18px; }
.monitoring-results-heading span, .monitoring-status, .monitoring-kicker { color: #766f64; font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; }
.monitoring-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.monitoring-card { display: flex; flex-direction: column; min-height: 190px; padding: 18px; border: 1px solid #e6ded2; border-radius: 12px; background: #fffdf9; }
.monitoring-card h3 { margin: 18px 0 7px; font-size: 1.15rem; line-height: 1.25; }
.monitoring-card h3 a { color: #2e2a25; text-decoration: none; }
.monitoring-card h3 a:hover { color: #7c5e1f; }
.monitoring-card p { margin: 0 0 7px; color: #625b50; }
.monitoring-scope { font-size: .9rem; }
.monitoring-card-status { display: flex; justify-content: space-between; gap: 10px; margin-top: 7px; color: #766f64; font-size: .78rem; }
.monitoring-card-status strong { color: #5f574e; font-size: .72rem; letter-spacing: .04em; }
.monitoring-card-foot { margin-top: auto; padding-top: 14px; border-top: 1px solid #eee8df; color: #766f64; font-size: .8rem; }
.monitoring-card-foot a { color: #7c5e1f; font-weight: 700; }
.monitoring-badge { display: inline-block; padding: 4px 8px; border-radius: 999px; font-size: .75rem; font-weight: 800; letter-spacing: .04em; }
.priority-A { background: #f3e1b2; color: #6a4b0c; }
.priority-B { background: #e8e1d8; color: #5f574e; }
.priority-C { background: #e7edf0; color: #435661; }
.monitoring-detail-heading { align-items: flex-start; margin: 12px 0 24px; }
.monitoring-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; margin: 0 0 26px; }
.monitoring-facts div { padding: 12px; background: #faf7f1; border-radius: 10px; }
.monitoring-facts dt { color: #766f64; font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
.monitoring-facts dd { margin: 5px 0 0; font-weight: 700; }
.monitoring-record-note { margin: 0 0 26px; padding: 16px 18px; border-left: 4px solid #c49a43; background: #fff8e8; color: #5e5138; }
.monitoring-record-note h3 { margin: 0 0 8px; }
.monitoring-record-note p { margin: 7px 0 0; line-height: 1.55; }
.monitoring-provenance { color: #766f64; font-size: .82rem; overflow-wrap: anywhere; }
.monitoring-record-metadata { margin: 0 0 26px; padding: 16px 18px; border: 1px solid #e6ded2; border-radius: 10px; background: #fbf8f2; }
.monitoring-record-metadata h3 { margin: 0 0 8px; }
.monitoring-record-metadata p { margin: 6px 0 0; color: #625b50; overflow-wrap: anywhere; }
.monitoring-next-action { margin: 0 0 26px; padding: 16px 18px; border: 1px solid #d8c9a7; border-radius: 10px; background: #fffdf5; }
.monitoring-next-action h3 { margin: 0 0 8px; }
.monitoring-next-action p { margin: 0; color: #5e5138; line-height: 1.55; }
.monitoring-next-action-inline { margin-top: 10px !important; padding-top: 9px; border-top: 1px solid #eee8df; color: #766f64 !important; font-size: .78rem; line-height: 1.45; }
.monitoring-endpoints { padding-left: 20px; }
.monitoring-endpoints li { margin: 10px 0; }
.monitoring-endpoints span, .monitoring-endpoints small { color: #766f64; }
.monitoring-endpoints a { overflow-wrap: anywhere; }
.monitoring-comparison { margin-top: 28px; padding: 18px; border: 1px solid #e6ded2; border-radius: 12px; background: #faf7f1; }
.monitoring-comparison-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.monitoring-comparison-heading h3 { margin: 0; }
.monitoring-comparison-note { color: #625b50; font-size: .9rem; }
.comparison-EXACT_ISSN { background: #dcefe2; color: #28623c; }
.comparison-EXACT_TITLE { background: #f3e1b2; color: #6a4b0c; }
.comparison-PROBABLE_MATCH { background: #f3e1b2; color: #6a4b0c; }
.comparison-AMBIGUOUS_MATCH { background: #f3e1b2; color: #6a4b0c; }
.comparison-CONFLICT { background: #f4d7d7; color: #8a2424; }
.comparison-NOT_FOUND_LOCAL_EQUIVALENT { background: #e8e1d8; color: #5f574e; }
.monitoring-match-list { margin: 12px 0 0; padding-left: 20px; }
.monitoring-match-list li { margin: 8px 0; }
.monitoring-empty { display: flex; flex-direction: column; gap: 6px; padding: 30px; border: 1px dashed #cfc8bd; border-radius: 10px; color: #625b50; }
.monitoring-pagination { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-top: 22px; }
.monitoring-pagination a { color: #7c5e1f; font-weight: 700; }
.monitoring-disclaimer { padding: 18px 20px; border-left: 4px solid #c49a43; background: #fff8e8; color: #5e5138; }
.monitoring-disclaimer p { margin: 6px 0 10px; }
.monitoring-disclaimer a { color: #7c5e1f; font-weight: 700; }
@media (max-width: 640px) {
    .monitoring-hero, .monitoring-controls, .monitoring-results, .monitoring-detail { padding: 20px; border-radius: 12px; }
    .monitoring-guide { display: block; padding: 20px; border-radius: 12px; }
    .monitoring-guide-list { margin-top: 18px; }
    .monitoring-detail-heading { display: block; }
    .monitoring-detail-heading .monitoring-badge { margin-top: 12px; }
    .monitoring-pagination { align-items: flex-start; flex-direction: column; }
}