/* Companies and Search (module S5). Every rule starts with a class that begins with "companies-" (design document 7.2):
   S5 has one stylesheet for web/companies.js and web/search.js. The shared classes are U2's, in style.css; a rule here
   only places them on these pages. Sources: the three boards, and design-system.md where a board draws no phone. */
.companies-list, .companies-page, .companies-search { display: flex; flex-direction: column; gap: 20px; } /* Dashboard-Companies:78 */
.companies-list .table-row > :last-child { text-align: right; } /* Dashboard-Companies:88, "Open next steps" right-aligned */
.companies-timeline .card-head { padding: 14px 24px; } /* Dashboard-Company:130 */
.companies-filter { grid-template-columns: repeat(4, minmax(0, 1fr)); } /* Dashboard-Company:132 */
.companies-events .list-row { justify-content: space-between; padding: 12px 20px; } /* Dashboard-Company:210 */
.companies-events .list-row-note { font-size: 13px; } /* Dashboard-Company:212 */
.companies-search-field { max-width: 560px; } /* Dashboard-Search:82 */
.companies-search-field .input { height: 44px; } /* Dashboard-Search:84 */
.companies-found { display: flex; flex-direction: column; gap: 20px; } /* Dashboard-Search:78 */
.companies-results { max-width: 880px; display: flex; flex-direction: column; gap: 24px; } /* Dashboard-Search:93 */
.companies-missing { margin: 0; font-size: 14px; color: #566579; } /* design-system.md 9.2, an empty list */

/* The phone layout: below 872px (design document 7.8). No phone board: phone sizes from design-system.md 2.3, 3.2, 3.4. */
@media (max-width: 871.98px) {
  .companies-list, .companies-page, .companies-search, .companies-found { gap: 16px; } /* design-system.md 2.3, .page-main */
  .companies-results { gap: 16px; } /* design-system.md 2.3 */
  .companies-events .list-row { padding: 10px 14px; } /* design-system.md 3.9, phone list rows */
  .companies-filter button { padding: 0 4px; font-size: 13px; } /* design-system.md 3.4, the four timeline segments */
  .companies-search-field .input { height: 48px; } /* design-system.md 3.2, phone inputs */
}