/* Systemwarp-Panel (fragments/warp-panel.html) */
.warp-panel { --sos-panel-accent: var(--accent-violet, #a78bfa); margin-top: var(--space-md, 1rem); }
.warp-plan { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; align-items: flex-end; margin-bottom: 0.75rem; }
.warp-plan label { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.75rem; }
.warp-plan select { min-width: 12rem; }
.warp-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: 0.4rem 1rem; margin: 0 0 0.5rem; }
.warp-facts dt { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.06em; opacity: 0.7; }
.warp-facts dd { margin: 0; font-size: 0.85rem; }
.warp-good { color: var(--accent-green, #34d399); }
.warp-bad { color: var(--accent-red, #ef4444); }
.warp-bar { display: inline-block; width: 7rem; height: 0.45rem; border-radius: 3px; background: rgba(255, 255, 255, 0.1); vertical-align: middle; margin-right: 0.4rem; overflow: hidden; }
.warp-bar > span { display: block; height: 100%; background: var(--accent-blue, #60a5fa); }
.warp-bar--warp > span { background: var(--accent-violet, #a78bfa); }
.warp-block, .warp-turbulence, .warp-error { font-size: 0.8rem; padding: 0.35rem 0.6rem; border-left: 3px solid var(--accent-yellow, #f59e0b); background: rgba(245, 158, 11, 0.12); margin: 0.4rem 0; }
.warp-turbulence, .warp-error { border-left-color: var(--accent-red, #ef4444); background: rgba(239, 68, 68, 0.14); }
.warp-findings { font-size: 0.75rem; margin: 0.25rem 0 0.5rem 1rem; color: var(--accent-yellow, #f59e0b); }
.warp-message, .warp-hint { font-size: 0.8rem; margin: 0.3rem 0; opacity: 0.9; }
.warp-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.5rem; }
.warp-log { font-size: 0.75rem; margin-top: 0.6rem; opacity: 0.85; }
.warp-log ul { margin: 0.3rem 0 0 1rem; padding: 0; }