/* Meeting section inside the event card. */
.meeting { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); display: grid; gap: 16px; }
.m-block { display: grid; gap: 8px; }
.status-field { max-width: 240px; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; }
.pchip { display: inline-flex; align-items: center; gap: 2px; padding: 2px 2px 2px 10px; border-radius: 999px; background: color-mix(in oklab, var(--meet) 14%, var(--surface)); font-size: 13.5px; }
.pchip .check-meta { margin-left: 6px; }
.check-list { display: grid; gap: 4px; }
.check-list li { display: flex; align-items: center; gap: 4px; justify-content: space-between; border-radius: var(--r-s); }
.check-list li:hover { background: var(--surface-2); }
.check-row { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; min-height: 40px; cursor: pointer; padding-left: 4px; }
.check { width: 20px; height: 20px; }
.check-text { overflow-wrap: anywhere; }
.check-meta { display: block; font-size: 12.5px; color: var(--muted); }
.pchip .check-meta { display: inline; }
.check-list li.is-done .check-text { color: var(--muted); text-decoration: line-through; }
.add-row { display: flex; gap: 8px; align-items: center; }
.add-row .input { flex: 1; min-width: 0; }
.add-row--wrap { flex-wrap: wrap; }
.add-row--wrap .input { flex: 1 1 140px; }
.add-row--wrap input[type="date"] { flex: 0 1 150px; }
.saved { font-size: 13px; color: var(--accent); }

/* Action item due date */
.due-lbl { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ink-2); font-weight: 600; flex: 0 1 auto; }
.add-row--wrap .due-lbl .input--due, .input--due { width: 142px; flex: 0 0 auto; padding: 4px 8px; min-height: 36px; }
.due-edit { display: inline-flex; align-items: center; gap: 0; flex: none; }
.due-clear[hidden] { display: none; }
.check-list--actions li { flex-wrap: wrap; row-gap: 0; }
.check-list--actions .check-row { flex: 1 1 180px; }
@media (max-width: 720px) {
  .due-lbl { flex: 1 1 100%; }
  .add-row--wrap .due-lbl .input--due { flex: 1; width: auto; }
  .check-list--actions .due-edit { margin-left: 28px; }
}