/* Meus dados e Usuários (conta e equipe). Reaproveita os cartões e campos de fornecedores.css. */
.account-page { max-width: 1160px; }
.account-actions { display: flex; justify-content: flex-end; gap: 8px; }
.account-access { display: flex; flex-direction: column; margin: -16px -16px -18px; }
.account-access-row { display: grid; grid-template-columns: 172px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #e6e6e6; min-height: 46px; }
.account-access-row:last-child { border-bottom: 0; }
.account-access-label { color: #444; font-size: 13px; display: flex; flex-direction: column; gap: 4px; }
.account-access-label small { color: #666; font-size: 10px; line-height: 1.35; }
.account-access-value { font-size: 12px; color: #262b2f; font-weight: 700; }
.account-access-control { display: flex; justify-content: flex-end; }
.account-btn { display: inline-flex; align-items: center; gap: 5px; height: 26px; min-height: 26px; padding: 0 8px; border: 1px solid #262b2f; border-radius: 3px; background: #fff; color: #262b2f; font-size: 12px; }
.account-btn svg { width: 12px; height: 12px; }
.account-btn[disabled] { opacity: 1; cursor: default; }
.account-password-form { padding: 12px 16px 14px; background: #fafafa; border-bottom: 1px solid #e6e6e6; }
.account-password-form[hidden] { display: none; }
.account-photo-help { margin: 0; color: #666; font-size: 11px; }

.team-page { max-width: none; }
.team-search { display: flex; align-items: center; gap: 4px; }
.team-search input[type="search"] { height: 37px; width: 238px; padding: 0 10px; border: 1px solid #ccc; border-radius: 3px 0 0 3px; background: #fff; font-size: 13px; }
.team-search .search-dark { width: 40px; min-height: 37px; padding: 0; justify-content: center; border-radius: 0; background: #0f1921; color: #fff; }
.team-search .search-dark:last-child { margin-left: 4px; border-radius: 4px; }
.team-search .search-dark[disabled] { opacity: 1; cursor: default; }
.team-search .search-dark svg { width: 16px; height: 16px; }
.team-page .data-table th:last-child, .team-page .data-table td:last-child { width: 128px; text-align: center; }
.team-page .data-table th:nth-child(2), .team-page .data-table td:nth-child(2) { width: 18%; }
.team-page .data-table tbody tr:nth-child(even) { background: #f3f3f3; }
.team-page .data-table td { height: 41px; vertical-align: middle; }
.team-group { text-decoration: underline; }
.team-off { color: #777; }
.team-inactive td { color: #777; }
.team-total { display: inline-flex; align-self: flex-start; margin: 0; border: 1px solid #dcdcdc; border-radius: 3px; background: #fff; font-size: 11px; }
.team-total span { padding: 6px 8px; background: #f5f5f5; border-right: 1px solid #dcdcdc; color: #444; }
.team-total strong { padding: 6px 4px 6px 8px; font-size: 11px; }
.team-total small { padding: 6px 8px 6px 0; color: #666; }
.team-invite-form { max-width: none; }
.team-page .data-table td.record-name { font-weight: 400; }

/* Campos extras de clientes: cartões de apoio com ícone colorido, como no original. */
.aux-cards-icons .aux-card { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-color: #e3e3e3; }
.aux-card-icon { display: inline-grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 4px; }
.aux-card-icon svg { width: 14px; height: 14px; }
.aux-card-icon.is-edit { background: #ece8fb; color: #5b3fd1; }
.aux-card-icon.is-filter { background: #dfeafb; color: #1f5fc6; }
.aux-card-icon.is-table { background: #dff3e6; color: #1f8a4c; }
.aux-cards-icons .aux-card h4 { margin: 0 0 4px; font-size: 13px; }
.aux-cards-icons .aux-card p { font-size: 11px; }

/* Tipos de contatos e de endereços: lista fixa, como no original. */
.aux-types .aux-toolbar .button.accent[disabled] { opacity: 1; cursor: default; background: #0f1921; color: #fff; }
.aux-types .data-table td.record-name { font-weight: 400; }
.aux-types .data-table tbody tr:nth-child(even) { background: #f3f3f3; }
.aux-types .data-table th:last-child, .aux-types .data-table td:last-child { width: 90px; text-align: center; }
.aux-types .row-icon[disabled] { opacity: 1; cursor: default; }
.aux-types .row-icon.danger { color: #d9534f; }

/* ---- Leva 2: menu "Mais ações" das listas (clientes, fornecedores, chamados) e variante do módulo Agenda ---- */
/* Cores medidas nas capturas clientes--mais-acoes, atendimentos-chamados--mais-acoes e agenda-clientes. */
.reg-more { position: relative; display: inline-block; }
.reg-more > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; }
.reg-more > summary::-webkit-details-marker { display: none; }
.reg-more[open] > summary { background: #b2b6b9; border-color: #b2b6b9; color: #0f1921; }
.reg-more-caret { font-size: 10px; }
.reg-more-menu { position: absolute; z-index: 30; top: calc(100% + 2px); left: 0; margin: 0; padding: 0; list-style: none; min-width: 190px; background: #fff; border: 1px solid #d9dee2; border-radius: 3px; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15); }
.reg-more-menu li + li { border-top: 1px solid #d9dee2; }
.reg-more-menu button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 6px 14px; border: 0; background: #fff; color: #262b2f; font: inherit; font-size: 14px; text-align: left; white-space: nowrap; cursor: pointer; }
.reg-more-menu button:hover:not(:disabled) { background: #f3f5f6; }
.reg-more-menu button:disabled { color: #8c9399; cursor: not-allowed; }
.reg-more-menu svg { width: 16px; height: 16px; flex: none; color: #262b2f; }
.reg-more-menu button:disabled svg { opacity: 0.6; }
.reg-more-menu .is-green svg { color: #2a9e46; }
.reg-more-menu .is-red svg { color: #d6313f; }

/* Coluna "Selecionado" que aparece ao abrir o menu. */
th.reg-select, td.reg-select { width: 42px; padding: 0 !important; text-align: center; }
.reg-select input { width: 16px; height: 16px; margin: 0; vertical-align: middle; }
#view-root .customers-list .data-table[data-selecting] th:nth-child(2), #view-root .customers-list .data-table[data-selecting] td:nth-child(2) { width: 35%; }
#view-root .customers-list .data-table[data-selecting] th:nth-child(3), #view-root .customers-list .data-table[data-selecting] td:nth-child(3) { width: 13%; }
#view-root .customers-list .data-table[data-selecting] th:nth-child(4), #view-root .customers-list .data-table[data-selecting] td:nth-child(4) { width: 9.5%; }
#view-root .customers-list .data-table[data-selecting] th:nth-child(5), #view-root .customers-list .data-table[data-selecting] td:nth-child(5) { width: 13%; }
#view-root .customers-list .data-table[data-selecting] th:nth-child(6), #view-root .customers-list .data-table[data-selecting] td:nth-child(6) { width: 16%; }
#view-root .customers-list .data-table[data-selecting] th:nth-child(7), #view-root .customers-list .data-table[data-selecting] td:nth-child(7) { width: 9.5%; }
#view-root .suppliers-list .data-table[data-selecting] th:nth-child(2), #view-root .suppliers-list .data-table[data-selecting] td:nth-child(2) { width: 48%; }
#view-root .suppliers-list .data-table[data-selecting] th:nth-child(3), #view-root .suppliers-list .data-table[data-selecting] td:nth-child(3) { width: 17%; }
#view-root .suppliers-list .data-table[data-selecting] th:nth-child(4), #view-root .suppliers-list .data-table[data-selecting] td:nth-child(4) { width: 19%; }
#view-root .suppliers-list .data-table[data-selecting] th:nth-child(5), #view-root .suppliers-list .data-table[data-selecting] td:nth-child(5) { width: 14.5%; text-align: center; }

/* Agenda: botões da linha cheios (azul, laranja e vermelho) e lista de clientes sem "Cadastrado em" (5 colunas). */
.row-icon-actions.is-agenda .row-icon, .reg-row-actions .is-agenda .reg-row-button {
  width: 24px; height: 24px; border: 0; border-radius: 3px; color: #fff; box-shadow: none;
}
.row-icon-actions.is-agenda .row-icon:nth-child(1), .reg-row-actions .is-agenda .reg-row-button:nth-child(1) { background: #11b8e9; }
.row-icon-actions.is-agenda .row-icon:nth-child(2), .reg-row-actions .is-agenda .reg-row-button:nth-child(2) { background: #f0922a; }
.row-icon-actions.is-agenda .row-icon:nth-child(3), .reg-row-actions .is-agenda .reg-row-button:nth-child(3) { background: #f25f4e; color: #fff; }
.row-icon-actions.is-agenda .row-icon:hover:not(:disabled), .reg-row-actions .is-agenda .reg-row-button:hover:not(:disabled) { filter: brightness(0.95); background-color: inherit; }
.row-icon-actions.is-agenda .row-icon:disabled { opacity: 0.6; }
#view-root .customers-list.is-agenda .data-table th:nth-child(1), #view-root .customers-list.is-agenda .data-table td:nth-child(1) { width: 38%; }
#view-root .customers-list.is-agenda .data-table th:nth-child(2), #view-root .customers-list.is-agenda .data-table td:nth-child(2) { width: 16%; }
#view-root .customers-list.is-agenda .data-table th:nth-child(3), #view-root .customers-list.is-agenda .data-table td:nth-child(3) { width: 14%; }
#view-root .customers-list.is-agenda .data-table th:nth-child(4), #view-root .customers-list.is-agenda .data-table td:nth-child(4) { width: 18%; }
#view-root .customers-list.is-agenda .data-table th:nth-child(5), #view-root .customers-list.is-agenda .data-table td:nth-child(5) { width: 14%; }
#view-root .data-table[data-selecting] th.reg-select, #view-root .data-table[data-selecting] td.reg-select,
#view-root .customers-list .data-table[data-selecting] th:nth-child(1), #view-root .customers-list .data-table[data-selecting] td:nth-child(1),
#view-root .suppliers-list .data-table[data-selecting] th:nth-child(1), #view-root .suppliers-list .data-table[data-selecting] td:nth-child(1) { width: 42px; min-width: 42px; }

/* Chamados (leva 2): Mais ações escuro, painel de busca avançada (capturas atendimentos-chamados--busca-avancada e --mais-acoes). */
.g8c-toolbar .reg-more > summary.g8c-btn { min-height: 36px; padding: 0 14px; }
.g8c-toolbar .reg-more[open] > summary.g8c-btn { background: #0f1b24; border-color: #0f1b24; color: #fff; }
.g8c-toolbar .g8c-btn.is-green:disabled { background: #119b55; border-color: #119b55; opacity: 1; }
.tk-search-toggle.is-open { background: #f1f2f4; border-color: #d0d4d8; color: #262b2f; }
.tk-search { display: flex; flex-direction: column; gap: 14px; padding: 18px 16px; border: 1px solid #dfe2e5; border-radius: 6px; background: #fff; }
.tk-search[hidden] { display: none; }
.tk-row { display: grid; grid-template-columns: 138px minmax(0, 1fr) 360px; gap: 22px; align-items: end; }
.tk-row.tk-selects { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.tk-field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: #262b2f; }
.tk-field input, .tk-field select { height: 36px; padding: 0 10px; border: 1px solid #d0d4d8; border-radius: 4px; background: #fff; font: inherit; font-size: 14px; }
.tk-date-range { display: flex; align-items: center; gap: 10px; }
.tk-date-range em { font-style: normal; font-size: 13px; }
.tk-date { display: flex; flex: 1; min-width: 0; }
.tk-date input { flex: 1; min-width: 0; border-radius: 4px 0 0 4px; }
.tk-date-icon { display: inline-grid; place-items: center; width: 36px; height: 36px; border: 1px solid #d0d4d8; border-left: 0; border-radius: 0 4px 4px 0; background: #f8f9fa; color: #262b2f; }
.tk-date-icon svg { width: 16px; height: 16px; }
.tk-actions { display: flex; gap: 6px; }
@media (max-width: 900px) { .tk-row, .tk-row.tk-selects { grid-template-columns: 1fr; } }
.g8c-toolbar .g8c-btn.tk-search-toggle.is-open { background: #f1f2f4; border-color: #d0d4d8; color: #262b2f; }

/* Listas de cadastros (clientes, fornecedores, funcionários, transportadoras): botões da linha e selo de acesso, medidos nas capturas.
   Fundo #f7f8f9, borda #d9dee2, ícone #1e2124 e lixeira #d83c4a; fora da Agenda (que usa os botões cheios). */
#view-root:is([data-view='customers'], [data-view='suppliers'], [data-view='employees'], [data-view='carriers']) .row-icon-actions:not(.is-agenda) .row-icon,
#view-root:is([data-view='customers'], [data-view='suppliers'], [data-view='employees'], [data-view='carriers']) .reg-row-actions > div:not(.is-agenda) .reg-row-button {
  width: 28px; height: 28px; border: 1px solid #d9dee2; border-radius: 3px; background: #f7f8f9; color: #1e2124; box-shadow: none;
}
#view-root:is([data-view='customers'], [data-view='suppliers'], [data-view='employees'], [data-view='carriers']) .row-icon-actions:not(.is-agenda) .row-icon.danger,
#view-root:is([data-view='customers'], [data-view='suppliers'], [data-view='employees'], [data-view='carriers']) .reg-row-actions > div:not(.is-agenda) .reg-row-button.is-danger { color: #d83c4a; }
#view-root:is([data-view='employees'], [data-view='carriers']) .reg-badge { padding: 2px 6px; border-color: #d9dee2; border-radius: 3px; background: #f2f3f4; color: #616a71; font-size: 10px; font-weight: 600; line-height: 14px; }
#view-root:is([data-view='employees'], [data-view='carriers']) .reg-badge.is-active { border-color: #006a1a; background: #ddf1e2; color: #006a1a; }
#view-root:is([data-view='employees'], [data-view='carriers']) .reg-badge.is-blocked { border-color: #d9dee2; background: #f2f3f4; color: #616a71; }

/* Larguras de coluna e nome das listas de Fornecedores e Transportadoras, medidas nas capturas (tabela de 1169 px). */
#view-root .suppliers-list:not(.is-agenda) .data-table:not([data-selecting]) th:nth-child(1), #view-root .suppliers-list:not(.is-agenda) .data-table:not([data-selecting]) td:nth-child(1) { width: 37%; }
#view-root .suppliers-list:not(.is-agenda) .data-table:not([data-selecting]) th:nth-child(2), #view-root .suppliers-list:not(.is-agenda) .data-table:not([data-selecting]) td:nth-child(2) { width: 24%; }
#view-root .suppliers-list:not(.is-agenda) .data-table:not([data-selecting]) th:nth-child(3), #view-root .suppliers-list:not(.is-agenda) .data-table:not([data-selecting]) td:nth-child(3) { width: 29%; }
#view-root .suppliers-list:not(.is-agenda) .data-table:not([data-selecting]) th:nth-child(4), #view-root .suppliers-list:not(.is-agenda) .data-table:not([data-selecting]) td:nth-child(4) { width: 10%; }
#view-root .suppliers-list .data-table th { background: #f6f6f6; }
#view-root .suppliers-list .data-table td.record-name { font-weight: 400; color: #282b2e; }
#view-root[data-view='carriers'] .reg-table th:nth-child(1) { width: 38.4%; }
#view-root[data-view='carriers'] .reg-table th:nth-child(2) { width: 28.6%; }
#view-root[data-view='carriers'] .reg-table th:nth-child(3) { width: 23%; }
#view-root[data-view='carriers'] .reg-table th:nth-child(4) { width: 10%; }
/* Título de Fornecedores com o ícone de prédio, como no original. */
#page-title[data-route='suppliers'][data-mode='list']::before, #page-title[data-route='agenda-suppliers'][data-mode='list']::before {
  content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 6px; vertical-align: -2px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23262b2f'%3E%3Cpath fill-rule='evenodd' d='M5 2h14a1 1 0 0 1 1 1v19h-6v-4h-4v4H4V3a1 1 0 0 1 1-1zm2.5 3v2h2V5zm4 0v2h2V5zm4 0v2h2V5zM7.5 9v2h2V9zm4 0v2h2V9zm4 0v2h2V9zm-8 4v2h2v-2zm4 0v2h2v-2zm4 0v2h2v-2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Agenda (leva 3): linhas de 50 px e larguras de coluna medidas nas capturas agenda-*.png (Ações com 141 px de 1169). */
#view-root .customers-list.is-agenda .data-table:not([data-selecting]) th:nth-child(1), #view-root .customers-list.is-agenda .data-table:not([data-selecting]) td:nth-child(1) { width: 42.9%; }
#view-root .customers-list.is-agenda .data-table:not([data-selecting]) th:nth-child(2), #view-root .customers-list.is-agenda .data-table:not([data-selecting]) td:nth-child(2) { width: 16.6%; }
#view-root .customers-list.is-agenda .data-table:not([data-selecting]) th:nth-child(3), #view-root .customers-list.is-agenda .data-table:not([data-selecting]) td:nth-child(3) { width: 11.6%; }
#view-root .customers-list.is-agenda .data-table:not([data-selecting]) th:nth-child(4), #view-root .customers-list.is-agenda .data-table:not([data-selecting]) td:nth-child(4) { width: 16.9%; }
#view-root .customers-list.is-agenda .data-table:not([data-selecting]) th:nth-child(5), #view-root .customers-list.is-agenda .data-table:not([data-selecting]) td:nth-child(5) { width: 12%; }
#view-root .suppliers-list.is-agenda .data-table:not([data-selecting]) th:nth-child(1), #view-root .suppliers-list.is-agenda .data-table:not([data-selecting]) td:nth-child(1) { width: 36.2%; }
#view-root .suppliers-list.is-agenda .data-table:not([data-selecting]) th:nth-child(2), #view-root .suppliers-list.is-agenda .data-table:not([data-selecting]) td:nth-child(2) { width: 23.4%; }
#view-root .suppliers-list.is-agenda .data-table:not([data-selecting]) th:nth-child(3), #view-root .suppliers-list.is-agenda .data-table:not([data-selecting]) td:nth-child(3) { width: 28.3%; }
#view-root .suppliers-list.is-agenda .data-table:not([data-selecting]) th:nth-child(4), #view-root .suppliers-list.is-agenda .data-table:not([data-selecting]) td:nth-child(4) { width: 12.1%; }
#view-root[data-view='agenda-employees'] .reg-table th:nth-child(1), #view-root[data-view='agenda-employees'] .reg-table td:nth-child(1) { width: 16.3%; }
#view-root[data-view='agenda-employees'] .reg-table th:nth-child(2), #view-root[data-view='agenda-employees'] .reg-table td:nth-child(2) { width: 32.4%; }
#view-root[data-view='agenda-employees'] .reg-table th:nth-child(3), #view-root[data-view='agenda-employees'] .reg-table td:nth-child(3) { width: 17.6%; }
#view-root[data-view='agenda-employees'] .reg-table th:nth-child(4), #view-root[data-view='agenda-employees'] .reg-table td:nth-child(4) { width: 21.6%; }
#view-root[data-view='agenda-employees'] .reg-table th:nth-child(5), #view-root[data-view='agenda-employees'] .reg-table td:nth-child(5) { width: 12.1%; }
#view-root[data-view='agenda-carriers'] .reg-table th:nth-child(1), #view-root[data-view='agenda-carriers'] .reg-table td:nth-child(1) { width: 37.6%; }
#view-root[data-view='agenda-carriers'] .reg-table th:nth-child(2), #view-root[data-view='agenda-carriers'] .reg-table td:nth-child(2) { width: 27.9%; }
#view-root[data-view='agenda-carriers'] .reg-table th:nth-child(3), #view-root[data-view='agenda-carriers'] .reg-table td:nth-child(3) { width: 22.5%; }
#view-root[data-view='agenda-carriers'] .reg-table th:nth-child(4), #view-root[data-view='agenda-carriers'] .reg-table td:nth-child(4) { width: 12%; }
#view-root .is-agenda .data-table td, #view-root:is([data-view='agenda-employees'], [data-view='agenda-carriers']) .reg-table td { height: 50px; }

/* Busca de Fornecedores: mesma barra de Clientes (botão de visão, campo e duas lupas escuras). */
.suppliers-search { display: flex; align-items: stretch; gap: 0; flex-wrap: nowrap; }
.suppliers-search .view-toggle { width: 42px; min-height: 37px; margin-right: 4px; padding: 0; justify-content: center; border-color: #ccc; color: #0f1921; background: #fff; }
.suppliers-search .view-toggle[disabled], .suppliers-search .search-dark[disabled] { opacity: 1; cursor: default; }
.suppliers-search .view-toggle svg, .suppliers-search .search-dark svg { width: 16px; height: 16px; }
.suppliers-search input[type="search"] { width: 238px; min-height: 37px; padding: 6px 12px; border-radius: 4px 0 0 4px; font-size: 15px; }
.suppliers-search .search-dark { width: 41px; min-height: 37px; padding: 0; justify-content: center; border-radius: 0; background: #0f1921; color: #fff; }
.suppliers-search .search-dark:last-child { margin-left: 4px; border-radius: 4px; }

/* Novo fornecedor: cartões com as mesmas medidas do formulário de novo cliente (largura total, cabeçalho cinza, campos de 37 px). */
.supplier-form { max-width: none; gap: 16px; }
.supplier-form .supplier-card { border-color: #e3e3e3; overflow: visible; }
.supplier-form .supplier-card-header { padding: 13px 20px 12px; border-bottom-color: #e3e3e3; background: #f6f6f6; border-radius: 4px 4px 0 0; }
.supplier-form .supplier-card-header h2 { display: block; font-size: 20px; line-height: 26px; }
.supplier-form .supplier-card-header h2 strong { font-weight: 600; }
.supplier-form .supplier-card-icon { width: 18px; height: 16px; margin-right: 4px; color: #555; vertical-align: -1px; }
.supplier-form .supplier-card-header p { margin: 6px 0 0; color: #555; line-height: 14px; }
.supplier-form .supplier-card-body { padding: 17px 20px 19px; }
.supplier-form .supplier-fields { gap: 13px 30px; }
.supplier-form .supplier-fields .field { display: grid; gap: 5px; }
.supplier-form .supplier-fields label { color: #616a71; font-size: 14px; }
.supplier-form .supplier-fields label.required::after { content: ' *'; color: #d9534f; }
.supplier-form .supplier-fields input, .supplier-form .supplier-fields select { padding: 6px 12px; font-size: 15px; }
.supplier-form .supplier-fields .field-unsaved input, .supplier-form .supplier-fields .field-unsaved select, .supplier-form .supplier-fields input:disabled { background: #eee; color: #999; }

/* Formulários de Transportadora e Funcionário: campos de 38 px, rótulo de 14 px e "+" branco nos botões de adicionar (medidas de transportadora-nova.png e funcionario-novo.png). */
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new { margin-top: -4px; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-box { border-color: #d9dee2; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-box-head { border-bottom-color: #d9dee2; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-label { font-size: 14px; color: #616a71; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-field :is(input:not([type='checkbox']):not([type='file']), select) { height: 38px; padding: 6px 11px; font-size: 15px; border-color: #c7ced4; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-field select { padding-right: 28px; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-outline .reg-icon svg path { fill: #fff; }

/* Texto das tabelas de cadastros: 14 px no cabeçalho e nas células (medido nas capturas; antes 12, 13 e 15 px). */
#view-root:is([data-view='customers'], [data-view='suppliers'], [data-view='employees'], [data-view='carriers'], [data-view='team'], [data-view='agenda-customers'], [data-view='agenda-suppliers'], [data-view='agenda-employees'], [data-view='agenda-carriers']) table :is(th, td) { font-size: 14px; }
#view-root:is([data-view='customers'], [data-view='suppliers'], [data-view='team'], [data-view='agenda-customers'], [data-view='agenda-suppliers']) .data-table th { color: #1e2124; background: #f6f6f6; }
/* Usuários: título com ícone de pessoa, botão Grupos no formato do original e larguras da tabela (288, 182, 550 e 149 px de 1169). */
#page-title[data-route='team'][data-mode='list']::before {
  content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 6px; vertical-align: -2px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23262b2f'%3E%3Ccircle cx='12' cy='7' r='5'/%3E%3Cpath d='M3 22c0-5 4-8 9-8s9 3 9 8z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.team-page .data-table { table-layout: fixed; }
.team-page .data-table th:nth-child(1), .team-page .data-table td:nth-child(1) { width: 24.6%; }
.team-page .data-table th:nth-child(2), .team-page .data-table td:nth-child(2) { width: 15.6%; }
.team-page .data-table th:nth-child(3), .team-page .data-table td:nth-child(3) { width: 47%; }
.team-page .data-table th:nth-child(4), .team-page .data-table td:nth-child(4) { width: 12.8%; text-align: center; }
.team-page .data-table td { height: 53px; }
.team-page .data-table td.record-name { font-weight: 400; }
.team-page .suppliers-actions .button.secondary[disabled] { opacity: 1; color: #0f1921; border-color: #0f1921; background: #fff; cursor: default; }
.team-page .suppliers-actions .button.secondary::before {
  content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: -3px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230f1921'%3E%3Crect x='9' y='2' width='6' height='5'/%3E%3Crect x='1' y='16' width='6' height='5'/%3E%3Crect x='9' y='16' width='6' height='5'/%3E%3Crect x='17' y='16' width='6' height='5'/%3E%3Cpath d='M11 7h2v4h7v5h-2v-3H6v3H4v-5h7z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Rodapé "Registros | N no total": caixa de 32 px, primeira célula cinza com texto em negrito (medido em usuarios.png). */
.team-page .team-total { display: inline-flex; align-items: center; align-self: flex-start; width: fit-content; max-width: max-content; height: 32px; margin: 0; border-color: #d9dee2; background: #fff; font-size: 13px; color: #616a71; overflow: hidden; }
.team-page .team-total span { padding: 0 11px; line-height: 30px; background: #f6f6f6; border-right-color: #d9dee2; font-weight: 600; color: #616a71; }
.team-page .team-total strong { padding: 0 4px 0 11px; font-size: 13px; font-weight: 600; color: #1e2124; }
.team-page .team-total small { padding: 0 11px 0 0; font-size: 13px; color: #616a71; }
#view-root:is([data-view='carriers'], [data-view='employees'], [data-view='agenda-employees'], [data-view='agenda-carriers']) .reg-count { align-items: center; height: 32px; border-color: #d9dee2; font-size: 13px; color: #616a71; overflow: hidden; }
#view-root:is([data-view='carriers'], [data-view='employees'], [data-view='agenda-employees'], [data-view='agenda-carriers']) .reg-count span { padding: 0 11px; line-height: 30px; }
#view-root:is([data-view='carriers'], [data-view='employees'], [data-view='agenda-employees'], [data-view='agenda-carriers']) .reg-count span:first-child { background: #f6f6f6; font-weight: 600; }
#view-root:is([data-view='carriers'], [data-view='employees'], [data-view='agenda-employees'], [data-view='agenda-carriers']) .reg-count span + span { border-left-color: #d9dee2; }
#view-root:is([data-view='carriers'], [data-view='employees'], [data-view='agenda-employees'], [data-view='agenda-carriers']) .reg-count strong { color: #1e2124; }

/* Chamados (estado vazio): medidas de atendimentos-chamados.png em 1440 px (círculo de 96, quatro cartões de 266 com 12 de espaço). */
#view-root[data-view='tickets'] .g8c-empty { gap: 0; padding: 48px 33px 24px; border-color: #d9dee2; border-radius: 4px; }
#view-root[data-view='tickets'] .g8c-empty-icon { width: 96px; height: 96px; border: 1px solid #dcdcdc; background: #f6f6f6; }
#view-root[data-view='tickets'] .g8c-empty-icon .fincfg-icon { width: 38px; height: 38px; }
#view-root[data-view='tickets'] .g8c-empty h2 { margin: 20px 0 0; font-size: 22px; line-height: 28px; }
#view-root[data-view='tickets'] .g8c-empty p { max-width: 520px; margin: 9px 0 0; color: #6c757d; font-size: 15px; line-height: 22.5px; }
#view-root[data-view='tickets'] .g8c-empty .g8c-btn { margin-top: 21px; font-size: 15px; }
#view-root[data-view='tickets'] .g8c-empty > small { margin-top: 30px; font-size: 11px; }
#view-root[data-view='tickets'] .g8c-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; width: 100%; margin-top: 10px; }
#view-root[data-view='tickets'] .g8c-benefit { flex: none; min-width: 0; align-items: flex-start; gap: 12px; padding: 15px; border-color: #d9dee2; }
#view-root[data-view='tickets'] .g8c-benefit strong { font-size: 15px; line-height: 22.5px; color: #262b2f; }
#view-root[data-view='tickets'] .g8c-benefit-icon { width: 36px; height: 36px; }
#view-root[data-view='tickets'] .g8c-benefit-icon .fincfg-icon { width: 16px; height: 16px; }

/* Contador (Configurar contabilidade): cabeçalho cinza de 50 px, campos de 38 px com rótulo de 15 px e coluna de texto de 28 px (medidas de contador.png). */
#view-root[data-view='accountant'] .g8c-panel > .fincfg-section-head { min-height: 0; padding: 12px 20px; background: #f6f6f6; border-bottom: 1px solid #d9dee2; }
#view-root[data-view='accountant'] .fincfg-section-head h2 { font-size: 20px; font-weight: 400; line-height: 25px; }
#view-root[data-view='accountant'] .g8c-accountant { grid-template-columns: 742px minmax(0, 1fr); gap: 30px; padding: 20px 20px 24px; }
#view-root[data-view='accountant'] .g8c-accountant-form { gap: 19px; }
#view-root[data-view='accountant'] .g8c-field { gap: 8px; font-size: 15px; color: #333; }
#view-root[data-view='accountant'] .g8c-field input, #view-root[data-view='accountant'] .g8c-field textarea { padding: 6px 12px; border: 1px solid #c7ced4; border-radius: 3px; background: #fff; font-size: 15px; }
#view-root[data-view='accountant'] .g8c-field input { height: 38px; }
#view-root[data-view='accountant'] .g8c-field textarea { height: 134px; }
#view-root[data-view='accountant'] .g8c-field input:disabled, #view-root[data-view='accountant'] .g8c-field textarea:disabled { background: #fff; }
#view-root[data-view='accountant'] .g8c-accountant-about h2 { margin: -4px 0 10px; font-size: 28px; line-height: 34px; }
#view-root[data-view='accountant'] .g8c-accountant-about p { font-size: 14px; line-height: 21px; }
@media (max-width: 1100px) { #view-root[data-view='accountant'] .g8c-accountant { grid-template-columns: 1fr; } }

/* Opções auxiliares de clientes (tipos de contatos, tipos de endereços, campos extras): aviso com ícone escuro, rodapé e cartões medidos nas capturas. */
#page-title[data-route='customer-contact-types']::before, #page-title[data-route='customer-address-types']::before, #page-title[data-route='customer-attributes']::before {
  content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 6px; vertical-align: -2px; background-position: center; background-size: contain; background-repeat: no-repeat;
}
#page-title[data-route='customer-contact-types']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23262b2f'%3E%3Cpath d='M2 9v6h3l3 6h3l-2.200-6H11l9 4V5l-9 4zm20 3a3 3 0 0 0-1-2v4a3 3 0 0 0 1-2z'/%3E%3C/svg%3E"); }
#page-title[data-route='customer-address-types']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23262b2f'%3E%3Cpath fill-rule='evenodd' d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.500a2.500 2.500 0 1 1 0-5 2.500 2.500 0 0 1 0 5z'/%3E%3C/svg%3E"); }
#page-title[data-route='customer-attributes']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23262b2f' stroke-width='2'%3E%3Crect x='9' y='3' width='12' height='14' rx='1.500'/%3E%3Cpath d='M15 21H5a1 1 0 0 1-1-1V8'/%3E%3C/svg%3E"); }
#view-root:is([data-view='customer-contact-types'], [data-view='customer-address-types'], [data-view='customer-attributes']) .aux-notice { align-items: center; padding: 15px 16px; border-color: #d9dee2; background: #f6f6f6; border-radius: 3px; }
#view-root:is([data-view='customer-contact-types'], [data-view='customer-address-types'], [data-view='customer-attributes']) .aux-notice-icon { display: inline-grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 50%; background: #0f1921; color: #fff; }
#view-root:is([data-view='customer-contact-types'], [data-view='customer-address-types'], [data-view='customer-attributes']) .aux-notice-icon svg { width: 16px; height: 16px; }
#view-root:is([data-view='customer-contact-types'], [data-view='customer-address-types'], [data-view='customer-attributes']) .aux-notice-text strong { font-size: 14px; font-weight: 600; color: #1e2124; }
#view-root:is([data-view='customer-contact-types'], [data-view='customer-address-types'], [data-view='customer-attributes']) .aux-notice-text p { font-size: 14px; color: #1e2124; }
#view-root:is([data-view='customer-contact-types'], [data-view='customer-address-types']) .data-table th { background: #f6f6f6; color: #1e2124; font-size: 14px; }
#view-root:is([data-view='customer-contact-types'], [data-view='customer-address-types']) .data-table td { font-size: 14px; height: 53px; }
#view-root:is([data-view='customer-contact-types'], [data-view='customer-address-types'], [data-view='customer-attributes']) .aux-count { align-items: center; height: 32px; border-color: #d9dee2; border-radius: 3px; font-size: 13px; color: #616a71; }
#view-root:is([data-view='customer-contact-types'], [data-view='customer-address-types'], [data-view='customer-attributes']) .aux-count-label { padding: 0 11px; line-height: 30px; background: #f6f6f6; border-right-color: #d9dee2; font-weight: 600; color: #616a71; }
#view-root:is([data-view='customer-contact-types'], [data-view='customer-address-types'], [data-view='customer-attributes']) .aux-count-total { padding: 0 11px; color: #616a71; }
#view-root:is([data-view='customer-contact-types'], [data-view='customer-address-types'], [data-view='customer-attributes']) .aux-count-total strong { color: #1e2124; }
/* Campos extras: estado vazio (círculo de 96, título de 24, parágrafo de 15, três cartões de 358). */
#view-root[data-view='customer-attributes'] .aux-empty { padding: 48px 33px 24px; border-color: #d9dee2; border-radius: 4px; }
#view-root[data-view='customer-attributes'] .aux-empty-icon { width: 96px; height: 96px; border: 1px solid #d9dee2; background: #f6f6f6; }
#view-root[data-view='customer-attributes'] .aux-empty-icon svg { width: 38px; height: 38px; }
#view-root[data-view='customer-attributes'] .aux-empty h3 { margin: 22px 0 0; font-size: 24px; font-weight: 600; line-height: 30px; color: #1e2124; }
#view-root[data-view='customer-attributes'] .aux-empty > p { max-width: 540px; margin: 8px auto 0; font-size: 15px; line-height: 22.5px; color: #616a71; }
#view-root[data-view='customer-attributes'] .aux-empty-actions { margin-top: 20px; }
#view-root[data-view='customer-attributes'] .aux-empty-actions .button { min-height: 37px; font-size: 15px; }
#view-root[data-view='customer-attributes'] .aux-cards-icons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 28px; }
#view-root[data-view='customer-attributes'] .aux-cards-icons .aux-card { padding: 15px 16px; border-color: #d9dee2; border-radius: 4px; }
#view-root[data-view='customer-attributes'] .aux-card-icon { flex-basis: 36px; width: 36px; height: 36px; }
#view-root[data-view='customer-attributes'] .aux-card-icon svg { width: 16px; height: 16px; }
#view-root[data-view='customer-attributes'] .aux-cards-icons .aux-card h4 { font-size: 15px; line-height: 22px; color: #1e2124; }
#view-root[data-view='customer-attributes'] .aux-cards-icons .aux-card p { font-size: 11px; line-height: 21px; color: #616a71; }

/* Meus dados: linhas de acesso de 59 px, rótulo de 15 px, botões de 37 px e campos brancos de 38 px (medidas de usuarios-meus_dados.png). */
.account-page .supplier-fields .field-unsaved input, .account-page .supplier-fields .field-unsaved select, .account-page .supplier-fields input:disabled { background: #fff; color: #1e2124; border-color: #c7ced4; }
.account-page .supplier-fields input, .account-page .supplier-fields select { height: 38px; border-color: #c7ced4; }
.account-page .supplier-card-body { padding-top: 22px; }
.account-page .account-access { margin: -4px 0 -20px; }
.account-page .account-access-row { grid-template-columns: 220px minmax(0, 1fr) auto; gap: 0; min-height: 59px; padding: 8px 0; border-bottom-color: #d9dee2; }
.account-page .account-access-row:last-child { border-bottom: 0; }
.account-page .account-access-row:has(> .account-access-value:empty) { grid-template-columns: 236px auto; min-height: 81px; }
.account-page .account-access-row > .account-access-value:empty { display: none; }
.account-page .account-access-label { color: #616a71; font-size: 15px; }
.account-page .account-access-label small { display: block; margin-top: 4px; font-size: 11px; line-height: 17px; color: #616a71; }
.account-page .account-access-value { color: #1e2124; font-size: 14px; font-weight: 600; }
.account-page .account-access-control .button { min-height: 37px; padding: 0 9px; font-size: 15px; }
.account-page .account-access-control .button svg { width: 14px; height: 14px; margin-right: 3px; vertical-align: -2px; }
.account-page .account-actions { margin-top: 0; }
.account-page .account-access-row:has(> .account-access-value:empty) > .account-access-control { justify-self: start; }

/* Leva 6 (W2): cabeçalhos dos cartões de transportadora, funcionário e fornecedor como no original (título 19,6 px com as
   palavras coladas, subtítulo 11,2 px) e cartões 1 px para dentro (16 a 1424 px). */
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-box { margin: 0 1px 1px; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-box-head { padding: 12px 20px 13px; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-box-head h2 { display: block; font-size: 19.4px; line-height: 24px; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-box-head h2 .reg-icon { display: inline-block; margin-right: 6px; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-box-head p { margin: 6px 0 0; font-size: 11.2px; }
.supplier-form .supplier-card { margin-left: 1px; margin-right: 1px; }
.supplier-form .supplier-card-header { padding: 11px 20px 14px; }
.supplier-form .supplier-card-header h2 { font-size: 19.4px; }
.supplier-form .supplier-card-header p { margin: 7px 0 0; font-size: 11.2px; }
/* Leva 6 (W2): cartão "Permitir acesso ao sistema" com 76 px (ícone de 24 px, título 14 px, apoio 11,2 px); textarea sem alça. */
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-switch-card { min-height: 76px; box-sizing: border-box; gap: 18px; margin-top: 2px; padding: 0 18px; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-switch-card > .reg-icon { font-size: 24px; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-switch-text { gap: 6px; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-switch-text strong { font-size: 14px; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-switch-text small { font-size: 11.2px; line-height: 15px; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new textarea { resize: none; }
/* Leva 6 (W2): a página de fornecedor começa 3 px mais acima no original (cartão em y=121). */
#supplier-form.supplier-form { margin-top: -3px; }
#supplier-form.supplier-form .supplier-card-actions .ref-add { height: 37px; }
#supplier-form.supplier-form .supplier-extra-addresses + .supplier-card-actions { margin-top: 2px; }
/* Leva 6 (W2): contêineres vazios (lista de contatos e de endereços adicionais) não entram no vão do cartão; o cartão só com
   botão tem 17 px acima dele. */
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-box-body > :empty { display: none; }
#view-root:is([data-view='carriers'], [data-view='employees']) .reg-new .reg-box-body:has(> .reg-contacts) { padding-top: 17px; }