/* V31: compact catalog and progressive product form. */
#produtosList.product-compact-list { display: block !important; width: 100%; min-width: 0; }
.product-table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--line-soft); border-radius: 14px; }
.product-compact-table { width: 100%; border-collapse: collapse; text-align: left; font-size: .9rem; }
.product-compact-table th, .product-compact-table td { padding: 14px 16px; border-bottom: 1px solid var(--line-soft); vertical-align: middle; }
.product-compact-table thead { background: var(--surface-muted); color: var(--text-secondary); }
.product-compact-table tbody tr:last-child > * { border-bottom: 0; }
.product-compact-table tbody tr:hover { background: var(--surface-muted); }
.product-list-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.product-list-actions .btn { min-height: 40px; }
#productCatalogSearchBar { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(160px, .5fr) auto auto; align-items: end; gap: 12px; }
.product-extra-filters { position: relative; align-self: end; }
.product-extra-filters summary, .product-form-options > summary { cursor: pointer; padding: 12px 14px; border: 1px solid var(--line-soft); border-radius: 10px; color: var(--heading-color); background: var(--surface-muted); font-weight: 600; }
.product-extra-filters-body { position: absolute; right: 0; top: calc(100% + 8px); z-index: 10; width: min(300px, 76vw); padding: 16px; display: grid; gap: 12px; background: var(--modal-card-bg); border: 1px solid var(--line-soft); border-radius: 12px; box-shadow: 0 12px 35px rgba(0,0,0,.2); }
.product-extra-filters-body select { width: 100%; }
.product-form-options { grid-column: 1 / -1; min-width: 0; }
.product-options-grid { padding: 16px 0 4px; }
.product-form-options summary::marker { color: var(--accent); }
#produtoFormCard .product-form-journey { display: none; }
#produtoFormCard .form-grid { align-items: start; }
#produtoFormCard .product-form-panel-top span { font-size: .85rem; }
#produtoFormCard .product-options-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
#productReserveFields { display: none !important; }
@media (max-width: 760px) {
  #productCatalogSearchBar { grid-template-columns: minmax(0, 1fr) auto; }
  #productCatalogSearchBar > .product-catalog-search { grid-column: 1 / -1; }
  #productCatalogSearchBar > label { min-width: 0; }
  #productCatalogSearchBar .product-catalog-clear { grid-column: 1 / -1; }
  .product-compact-table, .product-compact-table tbody { display: block; }
  .product-compact-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .product-compact-table tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 14px; gap: 14px; border-bottom: 1px solid var(--line-soft); }
  .product-compact-table tbody tr > * { padding: 0; border: 0; min-width: 0; overflow-wrap: anywhere; }
  .product-compact-table tbody th { grid-column: 1 / -1; font-size: 1rem; }
  .product-compact-table td::before { display: block; content: attr(data-label); color: var(--text-secondary); font-size: .75rem; margin-bottom: 5px; }
  .product-compact-table td:last-child { grid-column: 1 / -1; }
  .product-list-actions .btn { flex: 1; min-height: 44px; }
  #produtoFormCard .product-options-grid { grid-template-columns: minmax(0, 1fr); }
  #produtoFormCard input, #produtoFormCard select { font-size: 16px; }
  .product-extra-filters-body { right: 0; }
}
@media (max-width: 900px) {
  body:is(.orders-modal-open, .client-quick-create-open, .client-record-form-open,
    .client-contact-modal-open, .client-closing-open, .client-detail-open, .stock-modal-open,
    .client-whatsapp-modal-open, .client-activity-modal-open, .vehicle-catalog-modal-open,
    .agenda-modal-open, .agenda-reminder-modal-open, .product-form-pad-open,
    .permission-composer-pad-open, .request-composer-pad-open, .operation-confirm-open,
    .finance-entry-pad-open, .sidebar-open, .search-open, .module-export-open,
    .attachment-preview-open) #mobileNavigationDock { display: none !important; visibility: hidden !important; pointer-events: none !important; }
  body:has(#ordersOverlay) #mobileNavigationDock,
  body:has(.stock-modal-overlay:not(.hidden):not([hidden])) #mobileNavigationDock { display: none !important; visibility: hidden !important; pointer-events: none !important; }
  #sidebar:not(.open) { transform: translateX(-110%) !important; pointer-events: none; }
  #sidebar.open { transform: translateX(0) !important; pointer-events: auto; }
  #sidebar { position: fixed !important; left: 0; top: 0; width: min(88vw, 320px); }
}
/* Informational messages do not intercept Save or other actions. */
#toastStack { pointer-events: none; }
#toastStack .toast-content, #toastStack .toast-content span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  #productWorkspaceMetrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #panel-culturas .product-workspace-hero { padding: 16px; gap: 16px; }
  #panel-culturas .product-workspace-hero .section-title { font-size: 1.5rem; }
  #panel-culturas .product-workspace-hero .section-sub { font-size: .85rem; }
}
#clientQuickCreateOverlay .client-quick-create-card,
#clientQuickCreateOverlay .client-quick-create-form,
#clientQuickCreateOverlay .client-quick-create-actions { background: var(--bg-raised); }
@media (max-width: 760px) {
  #productWorkspaceMetrics { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #productWorkspaceMetrics .product-workspace-metric { grid-column: auto !important; width: auto; min-width: 0; }
}