#feature-requests { position: absolute; inset: 36px 0 0; overflow: auto; background: #202020; padding: 28px 20px; box-sizing: border-box; }
#feature-requests[hidden] { display: none; }
.request-card { max-width: 760px; margin: 0 auto; line-height: 1.6; }
.request-card h1 { margin: 0 0 16px; font-size: 1.9rem; }
.eyebrow { color: #a9d1ff; font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; }
.muted { color: #aaa; font-size: .9rem; }
.request-card label { display: block; margin: 20px 0 7px; font-weight: 600; }
.request-card input, .request-card textarea { display: block; box-sizing: border-box; width: 100%; color: #eee; background: #171717; border: 1px solid #606060; border-radius: 6px; padding: 12px; font: inherit; }
.request-card textarea { resize: vertical; }
.request-card button, .ticket-link { display: inline-block; border: 0; border-radius: 6px; background: #a9d1ff; color: #102137; padding: 12px 18px; font: inherit; font-weight: 600; margin-top: 18px; cursor: pointer; }
.request-card button:disabled { opacity: .45; cursor: default; }
.request-card :focus-visible { outline: 3px solid #f4c56a; outline-offset: 3px; }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
#request-status { min-height: 1.6em; }
#request-status[data-error="true"] { color: #ffb3a9; }
.ticket-page { margin: 0; background: #202020; color: #eee; font-family: system-ui, sans-serif; }
.ticket-page a { color: #a9d1ff; }
.ticket-page header { padding: 24px; max-width: 1000px; margin: auto; }
.ticket-page h1 { font-size: 1.4rem; }
.ticket-page nav { display: flex; flex-wrap: wrap; gap: 22px; }
#ticket-preview { width: 100%; height: calc(100vh - 230px); min-height: 500px; border: 0; display: block; background: #171717; }
#ticket-preview[hidden], [hidden] { display: none; }
.revision-card { padding: 28px 24px 48px; }
.revision-card h2 { margin-top: 0; }
#revision-status { min-height: 1.6em; }
#revision-status[data-error="true"] { color: #ffb3a9; }
#revision-list { padding-left: 24px; }
#revision-list li { margin: 16px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.activity-card { box-sizing: border-box; max-width: 1000px; margin: 0 auto 24px; padding: 18px 24px; border: 1px solid #484848; border-radius: 8px; background: #191919; }
.activity-card summary { cursor: pointer; font-weight: 600; }
#activity-state { margin-left: 12px; font-weight: 400; }
#activity-list { list-style: none; padding: 0; margin: 12px 0; max-height: 340px; overflow-y: auto; }
#activity-list li { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-top: 1px solid #333; }
#activity-list time { color: #aaa; font-size: .8rem; padding-top: 3px; }
#activity-list p { margin: 0; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
#activity-list .activity-tool { color: #aaa; font-size: .9rem; }
#activity-list .activity-summary { color: #b7dfb9; }
@media (max-width: 600px) { .activity-card { margin: 0 12px 20px; padding: 16px; } #activity-list li { grid-template-columns: 58px minmax(0, 1fr); gap: 8px; } #activity-state { display: block; margin: 8px 0 0; } }