/* Primordial WoW - extra styles for changelog, roadmap, bug tracker and Why Primordial (added 2026-10-31).
   Builds on pw-pages.css; all classes prefixed "pwx-". */
.pwx-entry { padding: 1.1rem 0; border-bottom: 1px solid rgba(234, 88, 12, 0.15); }
.pwx-entry:last-child { border-bottom: 0; padding-bottom: 0; }
.pwx-entry:first-child { padding-top: 0; }
.pwx-entry-head { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-bottom: .5rem; }
.pwx-entry-title { font-family: 'Cinzel', serif; font-weight: 700; font-size: 1.08rem; color: #fcd34d; margin: 0; }
.pwx-date { font-size: .78rem; color: var(--pw-muted); letter-spacing: .05em; }
.pwx-badge { display: inline-block; padding: .12rem .55rem; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; border: 1px solid; white-space: nowrap; }
.pwx-badge.c-server { color: #f59e0b; border-color: rgba(245,158,11,.5); }
.pwx-badge.c-bots { color: #60a5fa; border-color: rgba(96,165,250,.5); }
.pwx-badge.c-content { color: #4ade80; border-color: rgba(74,222,128,.5); }
.pwx-badge.c-website { color: #c084fc; border-color: rgba(192,132,252,.5); }
.pwx-badge.c-fix { color: #f87171; border-color: rgba(248,113,113,.5); }
.pwx-badge.s-new { color: #93c5fd; border-color: rgba(147,197,253,.5); }
.pwx-badge.s-confirmed { color: #fbbf24; border-color: rgba(251,191,36,.5); }
.pwx-badge.s-in_progress { color: #f97316; border-color: rgba(249,115,22,.5); }
.pwx-badge.s-fixed { color: #4ade80; border-color: rgba(74,222,128,.5); }
.pwx-badge.s-wont_fix, .pwx-badge.s-duplicate { color: #a8a29e; border-color: rgba(168,162,158,.5); }

/* Roadmap timeline */
.pwx-timeline { list-style: none; margin: 0; padding: 0 0 0 1.6rem; position: relative; }
.pwx-timeline::before { content: ''; position: absolute; left: .45rem; top: .4rem; bottom: .4rem; width: 2px; background: linear-gradient(180deg, var(--pw-gold), var(--pw-orange), var(--pw-crimson)); opacity: .6; }
.pwx-timeline li { position: relative; padding: 0 0 1.6rem .6rem; }
.pwx-timeline li:last-child { padding-bottom: 0; }
.pwx-timeline li::before { content: ''; position: absolute; left: -1.55rem; top: .3rem; width: 14px; height: 14px; background: #0c0a09; border: 2px solid var(--pw-gold); transform: rotate(45deg); box-shadow: 0 0 10px rgba(234,179,8,.4); }
.pwx-ms-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .7rem; margin-bottom: .3rem; }
.pwx-ms-title { font-family: 'Cinzel', serif; font-weight: 700; font-size: 1.15rem; color: #fcd34d; margin: 0; }
.pwx-tba { font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--pw-gold); border: 1px solid rgba(234,179,8,.45); padding: .1rem .5rem; }

/* Forms */
.pwx-form { display: grid; gap: 1rem; }
.pwx-form .pwx-row { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 700px) { .pwx-form .pwx-row { grid-template-columns: 1fr 1fr; } }
.pwx-form label { display: block; font-size: .8rem; font-weight: 700; letter-spacing: .05em; color: #e7e5e4; margin-bottom: .35rem; }
.pwx-form input[type=text], .pwx-form select, .pwx-form textarea, .pwx-input {
    width: 100%; padding: .65rem .8rem; background: rgba(0,0,0,.55); color: #f5f5f4;
    border: 1px solid rgba(234, 88, 12, 0.35); font-size: .92rem; font-family: inherit;
}
.pwx-form textarea { min-height: 170px; resize: vertical; line-height: 1.55; }
.pwx-form input:focus, .pwx-form select:focus, .pwx-form textarea:focus { outline: none; border-color: var(--pw-gold); box-shadow: 0 0 0 2px rgba(234,179,8,.15); }
.pwx-hint { font-size: .75rem; color: var(--pw-muted); margin-top: .3rem; }
.pwx-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.pwx-flash { padding: .8rem 1rem; margin-bottom: 1.25rem; border: 1px solid; font-size: .92rem; }
.pwx-flash.ok { border-color: rgba(74,222,128,.5); background: rgba(74,222,128,.08); color: #bbf7d0; }
.pwx-flash.err { border-color: rgba(248,113,113,.5); background: rgba(248,113,113,.08); color: #fecaca; }
.pwx-table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.pwx-table th, .pwx-table td { padding: .6rem .7rem; text-align: left; border-bottom: 1px solid rgba(234, 88, 12, 0.15); vertical-align: top; }
.pwx-table th { color: var(--pw-gold); font-family: 'Cinzel', serif; font-size: .8rem; background: rgba(234, 88, 12, 0.08); }
.pwx-note { color: #d6d3d1; font-size: .82rem; margin-top: .3rem; font-style: italic; }

/* Live stats on Why Primordial */
.pwx-live-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: .4rem; vertical-align: middle; }
.pwx-live-dot.on { background: #4ade80; box-shadow: 0 0 8px #4ade80; }
.pwx-live-dot.off { background: #f87171; box-shadow: 0 0 8px #f87171; }