/* Financeiro > Opções auxiliares > Plano de contas, Centros de custos e Situações de financeiro.
   Medidas e cores lidas das capturas plano-contas, centros-custos e situacoes-financeiras
   (cabeçalho 46 px, linha 53 px, tabela de 1168 px). Tudo preso a .pc-page para não vazar. */

#page-title .pc-icon { width: 24px; height: 24px; fill: currentColor; vertical-align: -4px; }
.pc-icon { width: 16px; height: 16px; fill: currentColor; flex: none; }

.pc-page { font-family: 'Source Sans Pro', system-ui, sans-serif; color: #1e2124; gap: 16px; }

.pc-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.pc-toolbar-start { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }

.pc-add, .pc-export {
  display: inline-flex; align-items: center; gap: 6px; height: 37px; padding: 0 12px;
  border: 1px solid transparent; border-radius: 4px; color: #fff; font: inherit; font-size: 16px;
  text-decoration: none; cursor: pointer;
}
.pc-add { background: #119b55; border-color: #119b55; }
.pc-add:hover { background: #0f8d4d; border-color: #0f8d4d; }
.pc-export { background: #0f1921; border-color: #0f1921; }
.pc-export:hover { background: #0e171e; }
.pc-add .pc-icon, .pc-export .pc-icon { width: 15px; height: 15px; }

.pc-search { display: flex; width: min(100%, 370px); }
.pc-search input {
  flex: 1; min-width: 0; height: 37px; padding: 0 12px; border: 1px solid #d9dee2; border-right: 0;
  border-radius: 4px 0 0 4px; background: #fff; color: #1e2124; font: inherit; font-size: 15px;
}
.pc-search-button {
  display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 37px;
  border: 1px solid #0f1921; border-radius: 0 4px 4px 0; background: #0f1921; color: #fff; cursor: pointer;
}

.pc-info {
  display: flex; align-items: flex-start; gap: 16px; padding: 14px 20px;
  border: 1px solid #d9dee2; border-radius: 4px; background: #f6f6f6; color: #1e2124;
}
.pc-info-icon {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 28px; height: 28px; margin-top: 2px; border-radius: 50%; background: #0f1921; color: #fff;
}
.pc-info > div { flex: 1; min-width: 0; }
.pc-info strong { display: block; font-size: 14px; font-weight: 700; }
.pc-info p { margin: 2px 0 0; font-size: 14px; line-height: 1.4; }
.pc-info-more {
  padding: 0; border: 0; background: none; color: #1e2124; font: inherit; font-weight: 700;
  text-decoration: underline; cursor: pointer;
}
.pc-info-more:disabled { cursor: default; }
.pc-info-close { display: inline-flex; padding: 2px; border: 0; background: none; color: #616a71; cursor: pointer; }
.pc-info-close .pc-icon { width: 14px; height: 14px; }

.pc-table-wrap { border: 1px solid #d9dee2; border-radius: 4px; background: #fff; overflow-x: auto; }
.pc-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.pc-table-accounts { min-width: 760px; }
.pc-table-situations { min-width: 760px; }
.pc-table th {
  height: 46px; padding: 0 10px; border-bottom: 1px solid #d9dee2; border-right: 1px solid #d9dee2;
  background: #f6f6f6; color: #1e2124; font-size: 14px; font-weight: 700; text-align: left;
}
.pc-table th:last-child { border-right: 0; }
.pc-table td {
  height: 53px; padding: 0 10px; border-bottom: 1px solid #d9dee2; color: #1e2124;
  font-size: 14px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis;
}
.pc-table tbody tr:nth-child(odd) { background: #fff; }
.pc-table tbody tr:nth-child(even) { background: #f3f3f3; }
.pc-table tbody tr:last-child td { border-bottom: 0; }
.pc-table tbody tr.is-dragging { opacity: .5; }
.pc-table tbody tr.pc-inactive .pc-name,
.pc-table tbody tr.pc-inactive .pc-name-text { color: #737a81; }

/* Plano de contas: 14,9% / 35% / 14,8% / 25,3% / 10% (largura da captura). */
.pc-table-accounts th:nth-child(1) { width: 15%; }
.pc-table-accounts th:nth-child(2) { width: 35%; }
.pc-table-accounts th:nth-child(3) { width: 14.6%; }
.pc-table-accounts th:nth-child(4) { width: 25.3%; }
.pc-table-accounts th:nth-child(5) { width: 10.1%; }
.pc-name.is-group { font-weight: 700; }
.pc-dash { color: #737a81; }

/* Situações: 29,6% / 15,4% / 17,8% / 13,3% / 14% / 10%. */
.pc-table-situations th:nth-child(1) { width: 29.6%; }
.pc-table-situations th:nth-child(2) { width: 15.4%; }
.pc-table-situations th:nth-child(3) { width: 17.8%; }
.pc-table-situations th:nth-child(4) { width: 13.3%; }
.pc-table-situations th:nth-child(5) { width: 14%; }
.pc-table-situations th:nth-child(6) { width: 10%; }
.pc-table-centers th:nth-child(1) { width: auto; }
.pc-table-centers th:nth-child(2) { width: 10%; }

.pc-th-actions { text-align: center !important; }
.pc-sort {
  display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none;
  color: inherit; font: inherit; font-weight: 700; cursor: pointer;
}
span.pc-sort { cursor: default; }
.pc-sort .pc-icon { width: 11px; height: 11px; }

.pc-name-cell { display: flex; align-items: center; gap: 8px; height: 53px; font-weight: 700; }
.pc-name-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pc-handle { display: inline-flex; padding: 2px; border: 0; background: none; color: #616a71; cursor: grab; }
.pc-handle:disabled { cursor: default; opacity: .5; }
.pc-handle:focus-visible { outline: 2px solid #0f1921; outline-offset: 1px; }

/* Chips cinza (Pagamentos, Recebimentos, Padrão, Pendente) e verdes (Quitado, Permite, Exibe). */
.pc-chip {
  display: inline-block; padding: 1px 7px; border: 1px solid #d9dee2; border-radius: 3px;
  background: #f2f3f4; color: #616a71; font-size: 10px; font-weight: 600; line-height: 1.5; white-space: nowrap;
}
.pc-chip-default { margin-left: 4px; font-weight: 400; }
.pc-chip-ok { border-color: #2f9e4f; background: #e6f5ea; color: #0a6a22; font-weight: 700; }

/* Selo da cor: ponto e nome da cor, contorno da mesma cor. */
.pc-pill {
  --pc-bg: #f2f3f4; --pc-ink: #616a71; --pc-line: #a1a7ab;
  display: inline-flex; align-items: center; gap: 5px; padding: 1px 7px;
  border: 1px solid var(--pc-line); border-radius: 3px; background: var(--pc-bg);
  color: var(--pc-ink); font-size: 11px; font-weight: 700; line-height: 1.5; white-space: nowrap;
}
.pc-pill-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--pc-ink); flex: none; }
.pc-color-purple { --pc-bg: #e8dbe1; --pc-ink: #681a3d; --pc-line: #aa7e92; }
.pc-color-green { --pc-bg: #e5f3e6; --pc-ink: #0d671d; --pc-line: #3a9241; }
.pc-color-orange { --pc-bg: #f6e6d0; --pc-ink: #7a3d00; --pc-line: #d98720; }
.pc-color-blue { --pc-bg: #e6eff5; --pc-ink: #2a638e; --pc-line: #528bb8; }
.pc-color-red { --pc-bg: #f7e8e7; --pc-ink: #9b302d; --pc-line: #c95c54; }
.pc-color-gray { --pc-bg: #f1f1f1; --pc-ink: #5d5d5d; --pc-line: #868686; }

.pc-actions { display: flex; align-items: center; justify-content: center; gap: 5px; height: 53px; }
.pc-action {
  display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px;
  border: 1px solid #d9dee2; border-radius: 3px; background: #f7f8f9; color: #1e2124; cursor: pointer;
}
.pc-action:hover { background: #eceef0; }
.pc-action .pc-icon { width: 13px; height: 13px; }
.pc-action-delete { color: #dc3545; }
.pc-action-delete:disabled { color: #a1a7ab; cursor: not-allowed; }

.pc-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.pc-count {
  display: inline-flex; align-items: center; width: fit-content; margin: 0;
  border: 1px solid #d9dee2; border-radius: 4px; background: #fff; color: #616a71; font-size: 12px;
}
.pc-count span { align-self: stretch; display: inline-flex; align-items: center; padding: 6px 8px; background: #f6f6f6; border-right: 1px solid #d9dee2; font-weight: 600; }
.pc-count strong { padding: 6px 3px 6px 10px; color: #1e2124; font-weight: 700; }
.pc-per-page { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: #616a71; }
.pc-per-page select { height: 32px; padding: 0 8px; border: 1px solid #d9dee2; border-radius: 4px; background: #fff; }
.pc-pager { display: flex; align-items: center; gap: 12px; font-size: 13px; color: #616a71; }
.pc-page-btn { height: 32px; padding: 0 12px; border: 1px solid #d9dee2; border-radius: 4px; background: #fff; cursor: pointer; }
.pc-page-btn:disabled { cursor: default; opacity: .5; }

.pc-form { max-width: 1100px; }
.pc-form .field.pc-pending select { background: #eaecef; cursor: not-allowed; }
.pc-form .form-actions { display: flex; gap: 8px; }

/* Centros de custos: nome alinhado ao topo da linha, como na captura. */
.pc-table-centers td { vertical-align: top; }

/* Leva 3 G5: campo de busca de 38 px (a regra global de campos dá 44 px) e ícone do aviso de 32 px. */
.pc-search input { min-height: 38px; height: 38px; }
.pc-search-button { height: 38px; }
.pc-info-icon { width: 32px; height: 32px; }