/* Painel de controle e barra de cima (desenho: design/backoffice/backoffice.pen, nós Y9WYi, j32lys e MZTa9).
   O CSS compilado do Filament não tem utilitários arbitrários, então os estilos ficam aqui.
   Cor da marca = primary do Filament (rgb(var(--primary-500))), que vem da cor da casa. Cores fixas só para significado. */

:root {
  --acd-fg: #f3f5f8;
  --acd-muted: #999fa6;
  --acd-card: #15181f;
  --acd-surface-2: #171b21;
  --acd-surface-3: #20242c;
  --acd-border: rgba(255, 255, 255, 0.08);
  --acd-border-field: #6b6d71;
  --acd-primary: rgb(var(--primary-500));
  --acd-primary-soft: rgba(var(--primary-500), 0.15);
  --acd-on-primary: #0c121a;
  --acd-success: #3fc168;
  --acd-success-soft: rgba(63, 193, 104, 0.15);
  --acd-danger: #f25c62;
  --acd-danger-soft: rgba(238, 52, 59, 0.15);
  --acd-radius: 8px;
}

html:not(.dark) {
  --acd-fg: #111827;
  --acd-muted: #6b7280;
  --acd-card: #ffffff;
  --acd-surface-2: #f3f4f6;
  --acd-surface-3: #e5e7eb;
  --acd-border: rgba(0, 0, 0, 0.08);
  --acd-border-field: #d1d5db;
}

[x-cloak] { display: none !important; }

