.stock-center-reuso { background:#f4f6fa; color:#172033; }
.stock-center-reuso #content { padding:18px; max-width:none; }
.sc-reuso-barra { display:flex; flex-wrap:wrap; gap:18px; align-items:center; padding:10px 18px; background:#172033; color:white; font-size:13px; }
.sc-reuso-barra a { color:white; font-weight:bold; }
.sc-reuso-barra span:last-child { margin-left:auto; color:#cbd5e1; }
.sc-previa { padding:10px 16px; background:#fff4cf; color:#624600; font-size:14px; }
.stock-center-reuso .breadcrumbs { display:none; }
.stock-center-reuso #changelist { display:block; }
.stock-center-reuso #changelist .results { width:100%; overflow-x:auto; }
.stock-center-reuso #result_list { width:100%; }
.stock-center-reuso a[aria-disabled="true"] { color:#677489; cursor:not-allowed; text-decoration:none; }

/* I11: geometria Produtos, não seu CSS global. PDV/legado ficam fora do escopo. */
body.sc-reuso-clientes,
body.sc-reuso-relatorios {
  margin:0; height:100vh; height:100dvh; min-height:0;
  display:flex; flex-direction:column; overflow:hidden;
  font:13px Tahoma, Arial, sans-serif;
}
.sc-reuso-clientes *, .sc-reuso-clientes *::before, .sc-reuso-clientes *::after,
.sc-reuso-relatorios *, .sc-reuso-relatorios *::before, .sc-reuso-relatorios *::after {
  box-sizing:border-box;
}
.sc-reuso-clientes #container, .sc-reuso-relatorios #container {
  width:100%; min-width:0; min-height:0; flex:1 1 auto;
  display:flex; flex-direction:column;
}
.sc-reuso-clientes .sc-reuso-barra, .sc-reuso-relatorios .sc-reuso-barra {
  flex:none; min-width:0; gap:6px 12px; padding:6px 12px;
  overflow-wrap:anywhere;
}
.sc-reuso-clientes #content, .sc-reuso-relatorios #content {
  width:100%; max-width:1260px; margin:8px auto 0; padding:0 14px 8px;
  flex:1 1 auto; min-width:0; min-height:0;
  display:flex; flex-direction:column;
}
.sc-reuso-clientes #content > h1, .sc-reuso-relatorios #content > h1 {
  flex:none; font-size:18px; line-height:1.25; margin:0 0 8px;
  overflow-wrap:anywhere;
}
.sc-reuso-clientes #content > p, .sc-reuso-relatorios #content > p,
.sc-reuso-clientes #content > .messagelist, .sc-reuso-relatorios #content > .messagelist {
  flex:none; margin:0 0 8px; overflow-wrap:anywhere;
}

/* Um único form, CSRF/submitters intactos; só os fieldsets rolam. */
.sc-reuso-clientes #cliente_form {
  flex:1 1 auto; min-width:0; min-height:0; margin:0;
  display:flex; flex-direction:column;
}
.sc-reuso-clientes .sc-cliente-corpo {
  flex:1 1 auto; min-width:0; min-height:0;
  overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable;
  padding:4px 10px 8px;
}
.sc-reuso-clientes .sc-cliente-acoes {
  flex:none; min-width:0; margin:6px 0 0; padding:6px 8px;
  display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px;
  background:#f5f7fb; border:1px solid #c7d2df;
}
.sc-reuso-clientes .submit-row.sc-cliente-acoes {
  overflow:visible;
}
.sc-reuso-clientes .sc-cliente-acoes input,
.sc-reuso-clientes .sc-cliente-acoes a {
  float:none; margin:0; max-width:100%; font:inherit;
  white-space:normal; overflow-wrap:anywhere;
}
.sc-reuso-clientes input, .sc-reuso-clientes select,
.sc-reuso-clientes textarea, .sc-reuso-clientes button {
  max-width:100%; font:inherit;
}
.sc-reuso-clientes #cliente_form fieldset,
.sc-reuso-clientes #cliente_form .form-row,
.sc-reuso-clientes #cliente_form .form-multiline > div {
  min-width:0;
}
.sc-reuso-clientes #cliente_form .flex-container {
  flex-wrap:wrap; gap:4px 8px; min-width:0;
}
.sc-reuso-clientes #cliente_form .form-multiline > div {
  flex:1 1 20rem;
}
.sc-reuso-clientes #cliente_form .fieldBox {
  margin:0;
}
.sc-reuso-clientes #cliente_form .aligned label {
  min-width:0; width:10rem; max-width:100%; overflow-wrap:anywhere;
}
.sc-reuso-clientes #cliente_form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),
.sc-reuso-clientes #cliente_form select,
.sc-reuso-clientes #cliente_form textarea {
  min-width:0; max-width:100%; flex:1 1 12rem;
}
.sc-reuso-clientes #cliente_form textarea {
  width:100%; resize:vertical;
}
.sc-reuso-clientes #cliente_form .help,
.sc-reuso-clientes #cliente_form .errorlist {
  margin-left:0; overflow-wrap:anywhere;
}

