/* C-CLI-011: New engagement, Clients and the new-client form show what is needed to start. */
.form-fold { margin: 6px 0 12px; }
.form-fold > summary { cursor: pointer; font-size: 13px; color: var(--muted, #6b6f6a); padding: 4px 0; }
.form-fold[open] > summary { margin-bottom: 6px; }
.form-fold-note { margin: 0 0 8px; }

.tidy-more { position: relative; }
.tidy-more > summary { list-style: none; cursor: pointer; }
.tidy-more > summary::-webkit-details-marker { display: none; }
.tidy-more-menu {
  position: absolute; right: 0; top: calc(100% + 4px); z-index: 30;
  display: flex; flex-direction: column; align-items: stretch; gap: 6px;
  min-width: 220px; padding: 8px; border: 1px solid var(--border, #d7d2c8);
  border-radius: 8px; background: var(--surface, #fff); box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
}
.tidy-more-menu > button { text-align: left; }

#bulk-action-bar { display: flex; }
#bulk-action-bar.hidden { display: none; }

.filters-collapsed .filter-extra { display: none; }
#clients-filters-toggle { align-self: flex-end; margin-bottom: 16px; }

/* The new-client boxes sat on their own line above their labels. */
#new-client-form .new-client-field label { display: flex; gap: 6px; align-items: flex-start; }
#new-client-form .new-client-field label input[type="checkbox"] { width: auto; margin: 2px 0 0; flex: none; }