.ixs-row { display: flex; min-width: 0; }
.ixs-card {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid var(--border);
  border-left: 3px solid var(--indigo, #6366f1);
  border-radius: var(--radius-md, 10px);
  background: var(--surface-alt, var(--surface));
  color: var(--ink);
  font-size: var(--text-sm, .82rem);
  line-height: 1.45;
}
.ixs-row[data-dir="out"] .ixs-card { border-left-color: var(--accent); }
.ixs-row[data-origin="system"] .ixs-card { border-left-color: var(--muted); }
.ixs-card-head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 8px 12px 6px; }
.ixs-card-ico { display: inline-flex; color: var(--muted); flex: 0 0 auto; }
.ixs-card-title { font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.ixs-card-time { margin-left: auto; color: var(--muted); font-size: var(--text-xs, .75rem); white-space: nowrap; }
.ixs-badge {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border: 1px solid var(--border);
  border-radius: var(--radius-full, 999px);
  background: var(--panel);
  color: var(--muted);
  font-size: var(--text-xs, .75rem);
  white-space: nowrap;
}
.ixs-badge.is-type { color: var(--ink); }
.ixs-badge.is-replied, .ixs-badge.is-read { color: var(--color-success-text, #147638); border-color: color-mix(in srgb, var(--color-success, #22c55e) 45%, var(--border)); }
.ixs-badge.is-expired { color: var(--dock-warn-ink, #7a4b00); border-color: color-mix(in srgb, var(--color-warning, #f59e0b) 55%, var(--border)); }
:root[data-theme="dark"] .ixs-badge.is-replied, :root[data-theme="dark"] .ixs-badge.is-read { color: var(--color-success, #22c55e); }
:root[data-theme="dark"] .ixs-badge.is-expired { color: var(--color-warning, #f59e0b); }
.ixs-thread-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid var(--border);
  border-radius: var(--radius-full, 999px);
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: var(--text-xs, .75rem);
  cursor: pointer;
}
.ixs-thread-link:hover { border-color: var(--accent); }
.ixs-thread-link:focus-visible, .ixs-more:focus-visible, .ixs-chip:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.ixs-thread-link span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ixs-card-text { margin: 0; padding: 0 12px 8px; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; }
.ixs-card.is-collapsed .ixs-card-text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ixs-refs { margin: 0; padding: 0 12px 8px 28px; color: var(--muted); font-size: var(--text-xs, .75rem); }
.ixs-refs li { overflow-wrap: anywhere; }
.ixs-refs pre { margin: 4px 0 6px; padding: 6px 8px; border-radius: 6px; background: var(--panel); color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; max-height: 180px; overflow: auto; }
.ixs-card.is-collapsed .ixs-refs { display: none; }
.ixs-card-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0 12px 8px; }
.ixs-more { border: 0; padding: 2px 0; background: transparent; color: var(--accent-text, var(--accent)); font: inherit; font-size: var(--text-xs, .75rem); cursor: pointer; }
:root[data-theme="dark"] .ixs-more { color: var(--accent); }
.ixs-more:hover { text-decoration: underline; }
.ixs-note { color: var(--muted); font-size: var(--text-xs, .75rem); }

.ixs-chip { max-width: min(46vw, 420px); }
.ixs-chip::after { display: none; }
.ixs-chip > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ixs-chip .ixs-chip-n { flex: 0 0 auto; color: var(--muted); }
@media (max-width: 680px) { .ixs-chip > span { display: inline; max-width: 30vw; } }

.ixs-mention .skill-menu-item[aria-selected="true"] { background: var(--sidebar-active, rgba(25, 25, 31, .08)); }

.ixs-dialog {
  box-sizing: border-box;
  width: min(720px, calc(100vw - 24px));
  max-height: min(80vh, 760px);
  padding: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-md, 10px);
  background: var(--bg);
  color: var(--ink);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .24);
}
.ixs-dialog::backdrop { background: rgba(0, 0, 0, .38); }
.ixs-dialog-inner { display: flex; flex-direction: column; max-height: min(80vh, 760px); }
.ixs-dialog-head { display: flex; align-items: flex-start; gap: 10px; padding: 14px 16px 10px; border-bottom: 1px solid var(--border); }
.ixs-dialog-title { flex: 1; min-width: 0; margin: 0; font-size: 1rem; font-weight: 600; overflow-wrap: anywhere; }
.ixs-dialog-sub { display: block; margin: 2px 0 0; color: var(--muted); font-size: var(--text-xs, .75rem); font-weight: 400; }
.ixs-dialog-close { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 0; border-radius: var(--radius-md, 10px); background: transparent; color: var(--muted); cursor: pointer; }
.ixs-dialog-close:hover { background: var(--surface); }
.ixs-dialog-close:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.ixs-dialog-body { display: flex; flex-direction: column; gap: 10px; padding: 12px 16px 16px; overflow-y: auto; overscroll-behavior: contain; }
.ixs-dialog-empty { color: var(--muted); padding: 12px 0; }
@media (max-width: 680px) {
  .ixs-card-time { margin-left: 0; }
  .ixs-dialog { width: calc(100vw - 12px); max-height: 88vh; }
  .ixs-dialog-inner { max-height: 88vh; }
}
.ixs-row[data-kind="claim_conflict"] .ixs-card { border-left-color: var(--color-warning, #f59e0b); }
.ixs-row[data-kind="agreement_agreed"] .ixs-card { border-left-color: var(--color-success, #22c55e); }
.ixs-badge.is-delegate-accepted, .ixs-badge.is-delegate-done { color: var(--color-success-text, #147638); border-color: color-mix(in srgb, var(--color-success, #22c55e) 45%, var(--border)); }
.ixs-badge.is-delegate-rejected, .ixs-badge.is-delegate-failed, .ixs-badge.is-delegate-expired { color: var(--dock-warn-ink, #7a4b00); border-color: color-mix(in srgb, var(--color-warning, #f59e0b) 55%, var(--border)); }
:root[data-theme="dark"] .ixs-badge.is-delegate-accepted, :root[data-theme="dark"] .ixs-badge.is-delegate-done { color: var(--color-success, #22c55e); }
:root[data-theme="dark"] .ixs-badge.is-delegate-rejected, :root[data-theme="dark"] .ixs-badge.is-delegate-failed, :root[data-theme="dark"] .ixs-badge.is-delegate-expired { color: var(--color-warning, #f59e0b); }
.ixs-decisions, .ixs-criteria { margin: 0; padding: 0 12px 8px 32px; }
.ixs-decisions li, .ixs-criteria li { margin: 2px 0; overflow-wrap: anywhere; }
.ixs-decision-text { display: block; }
.ixs-decision-meta { display: block; color: var(--muted); font-size: var(--text-xs, .75rem); }
.ixs-pinned { padding: 8px 0 4px; border: 1px solid color-mix(in srgb, var(--color-success, #22c55e) 45%, var(--border)); border-radius: var(--radius-md, 10px); background: var(--surface-alt, var(--surface)); }
.ixs-pinned-title { margin: 0; padding: 0 12px 6px; font-weight: 600; font-size: var(--text-sm, .82rem); }
@media print { .ixs-mention, .ixs-dialog { display: none !important; } }