/* ---------- Seções e cards ---------- */
.acd-dash-section { display: flex; flex-direction: column; gap: 16px; min-width: 0; font-family: Inter, system-ui, sans-serif; color: var(--acd-fg); }
.acd-dash-section__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.acd-dash-section__title { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 16px; font-weight: 700; line-height: 24px; }
.acd-dash-section__icon { width: 18px; height: 18px; color: var(--acd-primary); flex-shrink: 0; }
.acd-dash-section__sub { margin: 2px 0 0; font-size: 12px; color: var(--acd-muted); }
.acd-dash-section__actions { display: flex; align-items: center; gap: 16px; }
.acd-dash-link { font-size: 12px; font-weight: 700; color: var(--acd-primary); background: none; border: 0; padding: 0; cursor: pointer; }
/* Informação (não é link): "Atualizado às 14:35 · jogos e comissões". */
.acd-dash-note { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--acd-muted); }
.acd-dash-note__icon { width: 14px; height: 14px; }
.acd-dash-link:hover { text-decoration: underline; }
/* Cada card ocupa 3 linhas da grade (subgrid): topo, valor e linhas ficam alinhados entre os cards da mesma fileira. */
.acd-dash-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 16px; row-gap: 16px; }
.acd-dash-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 1535px) { .acd-dash-grid--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1279px) { .acd-dash-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { .acd-dash-grid { grid-template-columns: minmax(0, 1fr); } }

.acd-metric { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 8px; padding: 16px; min-width: 0; background: var(--acd-card); border: 1px solid var(--acd-border); border-radius: var(--acd-radius); }
.acd-metric__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; min-width: 0; min-height: 22px; }
.acd-metric__label { display: inline-flex; align-items: flex-start; gap: 8px; min-width: 0; padding-top: 3px; font-size: 12px; font-weight: 600; line-height: 16px; color: var(--acd-muted); }
.acd-metric__icon { width: 16px; height: 16px; flex-shrink: 0; color: var(--acd-primary); }
.acd-metric__name { min-width: 0; }
.acd-metric__tip { display: inline-block; margin-left: 6px; vertical-align: -1px; }
.acd-metric__tip { cursor: help; border-radius: 4px; }
.acd-metric__tip:focus-visible { outline: 2px solid var(--acd-primary); outline-offset: 2px; }
.acd-metric__tip-icon { width: 12px; height: 12px; color: var(--acd-muted); }
.acd-metric__value { display: flex; flex-wrap: wrap; align-items: center; column-gap: 8px; row-gap: 4px; font-size: 22px; font-weight: 700; line-height: 32px; font-variant-numeric: tabular-nums; white-space: nowrap; }
/* Selo da margem: cor da casa, só o número (nome completo no title). */
.acd-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border: 1px solid var(--acd-primary); border-radius: 999px; background: var(--acd-primary-soft); color: var(--acd-primary); font-size: 12px; font-weight: 700; line-height: 16px; cursor: help; }
.acd-chip__icon { width: 12px; height: 12px; }
.acd-metric__rows { display: flex; flex-direction: column; gap: 8px; margin: 0; padding-top: 12px; border-top: 1px solid var(--acd-border); align-self: start; }
.acd-metric__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; }
.acd-metric__row dt { min-width: 0; color: var(--acd-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.acd-metric__row dd { flex-shrink: 0; margin: 0; font-size: 13px; font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }

.acd-delta { display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0; padding: 2px 6px; border-radius: 4px; font-size: 11px; font-weight: 700; }
.acd-delta__icon { width: 12px; height: 12px; }
.acd-delta--good { background: var(--acd-success-soft); color: var(--acd-success); }
.acd-delta--bad { background: var(--acd-danger-soft); color: var(--acd-danger); }

.acd-card { display: flex; flex-direction: column; gap: 16px; height: 100%; padding: 24px; background: var(--acd-card); border: 1px solid var(--acd-border); border-radius: var(--acd-radius); color: var(--acd-fg); }
.acd-card__title { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 16px; font-weight: 700; }
.acd-muted { color: var(--acd-muted); }
.acd-note { display: flex; gap: 8px; padding: 16px; border: 1px solid var(--acd-border-field); border-radius: var(--acd-radius); background: var(--acd-surface-2); font-size: 14px; }
.acd-note__icon { width: 16px; height: 16px; margin-top: 2px; color: var(--acd-muted); flex-shrink: 0; }
.acd-note p { margin: 4px 0 0; font-size: 12px; color: var(--acd-muted); }

/* ---------- Alerta (fica na tela): saques parados em processamento ---------- */
.acd-alert { display: flex; gap: 12px; padding: 16px; border: 1px solid var(--acd-border); border-radius: var(--acd-radius); background: var(--acd-surface-2); color: var(--acd-fg); font-family: Inter, system-ui, sans-serif; font-size: 14px; }
.acd-alert p { margin: 4px 0 0; font-size: 13px; color: var(--acd-muted); }
.acd-alert__icon { width: 20px; height: 20px; flex-shrink: 0; margin-top: 1px; }
.acd-alert--warning { border-color: rgb(var(--warning-500)); background: rgba(var(--warning-500), 0.12); }
.acd-alert--warning .acd-alert__icon { color: rgb(var(--warning-500)); }

/* ---------- Tabela de experts ---------- */
.acd-table-wrap { overflow-x: auto; background: var(--acd-card); border: 1px solid var(--acd-border); border-radius: var(--acd-radius); }
.acd-table { width: 100%; border-collapse: collapse; font-size: 13px; white-space: nowrap; }
.acd-table th { padding: 12px 8px; background: var(--acd-surface-2); color: var(--acd-muted); font-size: 12px; font-weight: 600; text-align: left; }
.acd-sort { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; white-space: nowrap; }
.acd-sort:hover { color: var(--acd-fg); }
.acd-sort:focus-visible { outline: 2px solid var(--acd-primary); outline-offset: 2px; border-radius: 2px; }
.acd-sort__icon { width: 12px; height: 12px; }
.acd-table th.is-sorted, .acd-table th.is-sorted .acd-sort { color: var(--acd-primary); }
.acd-table td { padding: 12px 8px; border-top: 1px solid var(--acd-border); color: var(--acd-fg); font-variant-numeric: tabular-nums; }
.acd-table .is-num { text-align: right; }
.acd-table th:first-child, .acd-table td:first-child { padding-left: 16px; }
.acd-table th:last-child, .acd-table td:last-child { padding-right: 16px; }
.acd-table__expert { color: var(--acd-fg); font-weight: 600; }
.acd-table .is-brand { color: var(--acd-primary); font-weight: 600; }
.acd-table .is-bad { color: var(--acd-danger); font-weight: 600; }
/* Largura: abaixo de 1400 px o espaço lateral das células cai de 8 para 5 px, para as colunas padrão caberem no card sem passar da borda (etapa 16). */
@media (max-width: 1399px) { .acd-table th, .acd-table td { padding-left: 5px; padding-right: 5px; } }
.acd-table__expert { position: sticky; left: 0; max-width: 160px; overflow: hidden; text-overflow: ellipsis; background: var(--acd-card); text-align: left; }
.acd-table th.acd-table__expert { background: var(--acd-surface-2); }
.acd-table tr.is-organic td { color: var(--acd-muted); }
.acd-table tr.is-total td { background: var(--acd-surface-2); color: var(--acd-fg); font-weight: 700; }

/* ---------- Botões, menu e campos ---------- */
.acd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 16px; border: 1px solid var(--acd-border-field); border-radius: var(--acd-radius); background: var(--acd-card); color: var(--acd-fg); font-size: 14px; font-weight: 700; cursor: pointer; }
.acd-btn.is-open { border-color: var(--acd-primary); }
.acd-btn__icon { width: 16px; height: 16px; }
.acd-btn--primary { width: 100%; border-color: var(--acd-primary); background: var(--acd-primary); color: var(--acd-on-primary); }
.acd-btn--primary:hover { filter: brightness(0.92); }
.acd-cols { position: relative; }
.acd-menu { position: absolute; z-index: 40; top: calc(100% + 8px); right: 0; width: 280px; max-height: 70vh; overflow-y: auto; padding: 4px; background: var(--acd-card); border: 1px solid var(--acd-border); border-radius: var(--acd-radius); box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35); color: var(--acd-fg); }
.acd-menu__head { display: flex; flex-direction: column; gap: 2px; padding: 8px 12px; font-size: 14px; }
.acd-menu__head span { font-size: 12px; color: var(--acd-muted); }
.acd-menu__foot { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; border-top: 1px solid var(--acd-border); font-size: 12px; color: var(--acd-muted); }
.acd-menu__item { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; height: 40px; padding: 0 12px; border: 0; border-radius: 4px; background: none; color: var(--acd-fg); font-size: 14px; text-align: left; cursor: pointer; }
.acd-menu__item:hover { background: var(--acd-surface-3); }
.acd-menu__item.is-selected { background: var(--acd-primary-soft); }
.acd-menu__check { width: 16px; height: 16px; color: var(--acd-primary); }
.acd-check { display: flex; align-items: center; gap: 10px; padding: 6px 12px; font-size: 14px; cursor: pointer; }
.acd-check input { width: 16px; height: 16px; border-radius: 4px; accent-color: var(--acd-primary); }
.acd-period__dates input.acd-input, .acd-input { width: 100%; min-width: 0; height: 40px; padding: 0 8px; border: 1px solid var(--acd-border); border-radius: var(--acd-radius); background: var(--acd-surface-3); color: var(--acd-fg); font-size: 13px; color-scheme: dark; }
html:not(.dark) .acd-input { color-scheme: light; }
.acd-error { font-size: 12px; color: var(--acd-danger); }

