/* e6c.css -- attention queue (S-0000-0351). Two surfaces: a floating, dismissible card
 * stack (never blocking -- position: fixed, no backdrop, no pointer-events trap on the
 * rest of the page) and a small inline list inside the Agents tab so a dismissed card can
 * be found again. All colours from core.css' tokens, no own hex. */

.e6c-stack {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 500;
  display: flex;
  flex-direction: column-reverse;   /* newest on top */
  gap: 8px;
  max-width: 340px;
  pointer-events: none;             /* the gaps between cards never eat a click */
}
.e6c-stack[hidden] { display: none; }

.e6c-card {
  background: var(--surface2);
  border: 1px solid var(--rule);
  border-left: 3px solid var(--attn);
  border-radius: 3px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .35);
  padding: 8px 10px;
  pointer-events: auto;             /* the card itself IS clickable */
}
.e6c-card.e6c-k3 { border-left-color: var(--danger); }   /* ATN_BRAKE: the brake parked a run */

.e6c-head {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
.e6c-kind {
  font-size: calc(var(--ui-fs) * 10 / 13);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--text-dim);
}
.e6c-ticket, .e6c-engine {
  font-size: calc(var(--ui-fs) * 10 / 13);
  color: var(--text-dim);
  background: var(--surface);
  border-radius: 2px;
  padding: 0 4px;
}
.e6c-x {
  margin-left: auto;
  background: none;
  border: none;
  color: var(--text-dim);
  font-size: calc(var(--ui-fs) * 16 / 13);
  line-height: 1;
  cursor: pointer;
  padding: 0 2px;
}
.e6c-x:hover { color: var(--text); }

.e6c-text {
  font-size: var(--ui-fs);
  color: var(--text-strong);
  white-space: pre-wrap;
  margin-bottom: 6px;
}

.e6c-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.e6c-opt {
  background: var(--accent);
  color: var(--accent-tx);
  border: none;
  border-radius: 2px;
  padding: 3px 10px;
  font-size: var(--ui-fs);
  cursor: pointer;
}
.e6c-opt:hover { background: var(--accent-hi); }
.e6c-reply {
  flex: 1;
  min-width: 100px;
  background: var(--bg);
  color: var(--text);
  border: 1px solid var(--rule);
  border-radius: 2px;
  padding: 3px 6px;
  font-size: var(--ui-fs);
}
.e6c-reply:focus { outline: none; border-color: var(--focus); }

/* status bar badge */
.e6c-badgeitem { cursor: default; }
.e6c-badgeitem.e6c-badge-on {
  cursor: pointer;
  color: var(--attn);
  font-weight: 600;
}

/* inline list inside the Agents tab */
.e6c-inline {
  border-top: 1px solid var(--rule);
  flex: none;
  max-height: 160px;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.e6c-inlinehead {
  height: var(--row-h);
  line-height: var(--row-h);
  padding: 0 8px;
  font-size: calc(var(--ui-fs) * 11 / 13);
  letter-spacing: .04em;
  color: var(--text-dim);
  flex: none;
}
.e6c-inlinelist { overflow-y: auto; min-height: 0; }
.e6c-empty { padding: 4px 8px; color: var(--text-dim); font-size: calc(var(--ui-fs) * 11 / 13); }

.e6c-introw {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  font-size: calc(var(--ui-fs) * 11 / 13);
}
.e6c-introw.done { opacity: .6; }
.e6c-introwtext {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.e6c-answered { color: var(--ok); }
.e6c-reopen {
  background: none;
  border: 1px solid var(--rule);
  color: var(--text-dim);
  font-size: calc(var(--ui-fs) * 10 / 13);
  padding: 0 6px;
  border-radius: 2px;
  cursor: pointer;
}
.e6c-reopen:hover { color: var(--text); }

/* light theme only (S-0000-0382 group C): the floating attention card becomes a soft
 * card, using the light shape/elevation tokens -- dark is untouched (same guard as
 * core.css's #menubar .dropdown block). */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .e6c-card {
    background: var(--surface-card); border-radius: var(--radius-md);
    box-shadow: var(--shadow-card);
  }
}
:root[data-theme="light"] .e6c-card {
  background: var(--surface-card); border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
}

/* S-0000-0422: the question on an attention card is text you may want to copy */
.e6c-text, .e6c-introwtext { -webkit-user-select: text; user-select: text; }