/* /Pages/Sales/CardAcquirers/CardAcquirerForm.razor.rz.scp.css */
/* MudExpansionPanel.Dense só zera o padding do conteúdo expandido - o cabeçalho (onde fica o
   checkbox + nome do tipo) tem min-height:48px e padding:16px 0 fixos na própria lib, que o Dense
   não afeta. HeaderClass injeta essa classe no cabeçalho pra deixar cada painel mais enxuto. */
[b-t2ztp2yukh] .acquirer-panel-header {
    min-height: 36px;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* A MudBlazor aplica margin:16px 0 a qualquer painel expandido (.mud-panel-expanded), pra "destacar"
   o item aberto do resto do acordeão - é esse afastamento que aparece ao abrir/fechar um painel aqui.
   Nesta tela queremos uma lista compacta e sempre no mesmo lugar, então zeramos. */
[b-t2ztp2yukh] .mud-panel-expanded {
    margin: 0 !important;
}
/* /Shared/FormFields/ChipTextField.razor.rz.scp.css */
.chip-field[b-3sab3gytf5] {
    position: relative;
    box-sizing: border-box;
    margin-top: 8px; /* espaço pro label "furar" a borda superior sem ser cortado */
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: var(--mud-default-borderradius);
    padding: 8px 9px;
    cursor: text;
}

.chip-field:not(.chip-field--focused):hover[b-3sab3gytf5] {
    border-color: var(--mud-palette-action-default);
}

.chip-field--focused[b-3sab3gytf5] {
    border-color: var(--mud-palette-primary);
    border-width: 2px;
    padding: 7px 8px;
}

/* Simula o label "entalhado" na borda de um MudTextField outlined: um retângulo com o fundo da
   superfície por trás do texto encobre o trecho da borda atrás dele, dando a impressão de corte.
   Alinhado à esquerda, na mesma posição em que o legend do Mud começa (~11px). */
.chip-field-label[b-3sab3gytf5] {
    position: absolute;
    top: 0;
    left: 11px;
    transform: translateY(-50%);
    background: var(--mud-palette-surface);
    padding: 0 5px;
    font-size: 0.75rem;
    line-height: 1.2;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.chip-field--focused .chip-field-label[b-3sab3gytf5] {
    color: var(--mud-palette-primary);
}

.chip-field-content[b-3sab3gytf5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

/* MudChip vem com margin:4px embutida na própria lib - sem zerar isso, cada chip ocupa 8px a
   mais de altura (4 em cima + 4 embaixo) além do próprio gap do flex, deixando a caixa mais alta
   que um MudTextField dense equivalente. */
.chip-field-content[b-3sab3gytf5]  .mud-chip {
    margin: 0;
}

.chip-field-input[b-3sab3gytf5] {
    flex: 1 1 100px;
    min-width: 100px;
    border: none;
    outline: none;
    background: transparent;
    color: var(--mud-palette-text-primary);
    font-size: 1rem;
    font-family: inherit;
    padding: 4px 2px;
}