/* R43: barra fixa do Revisar no desktop: Total à esquerda, botão à direita. */
@media (min-width: 761px) {
  .r29-review .preview-submit .review-bar,
  .preview-submit .review-bar { justify-content: space-between; padding-left: 20px; padding-right: 20px; }
  .r29-review .review-bar-info { max-width: none; }
}
/* R43: prévia na tela (o PDF usa quote-pdf.css, à parte): colunas numéricas pelo conteúdo, sem quebra. */
@media (min-width: 641px) {
  .quote-doc .doc-table th:nth-child(n+2),
  .quote-doc .doc-table td.doc-c-qty, .quote-doc .doc-table td.doc-c-unit,
  .quote-doc .doc-table td.doc-c-price, .quote-doc .doc-table td.doc-c-total {
    white-space: nowrap; width: 1%; font-variant-numeric: tabular-nums;
  }
  .quote-doc .doc-table th:nth-child(2), .quote-doc .doc-table th:nth-child(4), .quote-doc .doc-table th:nth-child(5),
  .quote-doc .doc-table td.doc-c-qty, .quote-doc .doc-table td.doc-c-price, .quote-doc .doc-table td.doc-c-total { text-align: right; }
  .quote-doc .doc-table th:first-child, .quote-doc .doc-table td.doc-c-desc { width: auto; min-width: 7em; white-space: normal; overflow-wrap: break-word; }
}
.quote-doc .doc-table td.doc-c-total, .quote-doc .doc-table td.doc-c-price { font-variant-numeric: tabular-nums; }
@media (min-width: 641px) {
  .quote-doc .doc-table th:nth-child(n+2), .quote-doc .doc-table td.doc-c-qty, .quote-doc .doc-table td.doc-c-unit, .quote-doc .doc-table td.doc-c-price, .quote-doc .doc-table td.doc-c-total { padding-left: 6px; padding-right: 6px; }
  .quote-doc .doc-table th:first-child, .quote-doc .doc-table td.doc-c-desc { padding-right: 6px; }
}
@media (max-width: 640px) {
  .quote-doc .doc-table td.doc-c-total, .quote-doc .doc-table td.doc-c-price { white-space: nowrap; }
  .quote-doc .doc-table tr, .quote-doc--lista .doc-table tr { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 10px; }
  .quote-doc .doc-table td.doc-c-desc { flex: 1 0 100%; }
  .quote-doc .doc-table td.doc-c-total { margin-left: auto; }
}

/* R43: "Sair" virou form POST + CSRF; o botão imita o item de menu (44px). */
.logout-form { margin: 0; }
.logout-btn {
  appearance: none; -webkit-appearance: none; background: none; border: 0; margin: 0;
  font: inherit; font-weight: inherit; color: inherit; letter-spacing: inherit; line-height: inherit;
  text-align: left; cursor: pointer; width: 100%; min-height: 44px; padding: 0;
  display: flex; align-items: center; transition: color .18s ease;
}
.logout-btn:hover { color: var(--gold-2); }
.logout-btn:focus-visible { outline: 3px solid #1f4fbf; outline-offset: 2px; }
.account-panel .logout-btn { padding: 0 12px; border-radius: 10px; font-weight: 700; color: #8a2a12; }
.account-panel .logout-btn:hover { background: #fff4ee; color: var(--gold-2); }
.foot-grid .logout-btn { color: var(--ink-dim); padding: 11px 0; line-height: 22px; }

/* R43: barra da Revisão com exatamente a largura do layout (mesma variável do .page-wrap.preview-layout). */
:root { --preview-layout-w: min(1120px, calc(100% - 40px)); }
@media (min-width: 1180px) { :root { --preview-layout-w: min(1320px, calc(100% - 40px)); } }
@media (min-width: 761px) {
  .page-wrap.preview-layout { width: var(--preview-layout-w); }
  .r29-review .preview-submit .review-bar,
  .preview-submit .review-bar { width: var(--preview-layout-w); max-width: none; }
}
