/* Orvexa 1.0.0 — Observability Finops styles. */
.of-metric{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:center;min-height:116px;padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#19232d,#141c25);overflow:hidden}.of-metric:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--of-accent,#f2bd4f),transparent 72%)}.of-metric.is-gold{--of-accent:#f2bd4f}.of-metric.is-teal{--of-accent:#4ed6c4}.of-metric.is-mint{--of-accent:#66d69a}.of-metric.is-amber{--of-accent:#f4a84c}.of-metric.is-danger{--of-accent:#ef6f6c}.of-metric-icon{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--of-accent) 24%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--of-accent) 10%,transparent);color:var(--of-accent)}.of-metric-icon svg{width:19px;height:19px}.of-metric p,.of-metric strong,.of-metric small{display:block}.of-metric p{color:var(--muted);font-size:12px;font-weight:750}.of-metric strong{margin-top:3px;font-size:25px;line-height:1.05;letter-spacing:-.04em}.of-metric small{margin-top:6px;color:#9dabb7;font-size:12px;line-height:1.45}
.of-kicker{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:750;letter-spacing:.02em}.of-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.of-card-top h3{margin-top:6px;font-size:15px;font-weight:850;letter-spacing:-.02em}.of-sub{display:block;margin-top:4px;color:var(--muted);font-size:11.5px}.of-id b,.of-id span{display:block}.of-id b{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.of-id span{margin-top:3px;color:var(--muted);font-size:11.5px}.is-positive{color:var(--mint-text);font-weight:800}.is-negative{color:var(--danger-text);font-weight:800}
.of-span-list{display:grid;gap:8px}.of-span{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(260px,1.35fr) 70px;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.of-span:last-child{border-bottom:0}.of-span-copy b,.of-span-copy span{display:block}.of-span-copy b{font-size:12px}.of-span-copy span{margin-top:3px;color:var(--muted);font-size:11.5px;line-height:1.35}.of-span-track{position:relative;height:18px;border-radius:999px;background:#0e151c;overflow:hidden}.of-span-track:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 19%,rgba(255,255,255,.035) 19% 20%)}.of-span-track i{position:absolute;top:4px;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--primary-2));box-shadow:0 0 16px rgba(78,214,196,.12)}.of-span strong{font-size:12px;text-align:right}
.of-severity{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;font-size:11.5px;font-weight:900;letter-spacing:.04em}.of-severity.is-info,.of-severity.is-low{color:var(--cyan-text);background:rgba(78,214,196,.06)}.of-severity.is-warn,.of-severity.is-medium,.of-severity.is-high{color:var(--amber-text);background:rgba(244,168,76,.07);border-color:rgba(244,168,76,.18)}.of-severity.is-error,.of-severity.is-critical{color:var(--danger-text);background:rgba(239,111,108,.07);border-color:rgba(239,111,108,.2)}.of-message{max-width:520px;min-width:280px;color:#b8c5d0;line-height:1.55}.of-error-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#151e27}.of-error-card>div:first-child{min-width:0}.of-error-card>div:first-child>b{display:block;margin-top:8px;font-size:12px}.of-error-card p{margin-top:3px;color:var(--muted);font-size:11.5px}.of-error-stats{text-align:right}.of-error-stats strong,.of-error-stats span{display:block}.of-error-stats strong{font-size:20px}.of-error-stats span{margin-top:3px;color:var(--muted);font-size:11.5px}
.of-slo-card{padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#19232d,#141c25)}.of-slo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px}.of-slo-grid div,.of-cost-grid div,.of-quota-stats div{padding:10px;border:1px solid var(--line);border-radius:11px;background:#111920}.of-slo-grid span,.of-slo-grid b,.of-cost-grid span,.of-cost-grid b,.of-quota-stats span,.of-quota-stats b{display:block}.of-slo-grid span,.of-cost-grid span,.of-quota-stats span{color:var(--muted);font-size:11.5px}.of-slo-grid b,.of-cost-grid b,.of-quota-stats b{margin-top:4px;font-size:12px}.of-slo-foot{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:var(--muted);font-size:11.5px}
.of-incident{padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#1b242e,#151d26)}.of-incident>p{margin-top:13px;color:#b7c4ce;font-size:12px;line-height:1.55}.of-incident-meta{display:grid;grid-template-columns:.7fr 1.4fr .45fr;gap:10px;margin-top:15px}.of-incident-meta span{padding:10px;border-radius:11px;background:#111920;color:#a8b5c0;font-size:11.5px}.of-incident-meta b{display:block;margin-bottom:4px;color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}
.of-inline-progress{display:flex;align-items:center;gap:8px}.of-inline-progress>span{display:block;width:74px;height:7px;border-radius:999px;background:#0d141b;overflow:hidden}.of-inline-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--cyan))}.of-inline-progress b{font-size:11.5px}
.of-cost-card{padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#19232d,#141c25)}.of-cost-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px}.of-saving{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:#151e27}.of-saving>span{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background:rgba(78,214,196,.08);color:var(--cyan-text)}.of-saving svg{width:17px;height:17px}.of-saving strong,.of-saving b,.of-saving small{display:block}.of-saving strong{font-size:18px}.of-saving b{margin-top:2px;font-size:12px}.of-saving small{margin-top:3px;color:var(--muted);font-size:11.5px;line-height:1.4}
.of-quota{padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#19232d,#141c25)}.of-quota-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:15px}.of-progress{height:10px;margin-top:15px;border-radius:999px;background:#0c131a;overflow:hidden}.of-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary-2),var(--amber))}.of-quota-foot{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:var(--muted);font-size:11.5px}.of-event{display:grid;grid-template-columns:42px 10px minmax(0,1fr);gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid var(--line)}.of-event:last-child{border-bottom:0}.of-event time{color:var(--muted);font-size:11.5px}.of-event-dot{width:8px;height:8px;margin-top:3px;border-radius:50%;background:var(--primary-2);box-shadow:0 0 12px rgba(242,189,79,.28)}.of-event b{display:block;margin-top:4px;font-size:12px}.of-event p{margin-top:3px;color:#b1bec9;font-size:11.5px}.of-event small{display:block;margin-top:4px;color:var(--muted);font-size:11.5px}
.of-chart-shell{padding:14px 18px 18px}.of-chart-insight{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0 18px 18px}.of-chart-insight div{padding:11px;border:1px solid var(--line);border-radius:11px;background:#121a22}.of-chart-insight span,.of-chart-insight b{display:block}.of-chart-insight span{color:var(--muted);font-size:11.5px}.of-chart-insight b{margin-top:4px;font-size:12px}.of-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:16px}.of-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.of-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:1280px){.of-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.of-slo-grid,.of-cost-grid,.of-quota-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.of-split{grid-template-columns:1fr}.of-incident-meta{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.of-grid-4,.of-grid-2{grid-template-columns:1fr}.of-span{grid-template-columns:1fr}.of-span strong{text-align:left}.of-chart-insight{grid-template-columns:1fr 1fr}.of-incident-meta{grid-template-columns:1fr}.of-slo-grid,.of-cost-grid,.of-quota-stats{grid-template-columns:1fr 1fr}}

.cp-table th{font-size:12px!important;letter-spacing:.035em!important}.cp-table td{font-size:12px!important;line-height:1.5!important;padding-top:13px!important;padding-bottom:13px!important}.cp-panel-head h2,.cp-panel-head h3{font-size:15px!important}.cp-panel-head p{font-size:12px!important;line-height:1.5!important}.cp-page-copy{font-size:13px!important;line-height:1.65!important}.cp-status{font-size:11.5px!important}.cp-id-card span{font-size:11.5px!important}.cp-id-card b{font-size:12px!important}