/* Lista: o wrapper acordado contém results; paginação fica FORA dele. */
.sc-reuso-clientes #content > form[role=search] {
  flex:none; display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px;
}
.sc-reuso-clientes #changelist {
  flex:1 1 auto; min-width:0; min-height:0; margin-top:6px;
  display:flex; flex-direction:column; align-items:stretch;
  width:100%; max-width:100%;
}
.sc-reuso-clientes #changelist > .sc-cliente-corpo {
  width:100%; max-width:100%;
  scrollbar-gutter:auto;
}
.stock-center-reuso.sc-reuso-clientes #changelist .sc-cliente-corpo .results {
  overflow:visible;
}
.sc-reuso-clientes #result_list th, .sc-reuso-clientes #result_list td {
  white-space:normal; overflow-wrap:anywhere; vertical-align:top;
}
/* Nome completo permanece em uma linha consultável pelo scroll do corpo.
   Não criar um alvo primário mais alto que o iframe nem esconder/truncar texto. */
.sc-reuso-clientes #result_list .field-nome a {
  display:inline-block; white-space:nowrap; overflow-wrap:normal;
}
.sc-reuso-clientes #result_list .field-documento,
.sc-reuso-clientes #result_list .field-celular,
.sc-reuso-clientes #result_list .field-telefone,
.sc-reuso-clientes #result_list .field-email,
.sc-reuso-clientes #result_list .field-cidade {
  min-width:8rem;
}
.sc-reuso-clientes .paginator.sc-cliente-acoes {
  line-height:1.4;
}

/* Relatórios antigos mantêm scroll próprio do main; não limitar documentos. */
.sc-reuso-relatorios #content {
  overflow:auto; overscroll-behavior:contain;
}
/* HTML operacional novo: header/filtros + corpo rolável + ações/paginação. */
.sc-reuso-relatorios .sc-operacional {
  flex:1 1 auto; min-width:0; min-height:0;
  display:flex; flex-direction:column;
}
.sc-reuso-relatorios .sc-operacional > header,
.sc-reuso-relatorios .sc-operacional > form,
.sc-reuso-relatorios .sc-operacional > .sc-operacional-acoes {
  flex:none;
}
.sc-reuso-relatorios .sc-operacional-filtros input,
.sc-reuso-relatorios .sc-operacional-filtros select {
  min-width:0; max-width:100%;
}
.sc-reuso-relatorios .sc-operacional-filtros select {
  width:20rem;
}
.sc-reuso-relatorios .sc-operacional-corpo {
  /* Filtro/nota/totais longos não podem reduzir as linhas a 12px.
     Piso legível; o main mantém alcance por scroll quando o iframe é baixo. */
  flex:1 1 auto; min-width:0; min-height:4rem;
  overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable;
  padding:4px 10px 8px;
}
.sc-reuso-relatorios .sc-operacional-acoes {
  display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px;
  min-width:0; margin-top:6px; padding:6px 8px;
  background:#f5f7fb; border:1px solid #c7d2df; overflow-wrap:anywhere;
}
.sc-reuso-relatorios .sc-operacional table {
  width:100%; border-collapse:collapse;
}
.sc-reuso-relatorios .sc-operacional th,
.sc-reuso-relatorios .sc-operacional td {
  padding:4px 6px; border-bottom:1px solid #d7e0e9;
  white-space:normal; overflow-wrap:anywhere; vertical-align:top;
}
@media (max-width:500px) {
  .sc-reuso-clientes #content, .sc-reuso-relatorios #content { padding-inline:6px; }
  .sc-reuso-clientes .sc-cliente-corpo,
  .sc-reuso-relatorios .sc-operacional-corpo { padding-inline:6px; }
  .sc-reuso-clientes #cliente_form .aligned label { width:100%; padding-right:0; }
}
/* Iframe muito baixo: alcance por scroll externo + corpo ainda rolável.
   Sem esconder campos/comandos nem adotar max-height fixo para documentos. */
@media (max-height:360px) {
  body.sc-reuso-clientes { height:auto; min-height:100dvh; overflow:auto; }
  .sc-reuso-clientes #container { flex:none; min-height:100dvh; }
  .sc-reuso-clientes #content { flex:none; overflow:visible; }
  .sc-reuso-clientes #cliente_form,
  .sc-reuso-clientes #changelist { flex:none; height:100dvh; }
}