/* Meeting Summaries only: the list, one summary's action items and its minutes. */
.ms-head, .ms-toolbar { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.ms-head { justify-content: space-between; margin-bottom: 10px; }
.ms-toolbar { align-items: center; margin-bottom: 12px; }
.ms-head-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.ms-sub-text { font-size: 12px; color: var(--text2); margin-top: 4px; line-height: 1.5; overflow-wrap: anywhere; }
.ms-title { font-size: 17px; font-weight: 700; overflow-wrap: anywhere; }
.ms-search { max-width: 360px; margin: 12px 0; }

.ms-row { display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; width: 100%; text-align: left;
  background: var(--surface); border: 0.5px solid var(--border); border-radius: var(--radius); padding: 11px 13px; margin-bottom: 8px;
  cursor: pointer; font: inherit; color: inherit; }
.ms-row:hover, .ms-row:focus-visible { background: var(--surface2); }
.ms-row-main { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1 1 240px; }
.ms-row-topic { font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.ms-row-when { font-size: 12px; color: var(--text2); }
.ms-row-side { display: flex; gap: 6px; flex-wrap: wrap; }

.ms-actions { list-style: none; margin: 0 0 10px; padding: 0; }
.ms-action { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px 12px; flex-wrap: wrap;
  padding: 9px 0; border-bottom: 0.5px solid var(--border); }
.ms-action-check { display: flex; align-items: flex-start; gap: 9px; flex: 1 1 260px; min-width: 0; cursor: pointer; }
/* app.css makes every input full width; a checkbox must not be. */
.ms-action-check input { width: auto; margin-top: 3px; flex: 0 0 auto; }
.ms-action-body { flex: 1 1 auto; min-width: 0; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.ms-action-done .ms-action-body { text-decoration: line-through; color: var(--text2); }
.ms-action-tools { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ms-action-editing { align-items: center; }
.ms-action-input { flex: 1 1 240px; min-width: 0; }
.ms-add { display: flex; gap: 8px; flex-wrap: wrap; }
.ms-add input { flex: 1 1 240px; min-width: 0; }

.ms-pick { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; line-height: 1.5; padding: 5px 0; cursor: pointer; overflow-wrap: anywhere; }
.ms-pick input { width: auto; margin-top: 3px; flex: 0 0 auto; }
.ms-pick span { flex: 1 1 auto; min-width: 0; }

.ms-minutes { font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.ms-minutes h3 { font-size: 15px; font-weight: 700; margin: 18px 0 6px; }
.ms-minutes h3:first-child { margin-top: 0; }
.ms-minutes h4 { font-size: 13px; font-weight: 700; margin: 14px 0 4px; }
.ms-minutes p { margin: 0 0 10px; }
.ms-minutes ul, .ms-minutes ol { margin: 0 0 10px; padding-left: 20px; }
.ms-minutes li { margin-bottom: 4px; }
.ms-minutes li.ms-sub { margin-left: 18px; }