/* ---------- Barra de cima: período e resumo ---------- */
.acd-period { position: relative; display: flex; align-items: center; gap: 8px; margin-inline-start: 8px; font-family: Inter, system-ui, sans-serif; }
.acd-select { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border: 1px solid var(--acd-border-field); border-radius: var(--acd-radius); background: var(--acd-surface-2); color: var(--acd-fg); font-size: 14px; cursor: pointer; white-space: nowrap; }
.acd-select.is-open { border-color: var(--acd-primary); }
.acd-select__icon { width: 16px; height: 16px; color: var(--acd-muted); }
.acd-select__chevron { width: 16px; height: 16px; color: var(--acd-muted); }
.acd-period__hint { display: inline-grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--acd-border); border-radius: var(--acd-radius); background: var(--acd-surface-2); cursor: help; }
.acd-period__menu { left: 0; right: auto; width: 288px; }
.acd-period__custom { display: flex; flex-direction: column; gap: 8px; padding: 8px 12px 12px; border-top: 1px solid var(--acd-border); }
.acd-period__custom-title { font-size: 12px; font-weight: 600; color: var(--acd-muted); }
.acd-period__dates { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
.acd-period__dates label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 600; }

.acd-summary { display: flex; align-items: center; gap: 8px; margin-inline-end: 8px; font-family: Inter, system-ui, sans-serif; }
.acd-pill { display: inline-flex; align-items: center; gap: 8px; height: 40px; min-width: 120px; padding: 0 12px 0 4px; border: 1px solid var(--acd-border); border-radius: var(--acd-radius); background: var(--acd-surface-2); color: var(--acd-fg); }
.acd-pill--wide { min-width: 220px; }
.acd-pill__icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 4px; background: var(--acd-surface-3); color: var(--acd-muted); }
.acd-pill__icon svg { width: 16px; height: 16px; }
.acd-pill__icon--primary { background: var(--acd-primary-soft); color: var(--acd-primary); }
.acd-pill__text { display: flex; flex-direction: column; line-height: 1.2; white-space: nowrap; }
.acd-pill__text strong { font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.acd-pill__text small { font-size: 12px; color: var(--acd-muted); }
.acd-pill--balance .acd-pill__text strong { color: var(--acd-primary); }
.acd-pill__eye { display: grid; place-items: center; width: 24px; height: 24px; border: 0; background: none; color: var(--acd-muted); cursor: pointer; }
.acd-pill__eye svg { width: 16px; height: 16px; }
.acd-skeleton { background: var(--acd-surface-2); animation: acd-fade 1.2s ease-in-out infinite alternate; }
@keyframes acd-fade { from { opacity: 0.5; } to { opacity: 1; } }

/* Bloco atualizando (troca de período, expert ou ordenação): barra fina na cor da casa e valores em skeleton parado. */
.acd-loading-bar { display: none; height: 2px; margin-top: -8px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--acd-primary), transparent) no-repeat; background-size: 40% 100%; animation: acd-slide 1.1s linear infinite; }
.acd-is-loading > .acd-loading-bar { display: block; }
@keyframes acd-slide { from { background-position: -40% 0; } to { background-position: 140% 0; } }
.acd-is-loading .acd-metric__value > span, .acd-is-loading .acd-metric__rows dd, .acd-is-loading td.is-num { color: transparent; background: var(--acd-surface-3); border-radius: 4px; }
.acd-is-loading .acd-chip, .acd-is-loading .acd-delta { visibility: hidden; }
.acd-is-loading .acd-metric__value > span { display: inline-block; min-width: 140px; }
.acd-is-loading .acd-metric__rows dd { min-width: 56px; }
@media (prefers-reduced-motion: reduce) { .acd-loading-bar { animation: none; background: var(--acd-primary); opacity: 0.4; } }

