/* CDE Issues module styles — brand tokens only (no hex; the brand comes from
   brand.xyzbim.eu/v1/brand.css which index.html already loads). The dialog
   itself reuses app.css classes (.cde-dialog, .cde-chip, .cde-btn …). */

/* ------------------------------ toolbar ------------------------------ */
.xiss-toolbar{ display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.xiss-toolbar .cde-btn{ padding: 5px 10px; font-size: 12.5px; text-decoration: none; }
.xiss-filter{ margin-left: auto; }

/* ------------------------------ create form ------------------------------ */
.xiss-create{ display: grid; gap: 8px; padding: 10px; border: 1px solid var(--rule-2); border-radius: var(--radius); background: var(--bg-2); }
.xiss-create .cde-select{ flex: 0 0 auto; width: auto; }
.xiss-create input:first-child{ flex: 1; }
.xiss-create > div{ display: flex; gap: 8px; }
.xiss-create > div > input{ flex: 1; min-width: 0; }
.xiss-version-select{ max-width: 220px; }

/* ------------------------------ list ------------------------------ */
.xiss-list{ list-style: none; margin: 0; padding: 0; }
.xiss-list li + li{ border-top: 1px solid var(--rule-2); }
.xiss-row{
  display: flex; align-items: center; gap: 8px; width: 100%;
  padding: 8px 6px; border: 0; background: none; font: inherit; text-align: left;
  color: var(--ink-2); cursor: pointer; border-radius: var(--radius);
}
.xiss-row:hover{ background: var(--bg-2); color: var(--ink); }
.xiss-row--static{ cursor: default; }
.xiss-row--static:hover{ background: none; color: var(--ink-2); }
.xiss-no{ color: var(--ink-3); font-size: 11px; flex: 0 0 auto; }
.xiss-title{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }
.xiss-count{ color: var(--ink-3); font-size: 10.5px; flex: 0 0 auto; }
.xiss-section{
  font-size: 10px; letter-spacing: .08em; text-transform: uppercase;
  color: var(--ink-3); margin: 14px 0 6px;
}

/* status chips — semantic brand tokens, same vocabulary as app.css states */
.xiss-status-open{ color: var(--ink-2); }
.xiss-status-in_progress{ color: var(--attn); border-color: var(--attn); }
.xiss-status-answered{ color: var(--accent); border-color: var(--accent); }
.xiss-status-closed{ color: var(--ok); border-color: var(--ok); }
.xiss-status-reopened{ color: var(--attn); border-color: var(--attn); border-style: dashed; }

/* priority chips */
.xiss-prio-low{ color: var(--ink-3); }
.xiss-prio-normal{ color: var(--ink-2); }
.xiss-prio-high{ color: var(--bg); background: var(--attn); border-color: var(--attn); }

/* ------------------------------ detail ------------------------------ */
.cde-dialog--issues{ width: min(640px, calc(100vw - 40px)); }
.xiss-meta dd{ display: block; }
.xiss-comment-input{ resize: vertical; }
.xiss-comments{ list-style: none; margin: 0 0 10px; padding: 0; }
.xiss-comments li{ padding: 8px 10px; border: 1px solid var(--rule-2); border-radius: var(--radius); margin-bottom: 6px; }
.xiss-comment-text{ font-size: 13.5px; color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; }
.xiss-comment-meta{ font-size: 10.5px; color: var(--ink-3); margin-top: 4px; }

/* M4 — RFI + comment visibility */
.xiss-rfi{ color: var(--accent); border-color: var(--accent); }
.xiss-private{ color: var(--attn); border-color: var(--attn); }
.xiss-answer{
  white-space: pre-wrap; border-left: 3px solid var(--ok);
  padding: 4px 10px; background: var(--ok-bg); border-radius: var(--radius);
}