.syscheck-panel { margin-top: 1rem; padding: 1rem 1.1rem; border: 1px solid rgba(0, 232, 245, 0.25); border-radius: 8px; background: rgba(8, 12, 24, 0.92); max-height: 72vh; overflow: auto; } .syscheck-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; border-bottom: 1px solid rgba(201, 162, 39, 0.2); padding-bottom: 0.75rem; } .syscheck-header h3 { margin: 0; color: var(--accent-cyan, #00e8f5); } .syscheck-sub { margin: 0.25rem 0 0; font-size: 0.75rem; color: var(--clr-dim, #888); } .syscheck-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; } .syscheck-section { border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 6px; padding: 0.65rem 0.75rem; background: rgba(0, 0, 0, 0.25); } .syscheck-section-title { margin: 0 0 0.5rem; font-size: 0.72rem; letter-spacing: 0.12em; color: var(--accent-gold, #c9a227); text-transform: uppercase; } .syscheck-kv { display: grid; grid-template-columns: 110px 1fr; gap: 0.35rem 0.5rem; margin-bottom: 0.35rem; font-size: 0.8rem; } .syscheck-k { color: var(--clr-dim, #888); } .syscheck-v { color: #e8e8f0; word-break: break-word; } .syscheck-ok { color: #4ade80; } .syscheck-bad { color: #f87171; } .syscheck-muted { color: #777; font-size: 0.78rem; } .syscheck-score { color: #00e8f5; font-weight: 600; } .syscheck-subhead { margin-top: 0.5rem; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.08em; } .syscheck-pre { margin: 0.35rem 0 0.5rem; padding: 0.5rem; background: rgba(0, 0, 0, 0.45); border-radius: 4px; font-size: 0.72rem; max-height: 160px; overflow: auto; white-space: pre-wrap; color: #bbb; } .syscheck-table-wrap { overflow-x: auto; margin-top: 0.35rem; } .syscheck-table { width: 100%; font-size: 0.72rem; border-collapse: collapse; } .syscheck-table th, .syscheck-table td { padding: 0.2rem 0.35rem; border-bottom: 1px solid #222; text-align: left; } .syscheck-iface { margin-bottom: 0.5rem; font-size: 0.78rem; } .syscheck-raw { margin-top: 1rem; font-size: 0.8rem; } .syscheck-raw summary { cursor: pointer; color: var(--accent-gold, #c9a227); margin-bottom: 0.5rem; } .syscheck-errors { margin-top: 0.75rem; color: #f87171; font-size: 0.78rem; } .syscheck-warn { color: #fbbf24; } .syscheck-kev-summary { font-size: 0.82rem; color: rgba(200, 220, 255, 0.85); margin: 0.5rem 0; } .syscheck-kev-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.45rem; } .syscheck-kev-item { display: grid; grid-template-columns: auto 1fr auto; gap: 0.35rem 0.5rem; padding: 0.45rem 0.55rem; border-radius: 6px; border: 1px solid rgba(80, 120, 180, 0.25); font-size: 0.78rem; } .syscheck-kev-exposed { border-color: rgba(248, 113, 113, 0.45); background: rgba(80, 20, 20, 0.25); } .syscheck-kev-likely { border-color: rgba(251, 191, 36, 0.35); background: rgba(60, 45, 10, 0.2); } .syscheck-kev-cve { font-family: var(--font-mono, monospace); color: #9ee0ff; } .syscheck-kev-detail { grid-column: 1 / -1; color: rgba(180, 200, 230, 0.75); font-size: 0.72rem; }