/* Em telas menores o resumo some primeiro; o saldo fica até o fim. */
@media (max-width: 1279px) { .acd-summary .acd-pill:not(.acd-pill--balance) { display: none; } }
@media (max-width: 767px) { .acd-summary, .acd-period__hint { display: none; } .acd-select__value { max-width: 140px; overflow: hidden; text-overflow: ellipsis; } }

/* ---------- Cabeçalho do painel: título e período à esquerda, filtro de afiliado à direita ---------- */
.acd-dash-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-family: Inter, system-ui, sans-serif; color: var(--acd-fg); }
.acd-dash-header__title { margin: 0; font-size: 24px; font-weight: 700; line-height: 32px; }
.acd-dash-header__sub { margin: 4px 0 0; font-size: 14px; color: var(--acd-muted); }
.acd-dash-header__actions { display: flex; align-items: center; gap: 12px; }
.acd-dash-header__filter { width: 260px; }
.acd-dash-header__filter .grid { display: block; }
.acd-house-badge { display: inline-flex; align-items: center; gap: 8px; padding: 4px 8px; border-radius: 4px; background: var(--acd-surface-2); color: var(--acd-muted); font-size: 10px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; }
.acd-house-badge__icon { width: 12px; height: 12px; }

/* Barra de cima: o período vem depois do botão do menu (o gancho do Filament fica antes dele). */
.fi-topbar nav > .acd-period { order: 1; }
.fi-topbar nav > .ms-auto { order: 2; }

