/* event-assistant.css — the "Event assistant" card on Community → Live (js/event-assistant-settings.js).
   Built on the app's own panel, field, input, toggle and button; these rules only lay the card out. */
.ea { display: flex; flex-direction: column; gap: 18px; }
.ea p { margin: 0; }
.ea-lede { font-size: 14.5px; line-height: 1.6; color: var(--text); max-width: 680px; }
.ea-can-h { font-size: 12.5px; font-weight: 600; color: var(--text-2); margin-bottom: -10px; }
.ea-can { list-style: none; margin: 0; padding: 0; max-width: 680px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; }
.ea-can li { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; line-height: 1.45; color: var(--text); }
.ea-can li svg { flex: none; margin-top: 2px; color: var(--good, #1c8e5a); }
.ea-box { display: flex; flex-direction: column; gap: 14px; border: 1px solid var(--border-soft, var(--border)); border-radius: 12px; padding: 16px; background: var(--surface-2); max-width: 680px; }
.ea-box .input { margin-bottom: 0; background: var(--surface); }
.ea-switch-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.ea-switch-h { font-size: 14px; font-weight: 600; color: var(--text); }
button.ea-toggle { border: 0; padding: 0; appearance: none; -webkit-appearance: none; }
button.ea-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.ea-save-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ea-msg { font-size: 13px; color: var(--text-3); }
.ea-msg-ok { color: var(--good, #15803d); font-weight: 600; }
.ea-msg-bad { color: var(--danger, #c0423a); font-weight: 600; }
.ea-step { display: flex; flex-direction: column; gap: 10px; max-width: 680px; padding-top: 16px; border-top: 1px solid var(--border-soft, var(--border)); }
.ea-step-h { margin: 0; font-size: 15px; font-weight: 700; color: var(--text); }
.ea-p { font-size: 14px; line-height: 1.55; color: var(--text-2); }
.ea-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.ea-link { border: 0; background: transparent; padding: 6px 0; color: var(--accent-deep, var(--accent)); font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.ea-ok { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--good, #15803d); background: var(--good-soft, #e3f4ea); border-radius: 999px; padding: 6px 12px; align-self: flex-start; }
.ea-say { display: flex; align-items: flex-start; gap: 12px; border: 1px solid var(--border); border-radius: 12px; padding: 12px 12px 12px 14px; background: var(--surface); }
.ea-say-text { flex: 1; min-width: 0; font-size: 14.5px; line-height: 1.55; color: var(--text); overflow-wrap: anywhere; user-select: all; }
.ea-say-empty { color: var(--text-3); font-size: 14px; }
.ea-copy { flex: none; }
.ea-small { font-size: 12.5px; line-height: 1.5; color: var(--text-3); }
.ea-small:empty { display: none; }
/* An assistant added by hand (the Account page's panel): the switch between two, the address to paste, its steps. */
.ea-pick { margin-bottom: 2px; }
.ea-sub-h { font-size: 13px; font-weight: 600; color: var(--text); margin-top: 4px; }
.ea-addr { display: flex; gap: 8px; align-items: center; }
.ea-addr .input { flex: 1; min-width: 0; margin-bottom: 0; font-size: 13px; }
.ea-steps { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; line-height: 1.5; color: var(--text-2); }
@media (max-width: 640px) {
  .ea-can { grid-template-columns: minmax(0, 1fr); }
  .ea-say { flex-direction: column; }
  .ea-copy { align-self: stretch; }
  .ea-box { padding: 14px; }
}