/* v416: botões planos e organização das configurações.
   Reutiliza cores e fonte existentes; as regras abaixo só afetam a tela. */
@layer wms-flat-buttons {
  @media screen {
    html body.wms-ui :is(button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], .btn, .btn-close, .page-link, a[class*="btn"], a[class*="button"], [class$="-btn"], [class*="-btn "], [class$="-button"], [class*="-button "]),
    html body.wms-ui :is(button, [role="button"], .btn, [class$="-btn"], [class*="-btn "], [class$="-button"], [class*="-button "])::before,
    html body.wms-ui :is(button, [role="button"], .btn, [class$="-btn"], [class*="-btn "], [class$="-button"], [class*="-button "])::after {
      box-shadow: none !important;
      text-shadow: none !important;
      --bs-btn-box-shadow: none;
      --bs-btn-focus-box-shadow: none;
      --bs-btn-active-shadow: none;
    }
    html body.wms-ui :is(button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], .btn, .btn-close, .page-link, a[class*="btn"], a[class*="button"]):focus-visible {
      outline: 2px solid currentColor;
      outline-offset: 3px;
    }
  }
}
@media screen {
  /* Miniaturas de 50 px somente nas três listagens solicitadas. */
  body.wms-ui .products-page :is(.products-thumb, .products-img, .products-img-empty),
  body.wms-ui .fp-page .fp-product-img,
  body.wms-ui.fulfillment-labels-route :is(.ml-product-img, .label-no-image) {
    width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important;
    max-width: 50px !important; max-height: 50px !important; flex: 0 0 50px !important; object-fit: contain;
  }
  body.wms-ui .reab-table-wrap { overflow-x: visible; }
  body.wms-ui .reab-table:is(.is-open-list, .is-finalized-list) { width: 100%; min-width: 0; table-layout: fixed; }
  body.wms-ui .reab-table thead th { width: auto !important; white-space: normal !important; overflow-wrap: anywhere; }
  body.wms-ui .reab-table thead th:first-child { width: 74px !important; }
  body.wms-ui .reab-table thead th:nth-child(2) { width: 18% !important; }
  body.wms-ui .reab-table thead th:last-child { width: 13% !important; }
  body.wms-ui .reab-table td { min-width: 0; overflow-wrap: anywhere; white-space: normal; }
  body.wms-ui .reab-table :is(.reab-sku, .reab-address, .reab-date, .reab-time, .reab-requester, .reab-responsible) { white-space: normal; overflow-wrap: anywhere; }
  body.wms-ui .reab-action-group { flex-wrap: wrap; }
  .presales-filters { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
  .presales-filters > div { min-width: 150px; }
  .presales-filters .presales-search { flex: 1; max-width: 360px; }
  .presales-filters .params-field-label { display: block; margin-bottom: 7px; }
  .romaneio-notes-body { padding: 20px; }
  .romaneio-new-page .romaneio-card-heading { display: flex; align-items: center; gap: .7rem; }
  .romaneio-new-page .romaneio-notes-body { padding: 0; }
  .romaneio-notes-text { white-space: pre-wrap; overflow-wrap: anywhere; }
  /* Parâmetros: navegação persistente, conteúdo organizado e salvamento visível. */
  body.wms-ui.params-system-screen .params-page { padding-bottom: 112px; }
  body.wms-ui.params-system-screen .params-page-header { margin-bottom: 28px; }
  .params-workspace { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
  .params-main { min-width: 0; }
  body.wms-ui .params-tabs-wrap { position: static; margin: 0; overflow-x: auto; border-bottom: 1px solid var(--params-border); }
  .params-nav-caption { display: none; padding: 0 12px 12px; color: var(--params-muted); font-size: 12px; font-weight: 600; }
  body.wms-ui .params-tabs { display: flex; flex-direction: row; align-items: stretch; width: max-content; min-width: 0; gap: 6px; }
  body.wms-ui .params-tab { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; padding: 12px 14px; min-height: 44px; border-radius: 0; white-space: nowrap; line-height: 1.4; }
  body.wms-ui .params-tab small { display: none; color: var(--params-muted); font-weight: 400; }
  body.wms-ui .params-tab.is-active { background: transparent; }
  body.wms-ui .params-tab.is-active::after { top: auto; bottom: 0; left: 12px; right: 12px; width: auto; height: 2px; }
  .params-content-intro { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
  .params-content-intro h2 { margin: 0 0 5px; }
  .params-content-intro p { color: var(--params-muted); margin: 0; font-size: 13px; line-height: 1.6; }
  .params-intro-note { display: flex; align-items: center; gap: 7px; color: var(--params-muted); font-size: 12px; padding-top: 4px; }
  body.wms-ui .params-content-card { gap: 24px; }
  body.wms-ui .params-section { padding: 0 24px 12px; border-radius: 8px; box-shadow: none; }
  body.wms-ui .params-section-head { padding: 20px 0; min-height: 0; gap: 16px; border-bottom: 1px solid var(--params-border); }
  body.wms-ui .params-section-heading { align-items: flex-start; gap: 12px; }
  body.wms-ui .params-section-title { margin-bottom: 6px; }
  body.wms-ui .params-section-description { line-height: 1.6; max-width: 65ch; }
  body.wms-ui .params-section-body { padding: 0; }
  body.wms-ui .params-setting-row { padding: 20px 0; gap: 24px; grid-template-columns: minmax(0, 1fr) 56px; align-items: start; }
  body.wms-ui .params-setting-row + .params-setting-row { border-top: 1px solid var(--params-border); }
  body.wms-ui .params-setting-title { display: block; line-height: 1.55; font-size: 14px; font-weight: 600; }
  body.wms-ui .params-setting-description { margin-top: 7px; font-size: 13px; line-height: 1.65; max-width: 75ch; }
  body.wms-ui .params-setting-control { padding-top: 3px; }
  body.wms-ui .params-subfield { max-width: none; margin: 0 0 20px; padding: 16px 18px; border-radius: 6px; }
  body.wms-ui .params-subfield .params-control:is([type="number"], [type="date"]) { max-width: 230px; }
  body.wms-ui .params-subfield + .params-setting-row { border-top: 1px solid var(--params-border); }
  body.wms-ui .params-help-text { line-height: 1.65; margin-top: 8px; }
  body.wms-ui .params-section-badge { flex: 0 0 auto; font-size: 12px; white-space: nowrap; }
  body.wms-ui .params-savebar { left: calc(var(--wms-nav-width) + 24px); right: 24px; bottom: 16px; padding: 14px 18px; border-radius: 8px; justify-content: space-between; background: #fff; box-shadow: none; backdrop-filter: none; }
  body.wms-ui .params-save-status { position: static !important; display: flex; align-items: center; gap: 10px; width: auto !important; height: auto !important; margin: 0 !important; overflow: visible !important; clip: auto !important; white-space: normal !important; }
  body.wms-ui .params-save-status-subtitle { margin-top: 4px; line-height: 1.4; }
  body.wms-ui .params-save-actions { flex: 0 0 auto; }
  /* Multi-CD: mesma estrutura, tabelas e superfícies das páginas operacionais. */
  body.wms-ui.multi-cd-v336-page { --mcd-bg: var(--ui-bg); --mcd-primary: var(--ui-primary); --mcd-primary-dark: var(--ui-primary-hover); --mcd-primary-soft: var(--ui-primary-soft); --mcd-border: var(--ui-line); --mcd-text: var(--ui-ink); --mcd-muted: var(--ui-muted); }
  body.wms-ui .mcd-page { padding: 0 0 32px; max-width: none; }
  body.wms-ui :is(.mcd-page-header, .mcd-manage-header) { margin-bottom: 24px; }
  body.wms-ui .mcd-card { border: 1px solid var(--ui-line); border-radius: 8px; box-shadow: none; }
  body.wms-ui :is(.mcd-card-header, .mcd-section-header) { padding: 18px 20px; gap: 16px; border-bottom: 1px solid var(--ui-line); }
  body.wms-ui .mcd-form-card { margin-bottom: 24px; }
  body.wms-ui .mcd-form { padding: 20px; }
  body.wms-ui .mcd-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  body.wms-ui .mcd-field-name { grid-column: auto; }
  body.wms-ui .mcd-form-actions { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--ui-line); }
  body.wms-ui .mcd-button { border-radius: 6px; min-height: 34px; padding: 7px 12px; font-size: 13px; font-weight: 500; }
  body.wms-ui .mcd-distribution-icon { width: 32px; height: 32px; flex: 0 0 32px; font-size: 17px; border-radius: 6px; }
  body.wms-ui .mcd-distribution-name { flex-wrap: wrap; gap: 8px; }
  body.wms-ui .mcd-distribution-name strong { font-size: 13px; }
  body.wms-ui .mcd-distribution-source { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
  body.wms-ui .mcd-distribution-source strong { font-size: 12px; font-weight: 500; }
  body.wms-ui .mcd-distribution-source small { margin: 0; }
  body.wms-ui .mcd-distribution-table { min-width: 700px; }
  body.wms-ui .mcd-distribution-table .mcd-row-actions { justify-content: flex-end; flex-wrap: nowrap; }
  body.wms-ui .mcd-distribution-table-wrap { overflow: visible; border-radius: 0 0 8px 8px; }
  body.wms-ui .mcd-manage-header { padding: 0; background: transparent; border: 0; box-shadow: none; }
  body.wms-ui .mcd-manage-icon { width: 44px; height: 44px; font-size: 23px; border-radius: 8px; }
  .mcd-settings-workspace { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
  .mcd-settings-content { min-width: 0; }
  body.wms-ui .mcd-tabs { display: flex; flex-direction: row; align-items: stretch; gap: 6px; margin: 0; padding: 0; border-bottom: 1px solid var(--ui-line); background: transparent; position: static; overflow-x: auto; }
  body.wms-ui .mcd-tab { justify-content: space-between; padding: 12px; min-height: 46px; font-size: 13px; white-space: nowrap; flex-shrink: 0; border: 0; border-radius: 6px 6px 0 0; }
  body.wms-ui .mcd-tab.is-active { background: var(--ui-primary-soft); color: var(--ui-primary); }
  body.wms-ui .mcd-tab.is-active::after { display: none; }
  body.wms-ui .mcd-table-toolbar { padding: 16px 20px; }
  body.wms-ui .mcd-search-field { max-width: 360px; }
  body.wms-ui .mcd-search-field input { padding-left: 0; }
  body.wms-ui .mcd-localities-footer { padding: 16px 20px; gap: 12px; }
  body.wms-ui .mcd-operational-card .card-body { padding: 20px; }
  @media (max-width: 1199.98px) {
    .params-workspace, .mcd-settings-workspace { grid-template-columns: 1fr; gap: 20px; }
    body.wms-ui .params-tabs-wrap, body.wms-ui .mcd-tabs { position: static; overflow-x: auto; }
    body.wms-ui .params-tabs, body.wms-ui .mcd-tabs { flex-direction: row; }
    body.wms-ui .params-tabs { width: max-content; }
    body.wms-ui .params-tab { min-width: 0; }
    body.wms-ui .mcd-tab { white-space: nowrap; flex-shrink: 0; }
    .params-nav-caption { display: none; }
  }
  @media (max-width: 991.98px) { body.wms-ui .params-savebar { left: 16px; right: 16px; } }
  @media (max-width: 767.98px) {
    body.wms-ui .params-page { padding-bottom: 156px; }
    body.wms-ui .params-section { padding: 0 16px 6px; }
    body.wms-ui .params-section-head { flex-wrap: wrap; padding-block: 16px; }
    body.wms-ui .params-setting-row { gap: 12px; grid-template-columns: minmax(0, 1fr) 40px; }
    body.wms-ui .params-savebar { flex-direction: column; align-items: stretch; gap: 12px; bottom: 8px; padding: 12px; }
    body.wms-ui .params-save-actions { width: 100%; }
    body.wms-ui .params-save-status-subtitle { display: none; }
    body.wms-ui .mcd-form-grid { grid-template-columns: 1fr; gap: 18px; }
    body.wms-ui .mcd-distribution-table-wrap { overflow-x: auto; }
    body.wms-ui :is(.mcd-card-header, .mcd-section-header, .mcd-localities-footer) { padding: 16px; flex-wrap: wrap; }
    body.wms-ui .mcd-section-actions { flex-wrap: wrap; }
    body.wms-ui .mcd-form { padding: 16px; }
  }
}