/* Read-only observer-level observation review. Scoped to avoid interfering with collection. */
.od-view-button{display:inline-flex;align-items:center;gap:7px;margin:12px 0 4px;padding:9px 14px;font-size:.75rem}
.od-view-button[aria-expanded="true"]{background:#e4daee;color:#41286a}
.od-container{margin:14px 0 16px;min-width:0}
.od-container[hidden]{display:none}
.od-loading,.od-error{padding:18px;border:1px solid #dcd4e5;border-radius:12px;background:#faf8fd;color:#382c4c}
.od-error{border-color:#d39e9e;background:#fff7f7;color:#833b3b}
.od-report{color:#253550;font-size:.87rem;line-height:1.5;display:grid;gap:15px}
.od-report h3,.od-report h4,.od-report p{margin:0}
.od-report-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;border-radius:14px;background:linear-gradient(125deg,#202e54,#4e3979);color:#fff}
.od-report-heading h3{margin:5px 0;color:#fff;font-size:1.35rem}
.od-report-heading p:not(.od-eyebrow){color:#e3deed}
.od-eyebrow{text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#f2d793;font-size:.7rem}
.od-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.od-kpis>div{border-radius:10px;padding:13px;background:#f1f0f5;min-width:0}
.od-kpis span,.od-kpis strong{display:block}
.od-kpis span{color:#606b80;font-size:.73rem;font-weight:800}
.od-kpis strong{color:#1e3157;font-size:1.25rem;margin-top:2px;font-variant-numeric:tabular-nums}
.od-card{border:1px solid #e0dfeb;background:#fff;border-radius:12px;padding:17px;min-width:0}
.od-card h4{font-size:1.06rem;color:#213453;margin:0 0 8px}
.od-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
.od-card-header h4{margin:0}
.od-card-header p{color:#657086;font-size:.76rem;margin-top:3px}
.od-card-header>strong{color:#1a2a4c;font-size:1.45rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.od-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 0}
.od-details>div{min-width:0}
.od-details dt{font-weight:900;font-size:.69rem;color:#656c80;text-transform:uppercase;letter-spacing:.025em}
.od-details dd{font-weight:650;font-size:.84rem;white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0;color:#283652}
.od-section-title{font-size:1.05rem;color:#34214d;margin:7px 0 0!important}
.od-targets{display:grid;gap:9px}
.od-fidelity-item{padding:12px;border:1px solid #ebe5f1;border-radius:10px;background:#fcfafe}
.od-fidelity-main{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.od-fidelity-main small{display:block;font-size:.67rem;color:#686580;font-weight:900;margin-bottom:6px}
.od-fidelity-main p{font-size:.85rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.od-status{display:inline-block;flex:0 0 auto;border-radius:999px;padding:5px 9px;font-weight:850;font-size:.68rem;white-space:nowrap}
.od-status.yes{background:#e7f2eb;color:#27644b}
.od-status.no{background:#fde7e6;color:#9e353a}
.od-status.neutral{background:#e7e9ed;color:#576176}
.od-opportunity-details{margin-top:9px}
.od-opportunity-details>summary{font-size:.72rem;color:#624089;font-weight:850;cursor:pointer}
.od-opportunity-details ol{list-style:none;margin:7px 0 0;padding:0;display:grid;gap:6px}
.od-opportunity-details li{display:flex;flex-wrap:wrap;gap:9px;border-top:1px solid #e9e4ef;padding:8px 0;font-size:.75rem}
.od-opportunity-details time{font-variant-numeric:tabular-nums;font-weight:900}
.od-opportunity-details li span{color:#58647c}
.od-stat-row{display:flex;flex-wrap:wrap;gap:10px 17px;margin:12px 0}
.od-stat-row span{color:#61697b;font-size:.8rem}
.od-stat-row strong{color:#1f2c4e;font-variant-numeric:tabular-nums}
.od-hint{color:#64718a;font-size:.74rem;margin:9px 0!important}
.od-legend{display:flex;flex-wrap:wrap;gap:7px 14px;font-size:.73rem;color:#566278;margin:12px 0}
.od-legend>span{display:inline-flex;align-items:center;gap:6px}
.od-dot{display:inline-block;width:11px;height:11px;border-radius:3px}
.od-dot.occurred,.od-tile.occurred{background:#c65e66;color:white}
.od-dot.absent,.od-tile.absent{background:#d8eee4;color:#205640}
.od-dot.not-observed,.od-tile.not-observed{background:#e1e5ec;color:#536177}
.od-dot.missing,.od-tile.missing{background:white;border:1px dashed #929bad;color:#7d8493}
.od-bands{display:grid;gap:9px}
.od-band{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:10px}
.od-band>span{color:#596882;font-size:.68rem;font-variant-numeric:tabular-nums;font-weight:900}
.od-tiles{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:3px;min-width:0}
.od-tile{border-radius:4px;font-size:.55rem;text-align:center;padding:6px 0;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:0}
.od-log>summary{cursor:pointer;font-weight:900;color:#593881;font-size:.85rem}
.od-table-wrap{max-height:420px;overflow:auto;margin-top:12px;border:1px solid #e2e3eb;border-radius:9px}
.od-log table{width:100%;border-collapse:collapse;font-size:.76rem}
.od-log th,.od-log td{padding:8px 10px;border-bottom:1px solid #e7e8ec;text-align:left;white-space:nowrap}
.od-log th{color:#344565;background:#f0f1f7;position:sticky;top:0;z-index:1}
.od-log tr.od-disagree td{background:#fff5f3}
.od-cell{padding:4px 7px;border-radius:5px;font-size:.71rem;font-weight:750}
.od-cell.occurred{background:#fbe4e6;color:#922f39}
.od-cell.absent{background:#e3f3ea;color:#21634b}
.od-cell.not-observed{background:#e7eaf0;color:#515e73}
.od-cell.missing{background:#f6f6f6;color:#68717f}
.od-note{padding:9px 0;border-top:1px solid #ece9ee}
.od-note:first-of-type{border-top:0}
.od-note strong{color:#334161}
.od-note p{margin:4px 0 0!important;white-space:pre-wrap;overflow-wrap:anywhere}
.od-alert{border:1px solid #e9c98a;padding:12px;border-radius:8px;background:#fff9e9;color:#77551f}
@media(max-width:760px){
 .od-kpis,.od-details{grid-template-columns:repeat(2,minmax(0,1fr))}
 .od-card{padding:12px}
 .od-tiles{grid-template-columns:repeat(10,minmax(0,1fr))}
 .od-band{grid-template-columns:1fr;gap:3px}
 .od-fidelity-main,.od-card-header{flex-wrap:wrap}
}
@media(max-width:420px){.od-kpis,.od-details{grid-template-columns:1fr}.od-report-heading{padding:14px}.od-tiles{grid-template-columns:repeat(10,minmax(0,1fr))}.od-tile{font-size:.65rem}}