.observability-panel{margin-top:24px}.obs-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.obs-heading h2{margin-bottom:4px}.obs-heading p{margin:0;color:#64748b}.obs-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.obs-stats article{border:1px solid #dbe3ef;border-radius:14px;padding:14px 16px;background:#f8fbff}.obs-stats small{display:block;color:#64748b;margin-bottom:6px}.obs-stats strong{font-size:1.35rem}.obs-stats .obs-last{font-size:.82rem;line-height:1.3;word-break:break-word}.obs-filtros{display:grid;grid-template-columns:1.3fr .8fr 1fr .8fr 1.8fr auto;gap:10px;align-items:end;margin-bottom:14px}.obs-filtros label{display:flex;flex-direction:column;gap:6px}.obs-filtros select,.obs-filtros input{min-width:0;width:100%}.obs-table tbody tr{cursor:pointer}.obs-table tbody tr:hover{background:#f6f9ff}.obs-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800;letter-spacing:.03em}.obs-badge.INFO{background:#e8f7ef;color:#16794b}.obs-badge.WARNING{background:#fff5d6;color:#8a5b00}.obs-badge.ERROR{background:#ffe8e8;color:#b42318}.obs-badge.CRITICAL{background:#3f0d12;color:#fff}.obs-row.nivel-CRITICAL td:first-child,.obs-row.nivel-ERROR td:first-child{border-left:3px solid #ef4444}.obs-row.nivel-WARNING td:first-child{border-left:3px solid #f59e0b}.obs-detail{margin-top:16px;border:1px solid #cfd9e8;border-radius:14px;background:#0f172a;color:#e2e8f0;padding:16px}.obs-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.obs-detail h3{margin:0;color:#fff}.obs-detail small{color:#94a3b8}.obs-detail pre{white-space:pre-wrap;word-break:break-word;max-height:480px;overflow:auto;font-size:.82rem;line-height:1.55}.oem-master-box{margin-top:14px;border:1px solid #dbe3ef;border-radius:12px;padding:12px}.oem-master-box legend{font-weight:700;padding:0 6px}@media(max-width:1100px){.obs-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-stats article:last-child{grid-column:1/-1}.obs-filtros{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-filtros button{width:100%}}@media(max-width:680px){.obs-stats,.obs-filtros{grid-template-columns:1fr}.obs-stats article:last-child{grid-column:auto}}
