/* Organization > Connections (trips from a sheet, trips by email) and Firstline > Trips by email. Loaded after app.css
   and uses its tokens, so the accent color follows the brand. */
.ing-when { display: grid; gap: 8px; align-content: start; min-inline-size: 0; }
.ing-at { display: grid; gap: 6px; max-inline-size: 180px; }
.ing-template, .ing-link { display: grid; gap: 10px; min-inline-size: 0; }
.ing-cols th { white-space: nowrap; }
.ing-link .kw-once input { font-size: 13px; }

.manage-body:has(> section.et) { max-inline-size: 1400px; }
.et-list { max-inline-size: 100%; }
.et-list > button { text-align: start; }
.et-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 32px; align-items: start; }
.et-mail, .et-rows { display: grid; gap: 12px; min-inline-size: 0; }
.et-text { margin: 0; padding: 14px 16px; background: var(--ground-alt); color: var(--ink); font: 13px/1.6 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; max-block-size: 520px; overflow: auto; }
.et-notes { margin: 0; padding-inline-start: 18px; font-size: 14px; color: var(--ink-muted); }
.et-items { list-style: none; margin: 0; padding: 0; display: grid; }
.et-item { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 12px; padding-block: 14px; border-block-end: 1px solid var(--line); }
.et-item:first-child { border-block-start: 1px solid var(--line); }
.et-item label { display: grid; gap: 4px; min-inline-size: 0; }
.et-item input { inline-size: 100%; min-inline-size: 0; }
.et-item .et-travelers { grid-column: span 2; }
.et-check { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.et-check .btn { margin-inline-start: auto; }

@media (max-width: 1080px) {
  .et-body { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .ing-when .seg, .et-list { display: grid; grid-template-columns: minmax(0, 1fr); inline-size: 100%; }
  .ing-when .seg > button, .et-list > button { white-space: normal; }
  .ing .facts dd .btn { margin-block-start: 4px; }
  .et-item { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.et-sent { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 6px; max-inline-size: 420px; }
.et-sent li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block: 6px; border-block-end: 1px solid var(--line); }