/* ---------- Tela de Saques: coluna de ações (aprovar, recusar, confirmar) fixa à direita ao rolar a tabela ---------- */
.fi-resource-withdraws .fi-ta-actions-cell,
.fi-resource-withdraws .fi-ta-actions-header-cell { position: sticky; right: 0; z-index: 1; background: #fff; box-shadow: -1px 0 0 rgba(0, 0, 0, 0.08); }
.fi-resource-withdraws .fi-ta-actions-header-cell { background: rgb(var(--gray-50)); }
.dark .fi-resource-withdraws .fi-ta-actions-cell { background: rgb(var(--gray-900)); box-shadow: -1px 0 0 rgba(255, 255, 255, 0.08); }
.dark .fi-resource-withdraws .fi-ta-actions-header-cell { background: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), rgb(var(--gray-900)); box-shadow: -1px 0 0 rgba(255, 255, 255, 0.08); }
/* Linha listrada: a célula fixa acompanha o fundo da listra. */
.fi-resource-withdraws tr.bg-gray-50 .fi-ta-actions-cell { background: rgb(var(--gray-50)); }
.dark .fi-resource-withdraws tr.bg-gray-50 .fi-ta-actions-cell { background: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), rgb(var(--gray-900)); }

/* ---------- Lista de usuários (desenho Q4ulH): card com título, filtros rápidos, linha de filtros, tabela e paginação ---------- */
.acd-ulist { display: flex; flex-direction: column; gap: 16px; padding: 24px; background: var(--acd-card); border: 1px solid var(--acd-border); border-radius: 12px; color: var(--acd-fg); }
.acd-ulist__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.acd-ulist__title h2 { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; }
.acd-ulist__title p { margin-top: 4px; font-size: 12px; color: var(--acd-muted); }
.acd-ulist__title-icon { width: 16px; height: 16px; color: var(--acd-muted); }

.acd-ulist__chips, .acd-ulist__checks { display: flex; flex-wrap: wrap; gap: 8px; }
.acd-ulist__chip { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border-radius: var(--acd-radius); border: 1px solid var(--acd-border); background: var(--acd-surface-2); font-size: 13px; font-weight: 600; color: var(--acd-fg); cursor: pointer; white-space: nowrap; }
.acd-ulist__chip:hover { border-color: var(--acd-border-field); }
.acd-ulist__chip.is-active { border-color: var(--acd-primary); }
.acd-ulist__chip-icon { width: 14px; height: 14px; color: var(--acd-muted); }

.acd-ulist__filters { display: flex; align-items: center; gap: 8px; }
.acd-ulist__search, .acd-ulist__select { position: relative; display: flex; align-items: center; height: 40px; border: 1px solid var(--acd-border-field); border-radius: var(--acd-radius); background: var(--acd-surface-2); }
.acd-ulist__search { flex: 1 1 auto; min-width: 200px; }
.acd-ulist__search:focus-within, .acd-ulist__select:focus-within { border-color: var(--acd-primary); }
.acd-ulist__search input, .acd-ulist__select select, .acd-ulist__money input { width: 100%; height: 100%; border: 0; background: transparent; color: var(--acd-fg); font-size: 14px; outline: none; box-shadow: none; }
.acd-ulist__search input { padding: 0 12px 0 38px; }
.acd-ulist__select { flex: none; }
.acd-ulist .acd-ulist__select select:not([size]) { width: auto; max-width: 210px; text-overflow: ellipsis; }
/* 5 cards por linha: o nome do card fica numa linha só (com reticências), para os valores alinharem. */
.acd-dash-grid--5 .acd-metric__name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.acd-dash-grid--5 .acd-metric__label { min-width: 0; }
.acd-ulist .acd-ulist__select select:not([size]) { appearance: none; -webkit-appearance: none; background-image: none; padding: 0 32px 0 38px; cursor: pointer; }
.acd-ulist__select select option { background: var(--acd-card); color: var(--acd-fg); }
.acd-ulist__field-icon { position: absolute; left: 12px; width: 16px; height: 16px; color: var(--acd-muted); pointer-events: none; }
.acd-ulist__chevron { position: absolute; right: 10px; width: 16px; height: 16px; color: var(--acd-muted); pointer-events: none; }

