/* Former inline style="" attributes from index.html, moved here so the page
   runs under CSP style-src 'self'. Colour rules keep inline precedence with
   !important. The bar widths are id rules without !important, because the
   bundle updates them at runtime through element.style (CSSOM, allowed by CSP). */
.ix-showcase-link { text-decoration: none !important; color: #38bdf8 !important; border-color: #0284c7 !important; }
.ix-dot-amber { background: #f59e0b !important; box-shadow: 0 0 6px #f59e0b !important; }
.ix-dot-sky { background: #38bdf8 !important; box-shadow: 0 0 6px #38bdf8 !important; }
.ix-dot-green { background: #22c55e !important; box-shadow: 0 0 6px #22c55e !important; }
.ix-dot-purple { background: #a855f7 !important; box-shadow: 0 0 6px #a855f7 !important; }
.ix-badge-amber { color: #fbbf24 !important; border-color: #d97706 !important; background: rgba(217, 119, 6, 0.15) !important; }
.ix-badge-sky { color: #7dd3fc !important; border-color: #0284c7 !important; background: rgba(2, 132, 199, 0.15) !important; }
.ix-badge-green { color: #4ade80 !important; border-color: #16a34a !important; background: rgba(22, 163, 74, 0.15) !important; }
.ix-badge-purple { color: #c084fc !important; border-color: #9333ea !important; background: rgba(147, 51, 234, 0.15) !important; }
#drawer-pr-bar,
#pr-legitimacy-bar,
#unit-hud-hp-bar,
#unit-hud-shield-bar { width: 100%; }