/* Shared issue queue: compact, thumb-friendly, readable in all app themes. */
.issue-actions,.issue-line,.issue-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.issue-actions{justify-content:space-between;margin:12px 0}
.issue-line{justify-content:space-between;margin-bottom:8px}
.issue-line b{min-width:0;overflow-wrap:anywhere}
.issue-entry .issue-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.issue-entry .issue-status{justify-self:end}
.issue-filters{margin:12px 0}
.issue-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.issue-pair .field{min-width:0}
.issue-pair select,.issue-draft input,.issue-draft textarea,.issue-draft select{width:100%;min-width:0;box-sizing:border-box}
.issue-draft{margin:12px 0}
.issue-list,.issue-timeline{display:grid;gap:8px;margin-top:10px}
.issue-entry{display:block;width:100%;text-align:left;cursor:pointer;color:inherit;border:1px solid var(--border,#53708655)}
.issue-entry small,.issue-event small{display:block;opacity:.75}
.issue-status{border:1px solid currentColor;border-radius:20px;padding:3px 8px;font-size:11px;white-space:nowrap;opacity:.85}
.issue-event{padding:10px 12px}
.issue-event div{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px}
.issue-draft textarea,#issueComment{resize:vertical}
@media(max-width:420px){.issue-pair{grid-template-columns:1fr}.issue-actions .btn{flex:1 1 auto}}

.issue-evidence-input input,.issue-evidence-section input{display:block;width:100%;max-width:100%;margin-top:6px}
.issue-evidence-grid{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.issue-evidence-item{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.issue-evidence-viewer{width:min(94vw,740px);max-height:88dvh;overflow:auto;background:var(--card,#102335);color:inherit;border:1px solid var(--border,#537086)}
.issue-unread-badge{display:inline-flex;min-width:20px;min-height:20px;align-items:center;justify-content:center;margin-left:8px;padding:1px 5px;border-radius:12px;background:var(--accent,#8ba56b);color:#101d16;font-size:11px;line-height:1}
.issue-evidence-section small{opacity:.8}


/* Status colours stay legible in light, dark and intermediate themes. */
.issue-entry[data-issue-tone]{position:relative;border-left:4px solid var(--issue-tone);background:linear-gradient(90deg,var(--issue-wash),transparent 72%),var(--card,#102335);transition:border-color .15s ease,background-color .15s ease}
.issue-entry[data-issue-tone="reported"],.issue-status[data-issue-tone="reported"]{--issue-tone:#e49a53;--issue-wash:rgba(228,154,83,.11)}
.issue-entry[data-issue-tone="working"],.issue-status[data-issue-tone="working"]{--issue-tone:#5aa9ef;--issue-wash:rgba(90,169,239,.11)}
.issue-entry[data-issue-tone="testing"],.issue-status[data-issue-tone="testing"]{--issue-tone:#ac92ed;--issue-wash:rgba(172,146,237,.11)}
.issue-entry[data-issue-tone="blocked"],.issue-status[data-issue-tone="blocked"]{--issue-tone:#ef7880;--issue-wash:rgba(239,120,128,.11)}
.issue-entry[data-issue-tone="fixed"],.issue-status[data-issue-tone="fixed"]{--issue-tone:#59bd8b;--issue-wash:rgba(89,189,139,.11)}
.issue-entry[data-issue-tone]:focus-visible{outline:2px solid var(--issue-tone);outline-offset:2px}
.issue-status[data-issue-tone]{display:inline-flex;align-items:center;gap:5px;color:var(--issue-tone);background:var(--issue-wash);border-color:var(--issue-tone);opacity:1;font-weight:600}
.issue-status-icon{display:inline-flex;align-items:center;justify-content:center;min-width:13px;font-size:13px;line-height:1}
@media(prefers-reduced-motion:reduce){.issue-entry[data-issue-tone]{transition:none}}

.issue-status-orb{display:inline-flex;align-items:center;gap:7px;align-self:center;min-height:32px;padding:4px 8px;margin:0;border:1px solid var(--border,#53708655);border-radius:20px;background:var(--card,#102335);color:inherit;cursor:pointer}
.issue-status-orb>span{width:10px;height:10px;flex:none;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffffb0,transparent 45%),var(--orb,#89949f);box-shadow:0 0 7px color-mix(in srgb,var(--orb,#89949f) 40%,transparent)}
.issue-status-orb[data-tone="red"]{--orb:#ef7880}.issue-status-orb[data-tone="orange"]{--orb:#efa45b}.issue-status-orb[data-tone="green"]{--orb:#59bd8b}
.issue-status-orb small{font-size:10px;white-space:nowrap}.issue-status-orb:focus-visible{outline:2px solid var(--orb,#89949f);outline-offset:3px}
.issue-ticket-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.issue-ticket-metrics>button{display:grid;gap:5px;min-width:0;min-height:80px;padding:12px 6px;border-radius:14px;border:1px solid var(--border,#53708655);background:var(--card,#102335);color:inherit;text-align:center;cursor:pointer}
.issue-ticket-metrics>button[aria-pressed="true"]{border-color:var(--accent,#8ba56b);box-shadow:inset 0 0 0 1px var(--accent,#8ba56b)}
.issue-ticket-metrics b{font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums}.issue-ticket-metrics small{font-size:11px}
.issue-ticket-metrics [data-ticket-filter="working"] b{color:#efa45b}.issue-ticket-metrics [data-ticket-filter="fixed"] b{color:#59bd8b}
.issue-metrics-updated{grid-column:1/-1;opacity:.65;text-align:right}.issue-repair-progress a{display:inline-block;margin:8px 12px 0 0;font-size:12px;color:inherit;text-decoration:underline}

.issue-ticket-chart{grid-column:1/-1;min-width:0;display:grid;gap:6px}
.issue-ticket-chart-track{display:flex;overflow:hidden;height:8px;border-radius:999px;background:var(--border,#53708655)}
.issue-ticket-chart-segment{flex-basis:0;min-width:0;background:var(--ticket-chart-tone)}
.issue-ticket-chart [data-ticket-status="open"]{--ticket-chart-tone:#ef7880}
.issue-ticket-chart [data-ticket-status="working"]{--ticket-chart-tone:#efa45b}
.issue-ticket-chart [data-ticket-status="fixed"]{--ticket-chart-tone:#59bd8b}
.issue-ticket-chart-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:11px}
.issue-ticket-chart-legend span::before{content:"";display:inline-block;width:6px;height:6px;margin-inline-end:4px;border-radius:50%;background:var(--ticket-chart-tone);vertical-align:1px}