.acd-ulist__btn { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: var(--acd-radius); border: 1px solid var(--acd-border-field); background: transparent; color: var(--acd-fg); font-size: 14px; font-weight: 700; white-space: nowrap; }
.acd-ulist__btn:hover { border-color: var(--acd-fg); }
.acd-ulist__btn--primary { background: var(--acd-primary); border-color: var(--acd-primary); color: var(--acd-on-primary); }
.acd-ulist__btn--primary:hover { border-color: var(--acd-primary); filter: brightness(1.08); }
.acd-ulist__btn-icon { width: 16px; height: 16px; flex: none; }
.acd-ulist__icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--acd-radius); color: var(--acd-muted); }
.acd-ulist__icon-btn:hover { background: var(--acd-surface-3); color: var(--acd-fg); }
.acd-ulist__link { font-size: 14px; font-weight: 600; color: var(--acd-muted); }
.acd-ulist__link:hover { color: var(--acd-fg); }

.acd-ulist__pop { position: relative; }
.acd-ulist__panel { position: absolute; right: 0; top: calc(100% + 8px); z-index: 30; width: 340px; display: flex; flex-direction: column; gap: 16px; padding: 20px; background: var(--acd-surface-2); border: 1px solid var(--acd-border); border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); }
.acd-ulist__panel--narrow { width: 260px; gap: 8px; }
.acd-ulist__panel-head { display: flex; align-items: center; justify-content: space-between; font-size: 14px; }
.acd-ulist__panel-head small { font-size: 12px; color: var(--acd-muted); }
.acd-ulist__panel-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; }
.acd-ulist__panel-foot > span { display: flex; gap: 8px; }
.acd-ulist__field { display: flex; flex-direction: column; gap: 8px; font-size: 12px; font-weight: 600; color: var(--acd-muted); }
.acd-ulist__field-row { display: flex; gap: 8px; }
.acd-ulist__field-row > * { flex: 1 1 0; }
.acd-ulist__money { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border: 1px solid var(--acd-border-field); border-radius: var(--acd-radius); background: var(--acd-card); }
.acd-ulist__money em { font-style: normal; font-weight: 400; color: var(--acd-muted); }
.acd-ulist__segmented { display: inline-flex; padding: 3px; gap: 2px; border-radius: var(--acd-radius); background: var(--acd-card); border: 1px solid var(--acd-border); width: fit-content; }
.acd-ulist__segmented button { height: 30px; padding: 0 12px; border-radius: 6px; font-size: 13px; font-weight: 600; color: var(--acd-muted); }
.acd-ulist__segmented button.is-active { background: var(--acd-primary); color: var(--acd-on-primary); }
.acd-ulist__col { display: flex; align-items: center; gap: 8px; padding: 6px 4px; font-size: 13px; cursor: pointer; }
.acd-ulist__col input { accent-color: rgb(var(--primary-500)); width: 16px; height: 16px; }
.acd-ulist__col.is-fixed { color: var(--acd-muted); cursor: default; }

