/* Lista da tela de OCR/ICR (javascripts/gridfiles_ocerizacao.js), 07/10/2026.
   Registrado em CustomFiles pelo Delphi (FontesWeb 830a86b) com ?v=<mtime>.
   Tudo com prefixo ocr-*: as classes antigas do card (.document-item,
   .labelDesc) sao estilizadas globalmente por gridfiles_documentos.css e
   gridsavancado.css e aparecem em outras 7 grades - nada daqui as toca.
   A grade ganha a classe .ocr-grid (addCls no JS): o que mexe no Ext fica
   preso a ela. */

/* ---- grade: linha, hover, selecao, foco ---- */
.ocr-grid .x-grid-cell-inner { white-space: normal; padding: 0; }
.ocr-grid .x-grid-item .x-grid-cell { background: #fff; border-bottom: 1px solid #eceff3; }
.ocr-grid .x-grid-item-over .x-grid-cell { background: #F6F8FB; }
.ocr-grid .x-grid-item-selected .x-grid-cell { background: #EEF3FF; box-shadow: inset 0 0 0 1px #9DB4F0; }
.ocr-grid .x-grid-item-focused .x-grid-cell-inner::after { display: none; }
.ocr-vazio { padding: 28px 16px; text-align: center; color: #6b7686; font-size: 13px; }

.ocr-item { font-family: "Segoe UI", system-ui, -apple-system, sans-serif; font-size: 13px; line-height: 1.4; color: #1f2a37; }
.ocr-item [hidden] { display: none !important; }

/* faixa do modo Lista: a caixa mudou em relacao a linha anterior */
.ocr-faixa { display: flex; align-items: center; gap: 8px; padding: 3px 12px; background: #F1F3F6; border-bottom: 1px solid #e3e7ed;
  color: #4a5566; font-size: 12px; }
.ocr-faixa-txt { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ocr-faixa b { color: #1f2a37; font-weight: 600; }
.ocr-faixa + .ocr-cx-aviso:not(:empty) { padding: 0 12px 6px; background: #F1F3F6; border-bottom: 1px solid #e3e7ed; }

.ocr-linha { display: flex; align-items: center; gap: 12px; padding: 7px 12px; min-height: 48px; }

/* sigla do tipo */
.ocr-sigla { flex: 0 0 36px; height: 36px; border-radius: 6px; display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 10.5px; font-weight: 700; letter-spacing: .02em; }
.ocr-sigla--pdf { background: #B42318; }
.ocr-sigla--audio { background: #6B3FA0; }
.ocr-sigla--video { background: #A0287A; }
.ocr-sigla--imagem { background: #0F6E61; }
.ocr-sigla--planilha { background: #1E6B34; }
.ocr-sigla--texto { background: #1E4FB0; }
.ocr-sigla--apresentacao { background: #A84C0B; }
.ocr-sigla--outro { background: #5B6573; }

.ocr-corpo { flex: 1 1 auto; min-width: 0; }
.ocr-nome { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ocr-det { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin-top: 3px; font-size: 12px; color: #5b6573; }
.ocr-det > .ocr-d::before { content: "·"; margin-right: 8px; color: #a0a8b5; }
.ocr-origem { max-width: 420px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* pills de status: texto escuro sobre claro (contraste AA) */
.ocr-pill { display: inline-flex; align-items: center; padding: 1px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 600; white-space: nowrap; }
.ocr-pill--0 { background: #FDE4E4; color: #A61B1B; }
.ocr-pill--1 { background: #FFF2CC; color: #7A4F00; }
.ocr-pill--2 { background: #E1EBFF; color: #1E40AF; }
.ocr-pill--3 { background: #ECE6FF; color: #5B34B5; }
.ocr-pill--4 { background: #E3F3E8; color: #1E6B34; }
.ocr-pill--5 { background: #DDF3F0; color: #0F6B5F; }
.ocr-pill--6, .ocr-pill--x { background: #EDEFF2; color: #3F4855; }
.ocr-selo { padding: 1px 7px; border-radius: 4px; background: #2B2F36; color: #fff; font-size: 11px; font-weight: 600; }
.ocr-ileg { padding: 0 6px; border-radius: 4px; background: #FFF2CC; color: #7A4F00; font-weight: 600; }
.ocr-erro { color: #A61B1B; max-width: 420px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* paginas e tamanho alinhados a direita */
.ocr-num { flex: 0 0 auto; text-align: right; font-variant-numeric: tabular-nums; color: #4a5566; font-size: 12px; white-space: nowrap; }
.ocr-pag { width: 60px; }
.ocr-tam { width: 72px; }
.ocr-num-estreito { display: none; }

/* botoes: area de LARGURA FIXA com tres posicoes, para que pag./tamanho e os
   proprios botoes fiquem na mesma coluna em toda linha (antes a largura variava
   com o conjunto de botoes e tudo andava - ex.: mp3 sem ICR).
     1 acao principal (OCR, Visualizar, Transcrever, Tentar de novo, Na fila…)
     2 ICR
     3 olho ou "Refazer…" discreto */
.ocr-acoes { flex: 0 0 auto; display: grid; grid-template-columns: 108px 60px 128px; column-gap: 5px; align-items: center; width: 306px; }
.ocr-acoes > .ocr-btn { grid-row: 1; }
.ocr-acoes > .ocr-btn--pri, .ocr-acoes > .ocr-btn--perigo, .ocr-acoes > .ocr-btn[disabled] { grid-column: 1; width: 100%; }
.ocr-acoes > .ocr-btn[data-acao="icr"] { grid-column: 2; width: 100%; }
.ocr-acoes > .ocr-btn--ic, .ocr-acoes > .ocr-btn--disc { grid-column: 3; justify-self: start; }
.ocr-btn { display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 26px; padding: 0 9px;
  border: 1px solid transparent; border-radius: 5px; font-family: inherit; font-size: 11.5px; font-weight: 600; line-height: 1;
  cursor: pointer; white-space: nowrap; background: #fff; }
.ocr-btn i { font-size: 10.5px; }
.ocr-btn--pri { background: #1E3B8C; color: #fff; }
.ocr-btn--pri:hover:not(:disabled) { background: #172F70; }
.ocr-btn--sec { border-color: #C3CCD8; color: #1E3B8C; }
.ocr-btn--sec:hover:not(:disabled) { background: #EEF2FB; }
.ocr-btn--perigo { background: #B42318; color: #fff; }
.ocr-btn--perigo:hover:not(:disabled) { background: #8F1C13; }
.ocr-btn--disc { background: transparent; color: #4a5566; padding: 0 4px; font-weight: 500; }
.ocr-btn--disc:hover:not(:disabled) { color: #1E3B8C; text-decoration: underline; }
.ocr-btn--ic { width: 26px; padding: 0; border-color: #C3CCD8; color: #4a5566; }
.ocr-btn--ic:hover:not(:disabled) { background: #EEF2FB; color: #1E3B8C; }
/* ICR em destaque quando o arquivo tem paginas ilegiveis (evento ocrIlegiveis) */
.ocr-btn--realce { border-color: #D99A00; background: #FFF7E0; color: #7A4F00; box-shadow: 0 0 0 2px rgba(217, 154, 0, .22); }
.ocr-btn:disabled { opacity: .6; cursor: not-allowed; }
.ocr-btn:focus-visible { outline: 2px solid #1E3B8C; outline-offset: 2px; }
/* rotulo so para leitor de tela (botao com icone) */
.ocr-btn--ic .ocr-rot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---- modo Por caixa: cabecalho do grupo (Grouping nativo) ---- */
.ocr-grid .x-grid-group-hd { background: #F1F3F6; border-bottom: 1px solid #e3e7ed; padding: 6px 10px; }
.ocr-grid .x-grid-group-title { color: #1f2a37; }
.ocr-gh { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; font-size: 13px; }
.ocr-gh-rot { color: #4a5566; }
.ocr-gh-tit { font-weight: 600; }
.ocr-gh-res { color: #5b6573; font-size: 12px; }
.ocr-gh-res::before { content: "·"; margin: 0 6px 0 2px; color: #a0a8b5; }

/* ---- Processar caixa (cabecalho do grupo e faixa do modo Lista) ---- */
.ocr-cx-btn { margin-left: auto; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px;
  border: 1px solid #C3CCD8; border-radius: 5px; background: #fff; color: #1E3B8C; font-family: inherit; font-size: 11.5px;
  font-weight: 600; line-height: 1; cursor: pointer; white-space: nowrap; }
.ocr-cx-btn i { font-size: 10.5px; }
.ocr-cx-btn:hover:not(:disabled), .ocr-cx-btn[aria-expanded="true"] { background: #EEF2FB; }
.ocr-cx-btn:disabled { color: #4a5566; cursor: default; opacity: .8; }
.ocr-faixa .ocr-cx-btn { height: 22px; }
.ocr-cx-aviso { flex: 1 0 100%; min-width: 0; font-family: "Segoe UI", system-ui, -apple-system, sans-serif; }
.ocr-cx-aviso:empty { display: none; }
.ocr-gh .ocr-cx-aviso:not(:empty) { margin-top: 4px; }
.ocr-cx-and, .ocr-cx-res { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; padding: 5px 8px; border-radius: 5px;
  font-size: 12px; line-height: 1.35; cursor: default; }
.ocr-cx-and { background: #E3F3E8; color: #1E6B34; }
.ocr-cx-and-tit { font-weight: 600; white-space: nowrap; }
.ocr-cx-barra { flex: 1 1 120px; max-width: 260px; height: 6px; border-radius: 3px; background: #C5E4CF; overflow: hidden; }
.ocr-cx-barra > span { display: block; height: 100%; background: #1E7A45; transition: width .3s ease-out; }
.ocr-cx-and-num { font-variant-numeric: tabular-nums; color: #1f2a37; white-space: nowrap; }
.ocr-cx-parar { margin-left: auto; height: 22px; padding: 0 9px; border: 1px solid #B42318; border-radius: 5px; background: #fff;
  color: #A61B1B; font-family: inherit; font-size: 11.5px; font-weight: 600; cursor: pointer; }
.ocr-cx-parar:hover:not(:disabled) { background: #FDE4E4; }
.ocr-cx-parar:disabled { opacity: .6; cursor: default; }
.ocr-cx-res--ok { background: #E3F3E8; color: #1E6B34; }
.ocr-cx-res--nada { background: #EDEFF2; color: #3F4855; }
.ocr-cx-res--erro { background: #FDE4E4; color: #A61B1B; }
.ocr-cx-res-txt { flex: 1 1 auto; min-width: 0; }
.ocr-cx-fechar { flex: 0 0 auto; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 4px; background: transparent;
  color: inherit; font-size: 16px; line-height: 1; cursor: pointer; }
.ocr-cx-fechar:hover { background: rgba(0, 0, 0, .07); }
.ocr-cx-btn:focus-visible, .ocr-cx-parar:focus-visible, .ocr-cx-fechar:focus-visible, .ocr-cx-item:focus-visible,
.ocr-cx-cancelar:focus-visible, .ocr-cx-enviar:focus-visible { outline: 2px solid #1E3B8C; outline-offset: 2px; }

/* menu (fica no body, fora da grade) */
.ocr-cx-menu { position: fixed; z-index: 30000; min-width: 280px; max-width: calc(100vw - 16px); padding: 4px; background: #fff;
  border: 1px solid #d5dbe3; border-radius: 7px; box-shadow: 0 8px 24px rgba(15, 23, 42, .16);
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif; font-size: 13px; color: #1f2a37; }
.ocr-cx-menu-cab { padding: 6px 10px 4px; font-size: 11.5px; font-weight: 600; color: #5b6573; white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; max-width: 360px; }
.ocr-cx-menu-msg { padding: 8px 10px; color: #4a5566; }
.ocr-cx-menu-nota { margin: 4px 6px 2px; padding: 6px 8px; border-radius: 5px; background: #FFF2CC; color: #7A4F00; font-size: 12px; max-width: 320px; }
.ocr-cx-menu-nota--info { background: #EDEFF2; color: #3F4855; }
.ocr-cx-item { display: flex; align-items: baseline; gap: 16px; width: 100%; padding: 7px 10px; border: 0; border-radius: 5px;
  background: transparent; font-family: inherit; font-size: 13px; color: #1f2a37; text-align: left; cursor: pointer; }
.ocr-cx-item:hover:not(:disabled), .ocr-cx-item:focus { background: #EEF2FB; outline: none; }
.ocr-cx-item:disabled { cursor: default; color: #8a93a0; }
.ocr-cx-fn { font-weight: 600; white-space: nowrap; }
.ocr-cx-det { margin-left: auto; font-size: 12px; color: #5b6573; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ocr-cx-item:disabled .ocr-cx-det { color: #8a93a0; }
.ocr-cx-item--parar .ocr-cx-fn { color: #A61B1B; }

/* janela de confirmacao */
.ocr-cx-modal { position: fixed; inset: 0; z-index: 30001; display: flex; align-items: center; justify-content: center; padding: 16px;
  background: rgba(15, 23, 42, .45); font-family: "Segoe UI", system-ui, -apple-system, sans-serif; }
.ocr-cx-dlg { width: 520px; max-width: 100%; max-height: calc(100vh - 32px); overflow: auto; background: #fff; border-radius: 9px;
  box-shadow: 0 16px 48px rgba(15, 23, 42, .28); color: #1f2a37; font-size: 13px; line-height: 1.45; }
.ocr-cx-dlg-cab { padding: 18px 20px 4px; }
.ocr-cx-dlg-rot { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.ocr-cx-cor--ocr { color: #1E3B8C; }
.ocr-cx-cor--icr { color: #1E7A45; }
.ocr-cx-cor--ia { color: #5B34B5; }
.ocr-cx-dlg-tit { margin-top: 2px; font-size: 18px; font-weight: 700; overflow-wrap: anywhere; }
.ocr-cx-dlg-corpo { padding: 12px 20px 4px; }
.ocr-cx-quadros { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; margin-bottom: 12px; }
.ocr-cx-q { padding: 10px 12px; border-radius: 6px; background: #F3F5F8; }
.ocr-cx-q b { display: block; font-size: 22px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
.ocr-cx-q span { display: block; margin-top: 2px; font-size: 12px; color: #4a5566; }
.ocr-cx-q--vai { background: #E1EBFF; }
.ocr-cx-q--vai b { color: #1E3B8C; }
.ocr-cx-refazer { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid #C3CCD8; border-radius: 6px;
  cursor: pointer; font-weight: 600; }
.ocr-cx-refazer input { margin: 0; }
.ocr-cx-refazer--off { opacity: .6; cursor: default; }
.ocr-cx-perigo { display: block; margin: 4px 0 10px; color: #A61B1B; font-size: 12px; }
.ocr-cx-nota { margin: 6px 0; color: #5b6573; font-size: 12px; }
.ocr-cx-op { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; padding: 10px 12px; border: 1px solid #C3CCD8;
  border-radius: 6px; cursor: pointer; }
.ocr-cx-op input { margin: 0; }
.ocr-cx-op--sel { border: 2px solid #1E7A45; padding: 9px 11px; background: #F2FAF5; }
.ocr-cx-op--off { opacity: .55; cursor: default; }
.ocr-cx-op-txt { flex: 1 1 auto; min-width: 0; }
.ocr-cx-op-txt b { display: block; }
.ocr-cx-op-txt span { font-size: 12px; color: #4a5566; }
.ocr-cx-op-val { font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ocr-cx-op-val--verde { color: #1E7A45; }
.ocr-cx-op-val--ambar { color: #7A4F00; }
.ocr-cx-teto { margin: 10px 0 6px; padding: 8px 10px; border-radius: 6px; background: #FFF2CC; color: #7A4F00; font-size: 12px; }
.ocr-cx-teto .ocr-cx-perigo { margin: 2px 0 0; }
.ocr-cx-dlg-rod { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px 18px; }
.ocr-cx-cancelar, .ocr-cx-enviar { height: 32px; padding: 0 14px; border-radius: 5px; font-family: inherit; font-size: 13px;
  font-weight: 600; cursor: pointer; }
.ocr-cx-cancelar { border: 1px solid #C3CCD8; background: #fff; color: #1f2a37; }
.ocr-cx-cancelar:hover { background: #F3F5F8; }
.ocr-cx-enviar { border: 0; color: #fff; }
.ocr-cx-enviar--ocr { background: #1E3B8C; }
.ocr-cx-enviar--ocr:hover:not(:disabled) { background: #172F70; }
.ocr-cx-enviar--icr { background: #1E7A45; }
.ocr-cx-enviar--icr:hover:not(:disabled) { background: #186338; }
.ocr-cx-enviar--ia { background: #5B34B5; }
.ocr-cx-enviar--ia:hover:not(:disabled) { background: #4A2A94; }
.ocr-cx-enviar:disabled { opacity: .5; cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) { .ocr-cx-barra > span { transition: none; } }

/* ---- Confirmacoes do Delphi (Confirm.Question / jquery-confirm 3.3.4, tema modern) ----
   Valem SO quando o conteudo traz <div class="ocr-dlg ...">: a caixa do jquery-confirm
   passa a ter o visual da janela do Processar caixa (.ocr-cx-dlg). Sem a classe, nada
   muda - os outros Confirm do sistema seguem como estao. O titulo e o icone do
   jquery-confirm ficam so para leitor de tela; o cabecalho visivel vem do conteudo.
   Ordem dos botoes no DOM (Falcon): Confirmar, Cancelar, Outro. Na tela: Outro a
   esquerda, Cancelar, e Confirmar (cor da funcao) a direita. */
.jconfirm .jconfirm-box-container:has(.ocr-dlg) { float: none !important; width: 560px !important; max-width: calc(100vw - 32px);
  margin-left: auto !important; margin-right: auto !important; padding: 0 !important; }
.jconfirm .jconfirm-box:has(.ocr-dlg) { width: auto !important; border: 0 !important; border-radius: 9px;
  box-shadow: 0 16px 48px rgba(15, 23, 42, .28) !important; font-family: "Segoe UI", system-ui, -apple-system, sans-serif; }
.jconfirm .jconfirm-box:has(.ocr-dlg) div.jconfirm-title-c { position: absolute !important; width: 1px; height: 1px; padding: 0 !important;
  margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.jconfirm .jconfirm-box:has(.ocr-dlg) div.jconfirm-content-pane { margin-bottom: 0; font-family: inherit; }
.jconfirm .jconfirm-box:has(.ocr-dlg) div.jconfirm-content-pane .jconfirm-content { padding: 0 !important; margin: 0; text-align: left;
  font-size: 13px; color: #1f2a37 !important; }
.ocr-dlg { color: #1f2a37; font-size: 13px; line-height: 1.45; text-align: left; }
.ocr-dlg-cab { padding: 18px 20px 4px; }
.ocr-dlg-rot { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: #1E3B8C; }
.ocr-dlg--icr .ocr-dlg-rot { color: #1E7A45; }
.ocr-dlg--ia .ocr-dlg-rot { color: #5B34B5; }
.ocr-dlg-tit { margin-top: 2px; font-size: 17px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
.ocr-dlg-corpo { padding: 10px 20px 4px; }
.ocr-dlg-lead { margin: 0 0 12px; color: #4a5566; }
.ocr-dlg-quadros { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; margin-bottom: 12px; }
.ocr-dlg-q { padding: 10px 12px; border-radius: 6px; background: #F3F5F8; }
.ocr-dlg-q b { display: block; font-size: 22px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
.ocr-dlg-q span { display: block; margin-top: 2px; font-size: 12px; color: #4a5566; }
.ocr-dlg-q--vai { background: #E1EBFF; }
.ocr-dlg-q--vai b { color: #1E3B8C; }
.ocr-dlg--icr .ocr-dlg-q--vai { background: #E3F4EA; }
.ocr-dlg--icr .ocr-dlg-q--vai b { color: #1E7A45; }
.ocr-dlg-dados { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0 0 12px; }
.ocr-dlg-dados dt { color: #5b6573; font-weight: 400; }
.ocr-dlg-dados dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ocr-dlg-opcoes { margin: 0 0 12px; padding: 0; list-style: none; }
.ocr-dlg-opcoes li { margin-bottom: 8px; padding: 9px 12px; border: 1px solid #DDE3EA; border-radius: 6px; }
.ocr-dlg-opcoes li b { display: block; }
.ocr-dlg-opcoes li > span { display: block; font-size: 12px; color: #4a5566; }
.ocr-dlg-perigo, .ocr-dlg-opcoes li .ocr-dlg-perigo { color: #A61B1B; font-weight: 600; }
.ocr-dlg-nota { margin: 0 0 10px; padding: 8px 10px; border-radius: 6px; font-size: 12px; }
.ocr-dlg-nota--aviso { background: #FFF2CC; color: #5C3D00; }
.ocr-dlg-nota--info { background: #E7EEFB; color: #1E3B8C; }
.ocr-dlg-rodape { margin: 0 0 4px; font-size: 11px; color: #5b6573; }
.jconfirm .jconfirm-box:has(.ocr-dlg) .jconfirm-buttons { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px;
  float: none; padding: 12px 20px 18px !important; }
.jconfirm .jconfirm-box:has(.ocr-dlg) .jconfirm-buttons button { height: 34px; margin: 0 !important; padding: 0 14px;
  border-radius: 5px; font-family: inherit; font-size: 13px; font-weight: 600; text-transform: none; letter-spacing: 0;
  border: 1px solid #C3CCD8; background: #fff; color: #1f2a37; }
.jconfirm .jconfirm-box:has(.ocr-dlg) .jconfirm-buttons button:hover { background: #F3F5F8; }
.jconfirm .jconfirm-box:has(.ocr-dlg) .jconfirm-buttons button:focus-visible { outline: 2px solid #1E3B8C; outline-offset: 2px; }
.jconfirm .jconfirm-box:has(.ocr-dlg) .jconfirm-buttons button:nth-child(1) { order: 3; border-color: transparent; background: #1E3B8C; color: #fff; }
.jconfirm .jconfirm-box:has(.ocr-dlg) .jconfirm-buttons button:nth-child(1):hover { background: #172F70; }
.jconfirm .jconfirm-box:has(.ocr-dlg--icr) .jconfirm-buttons button:nth-child(1) { background: #1E7A45; }
.jconfirm .jconfirm-box:has(.ocr-dlg--icr) .jconfirm-buttons button:nth-child(1):hover { background: #186338; }
.jconfirm .jconfirm-box:has(.ocr-dlg--ia) .jconfirm-buttons button:nth-child(1) { background: #5B34B5; }
.jconfirm .jconfirm-box:has(.ocr-dlg--ia) .jconfirm-buttons button:nth-child(1):hover { background: #4A2A94; }
.jconfirm .jconfirm-box:has(.ocr-dlg) .jconfirm-buttons button:nth-child(2) { order: 2; }
.jconfirm .jconfirm-box:has(.ocr-dlg) .jconfirm-buttons button:nth-child(3) { order: 1; margin-right: auto !important;
  border-color: #E8B4B4; color: #A61B1B; }
.jconfirm .jconfirm-box:has(.ocr-dlg) .jconfirm-buttons button:nth-child(3):hover { background: #FDF1F1; }

/* seletor Lista | Por caixa no cabecalho da grade */
.ocr-modo { margin-right: 6px; }
/* Expandir/Recolher todas (so no modo Por caixa) */
.ocr-grupos { margin-right: 10px; }

/* ---- tela estreita: pag./tamanho voltam aos detalhes; botoes so com icone ---- */
@media (max-width: 760px) {
  .ocr-pag, .ocr-tam { display: none; }
  .ocr-num-estreito { display: inline; }
  .ocr-acoes { grid-template-columns: 26px 26px 26px; column-gap: 4px; width: 86px; }
  .ocr-btn, .ocr-acoes > .ocr-btn--pri, .ocr-acoes > .ocr-btn--perigo, .ocr-acoes > .ocr-btn[disabled],
  .ocr-acoes > .ocr-btn[data-acao="icr"] { width: 26px; padding: 0; }
  .ocr-btn .ocr-rot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .ocr-origem, .ocr-erro { max-width: 220px; }
  .ocr-cx-btn { padding: 0 7px; }
  .ocr-cx-parar { margin-left: 0; }
}