.cooperative-page .collection-card { padding: 1rem; margin-block-end: 1rem; }
.cooperative-page .collection-directory-card { padding: .75rem; }
.cooperative-page h2 { margin: 0 0 .75rem; }
.cooperative-page h3 { margin: 0 0 .75rem; font-size: 1rem; }
.collection-section-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; margin-bottom: .75rem; }
.collection-section-heading h2 { margin: 0; }
.collection-toolbar-actions, .collection-row-buttons, .collection-action-header { display: flex; align-items: center; justify-content: flex-end; gap: .35rem; }
.collection-toolbar-actions { flex-wrap: wrap; }
.collection-row-buttons { gap: .15rem; white-space: nowrap; }
.collection-grid-shell { width: 100%; overflow-x: auto; }
.collection-grid .rz-grid-table td, .collection-grid .rz-grid-table th { padding-top: 3px; padding-bottom: 3px; vertical-align: middle; }
.collection-grid .rz-column-title-content { white-space: normal; }
.collection-directory-grid { min-width: 480px; }
.collection-offers-grid { min-width: 780px; }
.collection-progress-grid { min-width: 1250px; }
.collection-grid small { display: block; line-height: 1.35; margin-top: .15rem; white-space: normal; }
.collection-muted { color: var(--otc-muted); }
.collection-reference-code { overflow-wrap: anywhere; }
.collection-empty { padding: 1rem; color: var(--otc-muted); text-align: center; }
.collection-inline-fields { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
/* Keep outlined labels inside the grid cell's clipped content area. */
.collection-directory-grid .collection-inline-fields { padding-block: .5rem .125rem; }
.collection-inline-source { width: 18rem; max-width: 100%; }
.collection-inline-name { flex: 1; min-width: 12rem; }
.collection-filter-bar { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }
.collection-date-field { width: 180px; max-width: 100%; }
.collection-harvest-field { width: 155px; max-width: 100%; }
.collection-group-field { width: 250px; max-width: 100%; }
.collection-portfolio-field { display: flex; align-items: center; gap: .25rem; width: 300px; max-width: 100%; }
.collection-portfolio-field .otc-portfolio-selector-field { flex: 1; min-width: 0; }
.collection-form-grid, .collection-state-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.collection-state-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.collection-form-grid > *, .collection-state-grid > * { min-width: 0; }
.collection-form-grid .rz-form-field, .collection-state-grid .rz-form-field, .collection-wide-field,
.collection-form-grid .otc-portfolio-selector-field, .collection-form-grid .otc-portfolio-selector { width: 100%; }
.cooperative-page .rz-form-field-content > .rz-dropdown, .cooperative-page .rz-form-field-content > .rz-numeric,
.cooperative-page .rz-form-field-content > .rz-datepicker, .cooperative-page .rz-form-field-content > .rz-textbox,
.cooperative-page .rz-form-field-content > .rz-textarea { width: 100%; }
.collection-wide-field { margin-top: 1rem; }
.collection-form-section { padding-block: 1rem; border-bottom: 1px solid var(--otc-border); }
.collection-form-section:last-of-type { border-bottom: 0; }
.collection-form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.collection-check, .collection-date-row { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.collection-check { margin-block: 1rem; }
.collection-date-row { gap: 1rem; margin-block: .75rem; }
.collection-guidance { margin-block: .75rem; }
.cooperative-page .cooperative-warning { display: block; color: var(--rz-warning-dark); font-size: .85em; }
.collection-value-details { font-size: .85em; white-space: normal; text-align: left; }
.collection-value-details summary { cursor: pointer; }
@media (max-width: 1100px) { .collection-state-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
    .collection-form-grid, .collection-state-grid { grid-template-columns: minmax(0, 1fr); }
    .collection-filter-bar { align-items: stretch; }
    .collection-portfolio-field, .collection-group-field { width: 100%; }
    .collection-section-heading { align-items: flex-start; }
}