.report-mock{color:#1a1a1a;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin:2rem 0;font-family:Inter,system-ui,sans-serif;overflow:hidden;box-shadow:0 4px 12px #00000014}.dark .report-mock{color:#f5f1e8;background:#0c1726;border-color:#d4af372e;box-shadow:inset 0 1px #d4af370f,0 2px 8px #0006}.report-mock__title{letter-spacing:.01em;color:#1e3a5f;background:#f5f1e8;border-bottom:1px solid #e5e7eb;align-items:center;gap:.5rem;padding:.75rem 1rem;font-family:Crimson Pro,Georgia,serif;font-size:.95rem;font-weight:600;display:flex}.dark .report-mock__title{color:#f5f1e8;background:#0f1d2d;border-bottom-color:#1e3a5f66}.report-mock__body{padding:1rem}.report-mock__kpis{flex-wrap:wrap;gap:.75rem;display:flex}.kpi{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;flex:8rem;min-width:8rem;padding:.75rem .875rem}.dark .kpi{background:#0c172666;border-color:#1e3a5f66}.kpi__label{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-size:.7rem;font-weight:500;display:block}.dark .kpi__label{color:#9ca3af}.kpi__value{color:#1a1a1a;margin-top:.25rem;font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:500;line-height:1.15;display:block}.dark .kpi__value{color:#f5f1e8}.kpi__delta{margin-top:.25rem;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500;display:inline-block}.kpi__delta.is-up{color:#047857}.dark .kpi__delta.is-up{color:#34d399}.kpi__delta.is-down{color:#b91c1c}.dark .kpi__delta.is-down{color:#f87171}.report-mock__bars{flex-direction:column;gap:.625rem;display:flex}.bar{grid-template-columns:7rem 1fr 4rem;align-items:center;gap:.75rem;display:grid}.bar__label{color:#6b7280;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.dark .bar__label{color:#9ca3af}.bar__track{background:#f3f4f6;border-radius:9999px;height:.75rem;overflow:hidden}.dark .bar__track{background:#1e3a5f66}.bar__fill{background:#1e3a5f;border-radius:9999px;height:100%}.dark .bar__fill{background:#d4af37}.bar__fill.is-w10{width:10%}.bar__fill.is-w20{width:20%}.bar__fill.is-w30{width:30%}.bar__fill.is-w40{width:40%}.bar__fill.is-w50{width:50%}.bar__fill.is-w60{width:60%}.bar__fill.is-w70{width:70%}.bar__fill.is-w80{width:80%}.bar__fill.is-w90{width:90%}.bar__fill.is-w100{width:100%}.bar__value{color:#1a1a1a;font-family:JetBrains Mono,monospace;font-size:.8rem}.dark .bar__value{color:#f5f1e8}.report-mock table{border-collapse:collapse;width:100%;font-size:.85rem}.report-mock table th,.report-mock table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.5rem .75rem}.dark .report-mock table th,.dark .report-mock table td{border-bottom-color:#1e3a5f66}.report-mock table th{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;background:#f9fafb;font-size:.7rem;font-weight:600}.dark .report-mock table th{color:#9ca3af;background:#0c172666}.report-mock table td{color:#1a1a1a}.dark .report-mock table td{color:#f5f1e8}.report-mock table tr:last-child td{border-bottom:0}.report-mock table td:not(:first-child),.report-mock table th:not(:first-child){font-variant-numeric:tabular-nums}.alert-mock{border:1px solid #0000;border-left-width:4px;border-radius:.5rem;margin:2rem 0;padding:.875rem 1rem;font-family:Inter,system-ui,sans-serif}.alert-mock__title{font-size:.9rem;font-weight:600;display:block}.alert-mock__meta{opacity:.85;margin-top:.25rem;font-size:.78rem;display:block}.alert-mock.is-warning{background:#fef3c7;border-color:#f59e0b}.alert-mock.is-warning .alert-mock__title{color:#92400e}.alert-mock.is-warning .alert-mock__meta{color:#b45309}.dark .alert-mock.is-warning{background:#f59e0b1a;border-color:#f59e0b}.dark .alert-mock.is-warning .alert-mock__title,.dark .alert-mock.is-warning .alert-mock__meta{color:#fbbf24}.alert-mock.is-critical{background:#fef2f2;border-color:#ef4444}.alert-mock.is-critical .alert-mock__title{color:#b91c1c}.alert-mock.is-critical .alert-mock__meta{color:#dc2626}.dark .alert-mock.is-critical{background:#ef44441a;border-color:#ef4444}.dark .alert-mock.is-critical .alert-mock__title,.dark .alert-mock.is-critical .alert-mock__meta{color:#f87171}.alert-mock.is-resolved{background:#ecfdf5;border-color:#10b981}.alert-mock.is-resolved .alert-mock__title{color:#047857}.alert-mock.is-resolved .alert-mock__meta{color:#059669}.dark .alert-mock.is-resolved{background:#10b9811a;border-color:#10b981}.dark .alert-mock.is-resolved .alert-mock__title,.dark .alert-mock.is-resolved .alert-mock__meta{color:#34d399}
