/* Approved UI review W5/W6/W8. Scoped to management operations; no global navigation rules. */
.loading-form-disclosure { min-width: 0; }
.loading-form-disclosure > summary { width: fit-content; cursor: pointer; }
.loading-form-disclosure[open] > summary { margin-bottom: 12px; }
.loading-form-group { min-width: 0; margin: 0; padding: 14px; border: 1px solid var(--line); border-radius: 10px; display: grid; gap: 12px; }
.loading-form-group legend { padding: 0 6px; font-weight: 700; }
.field-requirement { color: var(--muted); font-weight: 400; }
.loading-trip-summary { display: grid; gap: 6px; padding: 14px; border-left: 4px solid var(--accent); background: var(--surface-soft, #f6f5f1); border-radius: 8px; }
.loading-trip-summary > strong { font-size: 1.2rem; }
.loading-journal > p { margin: 8px 0; }
.shipment-file-check > summary { cursor: pointer; font-weight: 600; }
.shipment-file-check > button { margin-top: 10px; }
body[data-page="settings"] .settings-section-inactive { display: none !important; }
body[data-page="settings"] .project-settings-grid { grid-template-columns: minmax(0, 1fr); }
.settings-categories { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.settings-review-notice { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 10px; margin-bottom: 12px; }
.settings-review-notice.requires-attention { border-color: #a44824; background: #fff6ed; color: #7b3017; }
.settings-catalog .catalog-create { margin: 0 0 12px; }
.settings-catalog .catalog-create > summary { color: var(--accent); font-weight: 700; cursor: pointer; padding: 8px 0; }
.settings-catalog .catalog-create[open] > summary { margin-bottom: 6px; }
.settings-catalog .customer-toolbar { flex-wrap: wrap; align-items: end; }
.settings-catalog .customer-toolbar > label { min-width: 0; flex: 1; }
.settings-catalog #model-list { margin-top: 12px; }
body[data-page="settings"] .project-settings-grid:has(> .service-status-card:not(.settings-section-inactive)) .service-status-card { order: -1; }
@media (max-width: 650px) {
  .loading-form-group { padding: 10px; }
  .settings-review-notice { align-items: flex-start; flex-wrap: wrap; }
  .settings-categories .button { flex: 1 1 auto; }
}