.acd-ulist__table-wrap { border: 1px solid var(--acd-border); border-radius: var(--acd-radius); overflow-x: auto; transition: opacity 0.15s; }
.acd-ulist__table-wrap.is-loading { opacity: 0.55; }
.acd-ulist__table { width: 100%; border-collapse: collapse; font-size: 13px; }
.acd-ulist__table th { padding: 12px 8px; background: var(--acd-surface-2); text-align: left; font-size: 10px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--acd-muted); white-space: nowrap; }
.acd-ulist__table th button { text-transform: uppercase; letter-spacing: inherit; font-weight: inherit; color: inherit; }
.acd-ulist__table th button:hover { color: var(--acd-fg); }
.acd-ulist__table th.is-sorted { color: var(--acd-primary); }
.acd-ulist__table th:first-child, .acd-ulist__table td:first-child { padding-left: 16px; }
.acd-ulist__table td { padding: 12px 8px; border-top: 1px solid var(--acd-border); vertical-align: middle; white-space: nowrap; }
.acd-ulist__table tr.is-link { cursor: pointer; }
.acd-ulist__table tbody tr:hover { background: var(--acd-surface-2); }
.acd-ulist__table tr.is-risk, .acd-ulist__table tr.is-risk:hover { background: var(--acd-danger-soft); }
.acd-ulist__table .is-user { max-width: 200px; }
.acd-ulist__table .is-contact { max-width: 190px; }
.acd-ulist__table .is-menu { width: 40px; padding-right: 8px; text-align: right; }
.acd-ulist__main, .acd-ulist__sub { display: block; overflow: hidden; text-overflow: ellipsis; }
.acd-ulist__main { font-size: 14px; color: var(--acd-fg); }
.acd-ulist__main.is-strong { font-weight: 700; }
.acd-ulist__main.is-negative { color: var(--acd-danger); }
.acd-ulist__main.is-muted { color: var(--acd-muted); }
.acd-ulist__sub { margin-top: 2px; font-size: 12px; color: var(--acd-muted); }
.acd-ulist__sub.is-date { margin-top: 0; font-size: 13px; }
.acd-ulist__name { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 14px; font-weight: 600; }
.acd-ulist__name > span:first-child { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.acd-ulist__badge { display: inline-flex; align-items: center; gap: 4px; flex: none; height: 22px; padding: 0 8px; border-radius: 6px; font-size: 10px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.acd-ulist__badge--danger { background: var(--acd-danger-soft); color: var(--acd-danger); }
.acd-ulist__badge--neutral { background: var(--acd-surface-3); color: var(--acd-muted); }
.acd-ulist__badge-icon { width: 12px; height: 12px; }
.acd-ulist__by { display: flex; align-items: center; gap: 4px; margin-top: 2px; font-size: 12px; font-weight: 600; color: var(--acd-primary); min-width: 0; }
.acd-ulist__by > span { overflow: hidden; text-overflow: ellipsis; }
.acd-ulist__by:hover > span { text-decoration: underline; }
.acd-ulist__by.is-organic { color: var(--acd-muted); font-weight: 400; }
.acd-ulist__by.is-organic:hover > span { text-decoration: none; }
.acd-ulist__by-icon { width: 13px; height: 13px; flex: none; }
.acd-ulist__phone { display: flex; align-items: center; gap: 6px; }
.acd-ulist__wa { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; flex: none; border-radius: 6px; border: 1px solid var(--acd-border-field); color: var(--acd-fg); }
.acd-ulist__wa:hover { border-color: var(--acd-primary); color: var(--acd-primary); }
.acd-ulist__wa-icon { width: 13px; height: 13px; }
.acd-ulist__table td.is-roll { min-width: 110px; }
.acd-ulist__roll { display: block; font-size: 10px; font-weight: 600; color: var(--acd-fg); }
.acd-ulist__roll.is-muted { color: var(--acd-muted); }
.acd-ulist__bar { display: block; height: 4px; margin-top: 6px; border-radius: 2px; background: var(--acd-surface-3); overflow: hidden; }
.acd-ulist__bar > span { display: block; height: 100%; border-radius: 2px; background: var(--acd-primary); }

.acd-ulist__menu { position: absolute; right: 0; top: calc(100% + 4px); z-index: 30; min-width: 220px; padding: 6px; text-align: left; background: var(--acd-surface-2); border: 1px solid var(--acd-border); border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); }
.acd-ulist__menu a, .acd-ulist__menu button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border-radius: 6px; font-size: 14px; color: var(--acd-fg); }
.acd-ulist__menu a:hover, .acd-ulist__menu button:hover { background: var(--acd-surface-3); }
.acd-ulist__menu .is-danger { color: var(--acd-danger); }
.acd-ulist__menu hr { margin: 6px 0; border: 0; border-top: 1px solid var(--acd-border); }
.acd-ulist__table td.acd-ulist__empty { padding: 32px 16px; text-align: center; color: var(--acd-muted); }

