/* Messages inbox (2026-10-27): every agent message in full, with the same quick actions as in Slack. Phone-safe. */
.ms-head{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.ms-title{font-size:20px;font-weight:800;margin:0 0 4px}
.ms-dim{font-size:12.5px;color:var(--muted)}
.ms-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ms-sel{padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:inherit;font:inherit;max-width:240px}
.ms-row{border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:8px;background:var(--card)}
.ms-row.ms-focus{box-shadow:0 0 0 2px var(--teal)}
.ms-meta{font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ms-meta b{color:var(--text)}
.ms-text{white-space:pre-wrap;font-size:14px;line-height:1.5;margin:8px 0 10px;max-width:72ch}
.ms-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ms-acts .btn{padding:7px 14px}
.ms-chip{font-size:12px;padding:4px 10px;border-radius:10px;border:1px dashed var(--border);color:var(--muted)}
.ms-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:var(--fill-hover);color:var(--muted);margin-left:auto}
/* 2026-10-28: tag tints from the cockpit tokens (were light-only hex), so dark mode reads too */
.ms-tag.ms-wait{color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,transparent)}.ms-tag.ms-ok{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.ms-tag.ms-snz{color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent)}.ms-tag.ms-no{color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}.ms-tag.ms-esc{color:var(--purple);background:color-mix(in srgb,var(--purple) 12%,transparent)}
.ms-empty{padding:24px;color:var(--muted)}
@media (max-width:720px){.ms-acts .btn{flex:1;text-align:center}.ms-tag{margin-left:0}}