.interaction-card{margin:12px 0;padding:20px;border:1px solid var(--line,#e4dcee);border-radius:18px;background:var(--surface,#fff);max-width:760px}
.interaction-heading{display:flex;align-items:center;gap:10px;color:var(--text,#302440)}
.interaction-heading svg{width:22px;height:22px;flex:none}
.interaction-heading span{margin-left:auto;font-size:12px;color:#79658e;white-space:nowrap}
.interaction-card p{white-space:pre-wrap;line-height:1.6;margin:12px 0;color:#6c5c7c}
.interaction-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.interaction-card button{min-height:40px}
.interaction-card form{display:grid;gap:12px}.interaction-card label{display:grid;gap:6px}
.interaction-card input,.interaction-card select{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d8cce5;border-radius:10px;background:#fff;color:#302440;font:inherit}
.interaction-card form button{justify-self:start}.interaction-table{overflow:auto}
.interaction-table table{width:100%;border-collapse:collapse}.interaction-table th,.interaction-table td{padding:10px;text-align:left;border-bottom:1px solid #e4dcee;white-space:pre-wrap}
.cloud-computer{width:100%;height:65vh;border:1px solid #e4dcee;border-radius:12px}