/* Meetings (module S6). Every rule starts with a class that begins with "meetings-" (design document 7.2).
   The shared classes are U2's, in style.css; a rule here only places them on these pages. Sources: the four boards. */
.meetings-list, .meetings-page { display: flex; flex-direction: column; gap: 20px; } /* Dashboard-Meetings:78, Dashboard-Meeting:78 */
.meetings-head .head-card { align-items: flex-start; gap: 16px 20px; } /* Dashboard-Meeting:83 */
.meetings-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; } /* Dashboard-Meeting:90 */
.meetings-recorded { font-size: 13px; color: #566579; } /* Dashboard-Meeting:92 */
.meetings-notes .card-head, .meetings-materials .card-head { padding: 14px 24px; } /* Dashboard-Meeting:108, :125 */
.meetings-materials-list { display: flex; flex-direction: column; gap: 16px; padding: 4px 24px 24px; } /* Dashboard-Meeting:128 */
.meetings-material { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; } /* Dashboard-Meeting:128 */
.meetings-material .photo-tile { flex: none; width: 144px; height: 96px; } /* Dashboard-Meeting:129 */
.meetings-material-facts { flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; gap: 4px; } /* Dashboard-Meeting:133 */
.meetings-material-title { font-weight: 600; color: #102c4a; } /* Dashboard-Meeting:134 */
.meetings-material-when, .meetings-material-text { font-size: 13px; color: #566579; } /* Dashboard-Meeting:135 */
.meetings-agreed { display: flex; align-items: center; gap: 6px; font-size: 13px; } /* Dashboard-Meeting:136 */
.meetings-agreed svg { flex: none; color: #17654f; } /* Dashboard-Meeting:136 */
.meetings-missing { margin: 0; font-size: 14px; color: #566579; } /* design-system.md 9.2, an empty list */
.meetings-form { display: flex; flex-direction: column; gap: 18px; } /* Dashboard-New-Meeting:25 */
.meetings-chosen { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } /* Dashboard-New-Meeting:28 */
.meetings-when { display: flex; flex-wrap: wrap; gap: 12px; } /* Dashboard-New-Meeting:47 */
.meetings-when > * { min-width: 0; flex: 1 1 0; } /* Dashboard-New-Meeting:49 */
.meetings-when > :first-child { flex: 1.4 1 0; } /* Dashboard-New-Meeting:48 */
.meetings-when > .shell-field-error { order: 1; flex: 1 0 100%; } /* design-system.md 9.2: the error of the date or the time under both fields */
.meetings-notes-field .textarea { height: 120px; } /* Dashboard-New-Meeting:66 */

/* The phone layout: below 872px (design document 7.8). */
@media (max-width: 871.98px) {
  .meetings-list, .meetings-page { gap: 16px; } /* Member-Meeting:26; design-system.md 2.3 */
  .meetings-materials-list { padding: 16px; } /* design-system.md 3.8, a phone card */
  .meetings-when { gap: 8px; } /* Member-Meeting:48 */
  .meetings-for { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } /* Member-Meeting:72 */
}