.acd-ulist__foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 13px; color: var(--acd-muted); }
.acd-ulist__pages { display: flex; align-items: center; gap: 4px; }
.acd-ulist__pages button { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 8px; border-radius: var(--acd-radius); border: 1px solid transparent; font-size: 14px; font-weight: 600; color: var(--acd-fg); }
.acd-ulist__pages button:hover:not(:disabled) { background: var(--acd-surface-3); }
.acd-ulist__pages button.is-active { border-color: var(--acd-primary); background: var(--acd-primary-soft); color: var(--acd-primary); }
.acd-ulist__pages button:disabled { opacity: 0.35; cursor: default; }
.acd-ulist__pages span { padding: 0 6px; color: var(--acd-muted); }

/* Até 1600 px: Usuário, Contato e Rollover mais estreitos para a tabela caber sem rolar. */
@media (max-width: 1599px) {
  .acd-ulist__table .is-user { max-width: 168px; }
  .acd-ulist__table .is-contact { max-width: 168px; }
  .acd-ulist__table td.is-roll { min-width: 96px; }
}
/* Telas mais estreitas: a linha de filtros quebra e a tabela rola dentro da própria caixa. */
@media (max-width: 1279px) {
  .acd-ulist__filters { flex-wrap: wrap; }
  .acd-ulist__search { flex-basis: 100%; }
}

/* Lista de Experts (ItbNf): reaproveita o card .acd-ulist; só o que é próprio dela. */
.acd-metric__secondary { font-size: 14px; font-weight: 600; color: var(--acd-muted); }
/* Mesma tipografia e espaço da tabela "Experts no período" do Painel (.acd-table): cabeçalho 12/600 em caixa normal, 1 linha, células 13px, 8 px de lado. */
/* 5 cards por linha (Experts): linhas e valor cabem no card estreito. */
.acd-dash-grid--5 .acd-metric__row dt { flex: 1 1 auto; }
.acd-dash-grid--5 .acd-metric__row dd { flex: none; white-space: nowrap; }
.acd-dash-grid--5 .acd-metric__value { flex-wrap: nowrap; }
@media (max-width: 1699px) { .acd-dash-grid--5 .acd-metric__value { font-size: 19px; } .acd-dash-grid--5 .acd-metric__value .acd-chip { padding: 2px 6px; } .acd-dash-grid--5 .acd-metric__secondary { font-size: 13px; } }
/* O conteúdo do card nunca define a largura da coluna: rótulo corta com reticências e o valor fica dentro da borda. */
.acd-dash-grid--5 .acd-metric__top, .acd-dash-grid--5 .acd-metric__value, .acd-dash-grid--5 .acd-metric__rows { min-width: 0; max-width: 100%; }
.acd-dash-grid--5 .acd-metric__row dt { overflow: hidden; text-overflow: ellipsis; }
/* Respiro entre Comissão, Lucro líq. e o ⋮: nenhuma célula encosta na vizinha nem na borda da tabela. */
/* Valor grande nunca corta: no card estreito o selo perde o ícone e, se ainda faltar, desce para a linha de baixo. */
.acd-dash-grid--5 .acd-metric__value { flex-wrap: wrap; }
@media (max-width: 1699px) { .acd-dash-grid--5 .acd-metric__value { font-size: 18px; column-gap: 6px; } .acd-dash-grid--5 .acd-metric__value .acd-chip__icon { display: none; } }

/* Linhas por página (lista de Usuários e de Experts): select compacto no rodapé. */
.acd-ulist__perpage { display: inline-flex; align-items: center; gap: 8px; }
.acd-ulist__perpage select { height: 36px; padding: 0 28px 0 12px; border-radius: var(--acd-radius); border: 1px solid var(--acd-border-field); background-color: var(--acd-surface-2, transparent); color: var(--acd-fg); font-size: 14px; font-weight: 600; }
.acd-ulist__foot-end { display: inline-flex; align-items: center; gap: 16px; }