/* /Components/Pages/Admin.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════
   ADMIN — Painel de Administração
   Hero banner + workspace com nav vertical esquerda
   ══════════════════════════════════════════════════════ */

/* ── Hero Banner ─────────────────────────────────────── */
.adm-hero[b-f0htjyqqes] {
    background: linear-gradient(135deg, var(--db-pink) 0%, #1d4ed8 100%);
    border-radius: var(--db-radius);
    padding: 28px 32px;
    margin-bottom: 20px;
}

.adm-hero-content[b-f0htjyqqes] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.adm-eyebrow[b-f0htjyqqes] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(255,255,255,0.65);
    margin-bottom: 4px;
}

.adm-title[b-f0htjyqqes] {
    font-size: 28px;
    font-weight: 800;
    margin: 0;
    color: #fff;
    line-height: 1.15;
}

/* ── KPIs no hero ── */
.adm-hero-kpis[b-f0htjyqqes] {
    display: flex;
    align-items: stretch;
    background: rgba(255,255,255,0.14);
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 12px;
    overflow: hidden;
    backdrop-filter: blur(4px);
}

.adm-kpi[b-f0htjyqqes] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    gap: 2px;
}

.adm-kpi-divider[b-f0htjyqqes] {
    width: 1px;
    background: rgba(255,255,255,0.22);
    flex-shrink: 0;
}

.adm-kpi-num[b-f0htjyqqes] {
    font-size: 1.6rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}

.adm-kpi-label[b-f0htjyqqes] {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(255,255,255,0.65);
}

.adm-kpi--warn .adm-kpi-num[b-f0htjyqqes]   { color: #fbbf24; }
.adm-kpi--warn .adm-kpi-label[b-f0htjyqqes] { color: rgba(251,191,36,0.75); }

/* ── Workspace: nav lateral + conteúdo ──────────────── */
.adm-workspace[b-f0htjyqqes] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

/* ── Navegação vertical esquerda ── */
.adm-leftnav[b-f0htjyqqes] {
    width: 210px;
    flex-shrink: 0;
    background: var(--mud-palette-surface);
    border-radius: var(--db-radius);
    padding: 14px 10px;
    box-shadow: 0 1px 8px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
    gap: 3px;
    position: sticky;
    top: 16px;
}

.adm-leftnav-label[b-f0htjyqqes] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--mud-palette-text-secondary);
    padding: 2px 10px 8px;
    margin: 0;
}

.adm-navitem[b-f0htjyqqes] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: none;
    background: transparent;
    border-radius: 10px;
    cursor: pointer;
    text-align: left;
    width: 100%;
    color: var(--mud-palette-text-secondary);
    transition: background 0.15s, color 0.15s;
}

.adm-navitem:hover[b-f0htjyqqes] {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-primary);
}

.adm-navitem.active[b-f0htjyqqes] {
    background: var(--db-pink-soft);
    color: var(--db-pink);
}

.adm-navitem-icon[b-f0htjyqqes] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-background);
    border-radius: 8px;
    flex-shrink: 0;
    transition: background 0.15s, color 0.15s;
}

.adm-navitem.active .adm-navitem-icon[b-f0htjyqqes] {
    background: var(--db-pink);
    color: #fff;
}

.adm-navitem-text[b-f0htjyqqes] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.adm-navitem-title[b-f0htjyqqes] {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adm-navitem-sub[b-f0htjyqqes] {
    font-size: 0.7rem;
    opacity: 0.6;
    line-height: 1;
    white-space: nowrap;
}

.adm-navbadge[b-f0htjyqqes] {
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(37,99,235,0.13);
    color: var(--db-pink);
    flex-shrink: 0;
}

.adm-navbadge--warn[b-f0htjyqqes] {
    background: rgba(245,158,11,0.13);
    color: #d97706;
}

/* ── Área de conteúdo ── */
.adm-workspace-body[b-f0htjyqqes] { flex: 1; min-width: 0; }

/* ── Loading ── */
.adm-loading[b-f0htjyqqes] { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:80px; opacity:.7; }

/* ── Section ── */
.adm-section[b-f0htjyqqes] { display:flex; flex-direction:column; gap:20px; }

.adm-section-header[b-f0htjyqqes] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.adm-section-title[b-f0htjyqqes] { font-size:1.15rem; font-weight:800; margin:0 0 3px; color:var(--mud-palette-text-primary); }
.adm-section-desc[b-f0htjyqqes]  { font-size:0.8rem; color:var(--mud-palette-text-secondary); margin:0; }

/* ── Card ── */
.adm-card[b-f0htjyqqes] {
    background: var(--mud-palette-surface);
    border: none;
    border-radius: var(--db-radius);
    padding: 24px;
    box-shadow: 0 1px 8px rgba(0,0,0,0.06);
    transition: transform .2s, box-shadow .2s;
}
.adm-card:hover[b-f0htjyqqes] { transform:translateY(-2px); box-shadow:0 4px 20px rgba(0,0,0,0.10); }
.adm-card-title[b-f0htjyqqes] { font-size:1rem; font-weight:700; margin:0 0 16px; color:var(--mud-palette-text-primary); }
.adm-label[b-f0htjyqqes]      { font-size:.75rem; font-weight:700; color:var(--mud-palette-text-secondary); text-transform:uppercase; letter-spacing:.05em; }
.adm-field[b-f0htjyqqes]      { display:flex; flex-direction:column; gap:6px; }
.adm-form-actions[b-f0htjyqqes] { display:flex; gap:8px; justify-content:flex-end; }

/* ── Layout dividido ── */
.adm-form-split[b-f0htjyqqes]       { display:flex; gap:28px; align-items:flex-start; flex-wrap:wrap; }
.adm-form-inputs[b-f0htjyqqes]      { flex:1; min-width:280px; display:flex; flex-direction:column; }
.adm-form-preview-col[b-f0htjyqqes] { flex:0 0 220px; display:flex; flex-direction:column; gap:12px; padding-top:4px; }

/* ── Preview ao vivo ── */
.adm-preview-card[b-f0htjyqqes] { background:var(--mud-palette-background); border:1px solid var(--mud-palette-divider); border-radius:10px; padding:14px 16px; display:flex; align-items:center; gap:12px; }
.adm-preview-dot[b-f0htjyqqes]  { width:36px; height:36px; border-radius:8px; flex-shrink:0; }
.adm-preview-info[b-f0htjyqqes] { display:flex; flex-direction:column; gap:6px; min-width:0; }
.adm-preview-nome[b-f0htjyqqes] { font-weight:600; font-size:.9rem; color:var(--mud-palette-text-primary); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.adm-preview-tag[b-f0htjyqqes]  { display:inline-block; font-size:.7rem; font-weight:700; padding:2px 8px; border-radius:20px; letter-spacing:.03em; font-family:monospace; }
.adm-preview-hint[b-f0htjyqqes] { font-size:.75rem; color:var(--mud-palette-text-secondary); margin:0; line-height:1.4; }

/* ── Swatches ── */
.adm-palette-grid[b-f0htjyqqes]   { display:grid; grid-template-columns:repeat(8, 28px); gap:7px; padding:6px 0; }
.adm-swatch[b-f0htjyqqes]         { width:28px; height:28px; border-radius:6px; border:2px solid transparent; cursor:pointer; transition:transform .12s, box-shadow .12s; outline:none; }
.adm-swatch:hover[b-f0htjyqqes]   { transform:scale(1.18); box-shadow:0 2px 8px rgba(0,0,0,.25); }
.adm-swatch.selected[b-f0htjyqqes] { border-color:#fff; box-shadow:0 0 0 3px currentColor, 0 2px 8px rgba(0,0,0,.25); transform:scale(1.18); }

/* ── Picker custom ── */
.adm-custom-row[b-f0htjyqqes]         { display:flex; align-items:center; gap:10px; margin-top:10px; padding:8px 12px; background:var(--mud-palette-background); border:1px solid var(--mud-palette-divider); border-radius:8px; }
.adm-custom-picker-wrap[b-f0htjyqqes] { position:relative; width:28px; height:28px; border-radius:6px; overflow:hidden; cursor:pointer; flex-shrink:0; border:2px solid var(--mud-palette-divider); }
.adm-custom-preview[b-f0htjyqqes]     { width:100%; height:100%; }
.adm-native-color[b-f0htjyqqes]       { position:absolute; inset:0; opacity:0; width:100%; height:100%; cursor:pointer; padding:0; border:none; }
.adm-custom-label[b-f0htjyqqes]       { font-size:.8rem; font-weight:500; color:var(--mud-palette-text-secondary); }
.adm-hex-value[b-f0htjyqqes]          { font-size:.8rem; font-family:monospace; background:var(--mud-palette-background-grey); padding:2px 8px; border-radius:4px; color:var(--mud-palette-text-primary); letter-spacing:.04em; margin-left:auto; }

/* ── Grid de equipes ── */
.adm-equipe-grid[b-f0htjyqqes]    { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:12px; }
.adm-equipe-card[b-f0htjyqqes]    { display:flex; align-items:center; gap:12px; background:var(--mud-palette-surface); border:none; border-radius:var(--db-radius); padding:14px 16px; box-shadow:0 1px 8px rgba(0,0,0,0.06); transition:transform .2s, box-shadow .2s; }
.adm-equipe-card:hover[b-f0htjyqqes] { transform:translateY(-2px); box-shadow:0 4px 20px rgba(0,0,0,0.10); }
.adm-equipe-color[b-f0htjyqqes]   { width:14px; height:44px; border-radius:6px; flex-shrink:0; }
.adm-equipe-body[b-f0htjyqqes]    { flex:1; min-width:0; }
.adm-equipe-nome[b-f0htjyqqes]    { display:block; font-weight:700; font-size:.95rem; color:var(--mud-palette-text-primary); }
.adm-equipe-membros[b-f0htjyqqes] { font-size:.8rem; color:var(--mud-palette-text-secondary); }
.adm-equipe-actions[b-f0htjyqqes] { display:flex; gap:4px; }

/* ── Toolbar e busca ── */
.adm-prest-toolbar[b-f0htjyqqes] { display:flex; align-items:center; }
.adm-search-wrap[b-f0htjyqqes]   { flex:1; position:relative; }
.adm-search-icon[b-f0htjyqqes]   {
    position:absolute; left:10px; top:50%; transform:translateY(-50%);
    color:var(--mud-palette-text-secondary);
    display:flex; align-items:center; pointer-events:none;
}
.adm-search-icon .mud-icon-root[b-f0htjyqqes] { font-size:18px !important; }
.adm-search-input[b-f0htjyqqes]  {
    width:100%; padding:9px 12px 9px 36px;
    border:1px solid var(--mud-palette-divider);
    border-radius:999px;
    background:var(--mud-palette-surface);
    color:var(--mud-palette-text-primary);
    font-size:.875rem; outline:none;
    box-shadow:0 1px 4px rgba(0,0,0,0.05);
    transition:border-color .15s, box-shadow .15s;
}
.adm-search-input:focus[b-f0htjyqqes] { border-color:var(--db-pink); box-shadow:0 0 0 3px var(--db-pink-soft); }

/* ── Tabela ── */
.adm-table-wrap[b-f0htjyqqes] { background:var(--mud-palette-surface); border:none; border-radius:var(--db-radius); overflow:hidden; box-shadow:0 1px 8px rgba(0,0,0,0.06); }
.adm-table[b-f0htjyqqes]      { width:100%; border-collapse:collapse; font-size:.875rem; }
.adm-table thead tr[b-f0htjyqqes] { background:rgba(0,0,0,0.03); }
.adm-table th[b-f0htjyqqes]   { padding:12px 16px; text-align:left; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--mud-palette-text-secondary); border-bottom:1px solid var(--mud-palette-divider); }
.adm-table td[b-f0htjyqqes]   { padding:12px 16px; border-bottom:1px solid var(--mud-palette-divider); vertical-align:middle; color:var(--mud-palette-text-primary); }
.adm-row:last-child td[b-f0htjyqqes] { border-bottom:none; }
.adm-row.dirty[b-f0htjyqqes]  { background:rgba(245,158,11,.05); }
.adm-row:hover[b-f0htjyqqes]  { background:var(--mud-palette-action-default-hover); }

.adm-prest-cell[b-f0htjyqqes]   { display:flex; align-items:center; gap:10px; }
.adm-prest-avatar[b-f0htjyqqes] { width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; color:#fff; flex-shrink:0; }
.adm-prest-nome[b-f0htjyqqes]   { font-weight:600; font-size:.875rem; }
.adm-prest-razao[b-f0htjyqqes]  { font-size:.75rem; color:var(--mud-palette-text-secondary); }
.adm-cargo[b-f0htjyqqes]        { color:var(--mud-palette-text-secondary); font-size:.8rem; }

.adm-select[b-f0htjyqqes]       { width:100%; padding:6px 10px; border:1px solid var(--mud-palette-divider); border-radius:8px; background:var(--mud-palette-background); color:var(--mud-palette-text-primary); font-size:.85rem; cursor:pointer; outline:none; }
.adm-select:focus[b-f0htjyqqes] { border-color:var(--db-pink); }
.adm-select--papel.papel-admin[b-f0htjyqqes]    { border-color:#7c3aed; color:#7c3aed; }
.adm-select--papel.papel-gestor[b-f0htjyqqes]   { border-color:var(--db-pink); color:var(--db-pink); }
.adm-select--papel.papel-operador[b-f0htjyqqes] { border-color:var(--mud-palette-divider); }

.adm-saved-check[b-f0htjyqqes] { color:#16a34a; display:flex; align-items:center; justify-content:center; opacity:.6; }

/* ── Botões ── */
.adm-btn[b-f0htjyqqes] { display:inline-flex; align-items:center; gap:6px; padding:9px 18px; border-radius:999px; border:none; cursor:pointer; font-size:.875rem; font-weight:600; transition:all .15s; }
.adm-btn--primary[b-f0htjyqqes] { background:var(--db-pink); color:#fff; }
.adm-btn--primary:hover:not(:disabled)[b-f0htjyqqes] { opacity:.88; transform:translateY(-1px); }
.adm-btn--outline[b-f0htjyqqes] { background:transparent; color:var(--mud-palette-text-primary); border:1px solid var(--mud-palette-divider); }
.adm-btn--outline:hover[b-f0htjyqqes] { background:var(--mud-palette-action-default-hover); }
.adm-btn--danger[b-f0htjyqqes]  { background:#dc2626; color:#fff; }
.adm-btn--danger:hover[b-f0htjyqqes] { background:#b91c1c; transform:translateY(-1px); }
.adm-btn--save[b-f0htjyqqes]    { background:var(--db-pink-soft); color:var(--db-pink); padding:6px 12px; }
.adm-btn--save:hover[b-f0htjyqqes] { background:rgba(37,99,235,.18); }
.adm-btn:disabled[b-f0htjyqqes] { opacity:.5; cursor:not-allowed; }

.adm-icon-btn[b-f0htjyqqes] { width:32px; height:32px; border:none; background:transparent; border-radius:8px; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--mud-palette-text-secondary); transition:all .15s; }
.adm-icon-btn:hover:not(:disabled)[b-f0htjyqqes] { background:var(--mud-palette-action-default-hover); color:var(--mud-palette-text-primary); }
.adm-icon-btn--danger:hover:not(:disabled)[b-f0htjyqqes] { background:rgba(220,38,38,.1); color:#dc2626; }
.adm-icon-btn:disabled[b-f0htjyqqes] { opacity:.35; cursor:not-allowed; }

/* ── Modal ── */
.adm-modal-backdrop[b-f0htjyqqes] { position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:9998; display:flex; align-items:center; justify-content:center; }
.adm-modal[b-f0htjyqqes] {
    background:var(--mud-palette-surface); border-radius:var(--db-radius); padding:32px;
    width:380px; text-align:center; z-index:9999;
    box-shadow:0 24px 64px rgba(0,0,0,.18);
    animation:adm-modal-in-b-f0htjyqqes .2s cubic-bezier(0.34,1.56,0.64,1) both;
}
@keyframes adm-modal-in-b-f0htjyqqes {
    from { opacity:0; transform:scale(0.9) translateY(10px); }
    to   { opacity:1; transform:scale(1) translateY(0); }
}
.adm-modal-icon[b-f0htjyqqes]        { font-size:2.5rem; margin-bottom:12px; }
.adm-modal-icon.danger[b-f0htjyqqes] { color:#dc2626; }
.adm-modal-icon.warn[b-f0htjyqqes]   { color:#d97706; }
.adm-modal-icon.ok[b-f0htjyqqes]     { color:#16a34a; }
.adm-modal h3[b-f0htjyqqes]          { margin:0 0 8px; font-size:1.1rem; font-weight:700; }
.adm-modal p[b-f0htjyqqes]           { margin:0 0 24px; font-size:.9rem; color:var(--mud-palette-text-secondary); }
.adm-modal-actions[b-f0htjyqqes]     { display:flex; gap:8px; justify-content:center; }

/* ── Empty state ── */
.adm-empty[b-f0htjyqqes]      { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:60px; color:var(--mud-palette-text-secondary); text-align:center; }
.adm-empty-icon[b-f0htjyqqes] { opacity:.3; }
.adm-empty p[b-f0htjyqqes]    { margin:0; font-size:.9rem; }

/* ── Legenda de papéis ── */
.adm-roles-legend[b-f0htjyqqes] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.adm-role-card[b-f0htjyqqes] {
    background: var(--mud-palette-surface); border:none; border-radius:var(--db-radius);
    padding: 18px; display:flex; flex-direction:column; gap:10px;
    box-shadow: 0 1px 8px rgba(0,0,0,0.06);
    transition: transform .2s, box-shadow .2s;
}
.adm-role-card:hover[b-f0htjyqqes]      { transform:translateY(-2px); box-shadow:0 4px 20px rgba(0,0,0,0.10); }
.adm-role-card--admin[b-f0htjyqqes]     { border-top:3px solid #7c3aed; }
.adm-role-card--gestor[b-f0htjyqqes]    { border-top:3px solid var(--db-pink); }
.adm-role-card--operador[b-f0htjyqqes]  { border-top:3px solid #64748b; }
.adm-role-header[b-f0htjyqqes] { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.adm-role-badge[b-f0htjyqqes]            { display:inline-flex; align-items:center; padding:3px 10px; border-radius:20px; font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
.adm-role-badge--admin[b-f0htjyqqes]     { background:rgba(124,58,237,.12); color:#7c3aed; }
.adm-role-badge--gestor[b-f0htjyqqes]    { background:var(--db-pink-soft); color:var(--db-pink); }
.adm-role-badge--operador[b-f0htjyqqes]  { background:rgba(100,116,139,.12); color:#64748b; }
.adm-role-desc[b-f0htjyqqes]  { font-size:.78rem; color:var(--mud-palette-text-secondary); font-style:italic; }
.adm-role-perms[b-f0htjyqqes] { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:5px; }
.adm-role-perms li[b-f0htjyqqes] { font-size:.8rem; display:flex; align-items:flex-start; gap:6px; line-height:1.4; }
.adm-role-perms li[b-f0htjyqqes]::before { flex-shrink:0; margin-top:1px; font-size:.7rem; }
.perm-ok[b-f0htjyqqes]::before  { content:"✓"; color:#16a34a; font-weight:700; }
.perm-no[b-f0htjyqqes]          { color:var(--mud-palette-text-secondary); }
.perm-no[b-f0htjyqqes]::before  { content:"✕"; color:#dc2626; font-weight:700; }

/* ═══════════════════════════════════════════════════════
   CARDS DE FILIAIS
═══════════════════════════════════════════════════════ */
.adm-fil-list[b-f0htjyqqes] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Card principal — layout horizontal */
.adm-fil-card[b-f0htjyqqes] {
    background: var(--mud-palette-surface);
    border-radius: var(--db-radius);
    box-shadow: 0 1px 8px rgba(0,0,0,0.06);
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 18px;
    transition: transform .18s, box-shadow .18s;
}
.adm-fil-card:hover[b-f0htjyqqes] { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.10); }
.adm-fil-card--inativa[b-f0htjyqqes] { opacity: 0.58; }

/* Barra de acento — oculta */
.adm-fil-accent[b-f0htjyqqes] { display: none; }


/* Corpo de texto — ocupa o espaço restante */
.adm-fil-body[b-f0htjyqqes] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }

.adm-fil-names[b-f0htjyqqes]    { }
.adm-fil-nome[b-f0htjyqqes]     { display: block; font-size: 14px; font-weight: 700; color: var(--mud-palette-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; }
.adm-fil-razao[b-f0htjyqqes]    { display: block; font-size: 12px; color: var(--mud-palette-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px; }

/* Chips de metadados */
.adm-fil-chips[b-f0htjyqqes] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.adm-fil-chip[b-f0htjyqqes] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    background: rgba(0,0,0,0.04);
    padding: 4px 10px;
    border-radius: 8px;
    white-space: nowrap;
    line-height: 1;
}
.adm-fil-chip i[b-f0htjyqqes] { font-size: 12px; opacity: .65; }
.adm-fil-chip--code[b-f0htjyqqes] { font-family: monospace; background: var(--db-pink-soft); color: var(--db-pink); font-weight: 600; }

/* Lado direito — badge + botões em coluna alinhada */
.adm-fil-right[b-f0htjyqqes] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
}

.adm-fil-status[b-f0htjyqqes]           { font-size: 11px; font-weight: 700; padding: 4px 11px; border-radius: 99px; white-space: nowrap; }
.adm-fil-status--ativa[b-f0htjyqqes]    { background: rgba(22,163,74,.12);  color: #15803d; }
.adm-fil-status--inativa[b-f0htjyqqes]  { background: rgba(239,68,68,.10); color: #b91c1c; }

/* Botões de ação */
.adm-fil-actions[b-f0htjyqqes] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
}

/* ══════════════════════
   RESPONSIVIDADE
══════════════════════ */
/* ═══════════════════════════════════════════════════════
   MODAL DE VÍNCULOS
═══════════════════════════════════════════════════════ */
.adm-modal-vinculos[b-f0htjyqqes] {
    background: var(--mud-palette-surface);
    border-radius: var(--db-radius);
    box-shadow: 0 24px 64px rgba(0,0,0,.22);
    width: min(580px, 96vw);
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: adm-modal-in-b-f0htjyqqes .22s cubic-bezier(0.34,1.56,0.64,1) both;
}

.adm-vinc-header[b-f0htjyqqes] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
}

.adm-vinc-header-icon[b-f0htjyqqes] {
    width: 36px; height: 36px;
    border-radius: 10px;
    background: var(--db-pink-soft);
    color: var(--db-pink);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}

.adm-vinc-header-text[b-f0htjyqqes] { flex: 1; min-width: 0; }
.adm-vinc-title[b-f0htjyqqes]   { margin: 0; font-size: 1rem; font-weight: 700; color: var(--mud-palette-text-primary); line-height: 1.2; }
.adm-vinc-subtitle[b-f0htjyqqes] { margin: 2px 0 0; font-size: .78rem; color: var(--mud-palette-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.adm-vinc-body[b-f0htjyqqes] {
    flex: 1;
    overflow-y: auto;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
}

.adm-vinc-section + .adm-vinc-section[b-f0htjyqqes] { margin-top: 16px; }

.adm-vinc-divider[b-f0htjyqqes] { height: 1px; background: var(--mud-palette-divider); margin: 16px 0 0; }

.adm-vinc-error[b-f0htjyqqes] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    font-size: 13px;
    color: #b91c1c;
    margin-bottom: 14px;
}

.adm-vinc-list[b-f0htjyqqes] { display: flex; flex-direction: column; gap: 7px; }

.adm-vinc-item[b-f0htjyqqes] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    background: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 10px;
    transition: box-shadow .15s;
}
.adm-vinc-item:hover[b-f0htjyqqes] { box-shadow: 0 2px 10px rgba(0,0,0,.07); }

.adm-vinc-item-icon[b-f0htjyqqes] {
    width: 30px; height: 30px;
    border-radius: 8px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    display: flex; align-items: center; justify-content: center;
    color: var(--mud-palette-text-secondary);
    flex-shrink: 0;
}

.adm-vinc-item-body[b-f0htjyqqes]  { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.adm-vinc-item-nome[b-f0htjyqqes]  { font-size: .875rem; font-weight: 600; color: var(--mud-palette-text-primary); }
.adm-vinc-item-meta[b-f0htjyqqes]  { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }

.adm-vinc-form-grid[b-f0htjyqqes]  { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

.adm-vinc-equipes[b-f0htjyqqes]    { display: flex; flex-wrap: wrap; gap: 7px; }

.adm-vinc-eq-chip[b-f0htjyqqes] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 8px;
    border: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-secondary);
    font-size: .8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .12s;
    user-select: none;
}
.adm-vinc-eq-chip:hover[b-f0htjyqqes] { border-color: var(--db-pink); color: var(--db-pink); }
.adm-vinc-eq-chip--on[b-f0htjyqqes] {
    background: var(--db-pink-soft);
    border-color: var(--db-pink);
    color: var(--db-pink);
    font-weight: 600;
}

.adm-vinc-footer[b-f0htjyqqes] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 14px 20px;
    border-top: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
}

.adm-vinc-footer-btn[b-f0htjyqqes] {
    height: 38px;
    padding: 0 22px;
    font-size: 13.5px;
    font-weight: 600;
    border-radius: 9px;
    text-transform: none;
    letter-spacing: 0;
}

@media (max-width: 900px) {
    .adm-workspace[b-f0htjyqqes] { flex-direction: column; }

    .adm-leftnav[b-f0htjyqqes] {
        width: 100%;
        flex-direction: row;
        align-items: center;
        padding: 10px 12px;
        position: static;
        gap: 6px;
        flex-wrap: wrap;
    }

    .adm-leftnav-label[b-f0htjyqqes] { display: none; }

    .adm-navitem[b-f0htjyqqes] {
        flex: 1;
        min-width: 100px;
        justify-content: center;
        padding: 10px 12px;
    }

    .adm-navitem-text[b-f0htjyqqes] { display: none; }
    .adm-navitem-icon[b-f0htjyqqes] { width: 26px; height: 26px; }
    .adm-hero-kpis[b-f0htjyqqes]   { display: none; }
}

@media (max-width: 600px) {
    .adm-hero[b-f0htjyqqes]         { padding: 20px; border-radius: 12px; }
    .adm-title[b-f0htjyqqes]        { font-size: 22px; }
    .adm-roles-legend[b-f0htjyqqes] { grid-template-columns: 1fr; }
    .adm-table-wrap[b-f0htjyqqes]   { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .adm-form-split[b-f0htjyqqes]   { flex-direction: column; }
    .adm-form-preview-col[b-f0htjyqqes] { flex: 1; width: 100%; }
    .adm-equipe-grid[b-f0htjyqqes]  { grid-template-columns: 1fr; }
    .adm-fil-grid[b-f0htjyqqes]     { grid-template-columns: 1fr; }
    .adm-modal[b-f0htjyqqes]        { width: calc(100vw - 40px); padding: 24px 20px; }
    .adm-palette-grid[b-f0htjyqqes] { grid-template-columns: repeat(6, 28px); }
}

/* Card de empresa (Minhas Empresas) — hover idêntico ao ZIP (onmouseenter/leave inline) */
.pnl-empresa-card:hover[b-f0htjyqqes] { border-color: var(--pj-accent); box-shadow: 0 4px 20px rgba(59,130,246,.1); }
/* /Components/Pages/Configuracoes.razor.rz.scp.css */
/* ==============================================
   CONFIGURAÇÕES
   O layout visível (abas, cards, campos) usa as classes
   literais do ZIP (cfg-tabs/cfg-section/pj-card-flat/pj-input
   etc.), definidas globalmente em pjzen-design-system.css.

   Este arquivo contém apenas o CSS remanescente da seção
   "Integrações" — funcionalidade sem equivalente no ZIP,
   mantida oculta (display:none) até implementação futura,
   e os modais associados (Conectar Integração / Logs).
   ============================================== */

.cfg-card-header[b-zl7umz8zrm] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 24px 18px 24px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.cfg-card-header-icon[b-zl7umz8zrm] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(var(--mud-palette-primary-rgb), 0.1);
    color: var(--mud-palette-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.cfg-card-title[b-zl7umz8zrm] {
    font-size: 15px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    margin: 0 0 3px 0;
}

.cfg-card-desc[b-zl7umz8zrm] {
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    margin: 0;
}

.cfg-card-body-flush[b-zl7umz8zrm] {
    padding: 0;
}

/* ==============================================
   INTEGRAÇÕES
   ============================================== */
.cfg-integration-row[b-zl7umz8zrm] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 24px;
}

.cfg-integration-divider[b-zl7umz8zrm] {
    height: 1px;
    background: var(--mud-palette-divider);
    margin: 0 24px;
}

.cfg-integration-logo[b-zl7umz8zrm] {
    width: 52px;
    height: 52px;
    border: 1.5px solid var(--mud-palette-divider);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--mud-palette-surface);
    padding: 8px;
}

.cfg-integration-info[b-zl7umz8zrm] {
    flex: 1;
    min-width: 0;
}

.cfg-integration-name[b-zl7umz8zrm] {
    font-size: 14px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    margin-bottom: 3px;
}

.cfg-integration-desc[b-zl7umz8zrm] {
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    line-height: 1.5;
}

.cfg-integration-status[b-zl7umz8zrm] {
    flex-shrink: 0;
}

.cfg-badge[b-zl7umz8zrm] {
    display: inline-flex;
    align-items: center;
    font-size: 11.5px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
    gap: 3px;
}

.cfg-badge-connected[b-zl7umz8zrm] {
    background: rgba(var(--mud-palette-success-rgb), 0.1);
    color: var(--mud-palette-success);
}

.cfg-badge-disconnected[b-zl7umz8zrm] {
    background: var(--mud-palette-background-grey);
    color: var(--mud-palette-text-secondary);
}

    .cfg-badge-disconnected .bi-circle-fill[b-zl7umz8zrm] {
        font-size: 7px;
        color: var(--mud-palette-text-disabled);
    }

.cfg-integration-action[b-zl7umz8zrm] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cfg-btn-logs[b-zl7umz8zrm] {
    display: inline-flex;
    align-items: center;
    padding: 7px 14px;
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-surface);
    border: 1.5px solid var(--mud-palette-divider);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

    .cfg-btn-logs:hover[b-zl7umz8zrm] {
        background: rgba(37, 99, 235, 0.07);
        color: #2563eb;
        border-color: rgba(37, 99, 235, 0.35);
    }

.cfg-btn-connect[b-zl7umz8zrm] {
    display: inline-flex;
    align-items: center;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    border: 1.5px solid rgba(var(--mud-palette-primary-rgb), 0.25);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

    .cfg-btn-connect:hover[b-zl7umz8zrm] {
        background: var(--mud-palette-primary);
        color: var(--mud-palette-primary-text);
        border-color: var(--mud-palette-primary);
    }

.cfg-btn-disconnect[b-zl7umz8zrm] {
    display: inline-flex;
    align-items: center;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-surface);
    border: 1.5px solid var(--mud-palette-divider);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

    .cfg-btn-disconnect:hover[b-zl7umz8zrm] {
        border-color: var(--mud-palette-primary);
        color: var(--mud-palette-primary);
    }

/* ==============================================
   MODAL DE INTEGRAÇÃO
   ============================================== */
.cfg-integ-dialog[b-zl7umz8zrm] {
    max-width: 500px;
}

.cfg-integ-dialog.modal-lg[b-zl7umz8zrm] {
    max-width: 780px;
}

.cfg-integ-modal[b-zl7umz8zrm] {
    border-radius: 18px !important;
    overflow: hidden;
    border: 1.5px solid var(--mud-palette-divider) !important;
    background: var(--mud-palette-surface) !important;
}

.cfg-integ-header[b-zl7umz8zrm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px 18px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.cfg-integ-header-left[b-zl7umz8zrm] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.cfg-integ-modal-logo[b-zl7umz8zrm] {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cfg-integ-modal-name[b-zl7umz8zrm] {
    font-size: 15px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.cfg-integ-modal-sub[b-zl7umz8zrm] {
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

.cfg-integ-close[b-zl7umz8zrm] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1.5px solid var(--mud-palette-divider);
    background: transparent;
    color: var(--mud-palette-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

    .cfg-integ-close:hover[b-zl7umz8zrm] {
        border-color: var(--mud-palette-error);
        color: var(--mud-palette-error);
        background: rgba(var(--mud-palette-error-rgb), 0.06);
    }

.cfg-integ-body[b-zl7umz8zrm] {
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cfg-integ-connected-banner[b-zl7umz8zrm] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: rgba(var(--mud-palette-success-rgb), 0.07);
    border: 1.5px solid rgba(var(--mud-palette-success-rgb), 0.3);
    border-radius: 10px;
}

.cfg-integ-connected-icon[b-zl7umz8zrm] {
    font-size: 24px;
    color: var(--mud-palette-success);
    flex-shrink: 0;
}

.cfg-integ-connected-title[b-zl7umz8zrm] {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--mud-palette-success);
}

.cfg-integ-connected-sub[b-zl7umz8zrm] {
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

    .cfg-integ-connected-sub strong[b-zl7umz8zrm] {
        color: var(--mud-palette-text-primary);
    }

.cfg-integ-feedback[b-zl7umz8zrm] {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 500;
}

    .cfg-integ-feedback.error[b-zl7umz8zrm] {
        background: rgba(var(--mud-palette-error-rgb), 0.08);
        color: var(--mud-palette-error);
        border: 1px solid rgba(var(--mud-palette-error-rgb), 0.2);
    }

    .cfg-integ-feedback.success[b-zl7umz8zrm] {
        background: rgba(var(--mud-palette-success-rgb), 0.08);
        color: var(--mud-palette-success);
        border: 1px solid rgba(var(--mud-palette-success-rgb), 0.2);
    }

.cfg-integ-tip[b-zl7umz8zrm] {
    display: flex;
    gap: 10px;
    padding: 12px 14px;
    background: rgba(var(--mud-palette-primary-rgb), 0.05);
    border-radius: 9px;
    border: 1px solid rgba(var(--mud-palette-primary-rgb), 0.15);
}

.cfg-integ-tip-icon[b-zl7umz8zrm] {
    font-size: 14px;
    color: var(--mud-palette-primary);
    flex-shrink: 0;
    margin-top: 2px;
}

.cfg-integ-tip-text[b-zl7umz8zrm] {
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    line-height: 1.55;
}

    .cfg-integ-tip-text strong[b-zl7umz8zrm],
    .cfg-integ-tip-text em[b-zl7umz8zrm] {
        color: var(--mud-palette-text-primary);
        font-style: normal;
        font-weight: 600;
    }

.cfg-integ-fields[b-zl7umz8zrm] {
    display: flex;
    flex-direction: column;
}

.cfg-label[b-zl7umz8zrm] {
    display: block;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 6px;
}

.cfg-input[b-zl7umz8zrm],
.cfg-select[b-zl7umz8zrm] {
    display: block;
    width: 100%;
    padding: 9px 13px;
    font-size: 13.5px;
    font-weight: 400;
    color: var(--mud-palette-text-primary);
    background: var(--cfg-input-bg);
    border: 1.5px solid var(--cfg-input-border);
    border-radius: 9px;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    appearance: none;
    -webkit-appearance: none;
}

    .cfg-input:focus[b-zl7umz8zrm],
    .cfg-select:focus[b-zl7umz8zrm] {
        border-color: var(--mud-palette-primary);
        background: var(--cfg-input-focus-bg);
        box-shadow: 0 0 0 3px rgba(var(--mud-palette-primary-rgb), 0.08);
    }

.cfg-select[b-zl7umz8zrm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%236b7280' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px;
    cursor: pointer;
}

.cfg-input-icon-wrap[b-zl7umz8zrm] {
    position: relative;
}

.cfg-input-icon[b-zl7umz8zrm] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--mud-palette-text-disabled);
    pointer-events: none;
}

.cfg-input-has-icon[b-zl7umz8zrm] {
    padding-left: 36px;
}

.cfg-input-has-icon-right[b-zl7umz8zrm] {
    padding-right: 40px;
}

.cfg-input-eye[b-zl7umz8zrm] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--mud-palette-text-disabled);
    font-size: 15px;
    padding: 0;
    line-height: 1;
    transition: color 0.15s ease;
    z-index: 3;
}

    .cfg-input-eye:hover[b-zl7umz8zrm] {
        color: var(--mud-palette-primary);
    }

.cfg-required[b-zl7umz8zrm] {
    color: var(--mud-palette-error);
    margin-left: 2px;
}

.cfg-integ-footer[b-zl7umz8zrm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 16px 24px;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--cfg-footer-bg);
}

.cfg-btn-ghost[b-zl7umz8zrm] {
    display: inline-flex;
    align-items: center;
    padding: 9px 18px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    background: transparent;
    border: 1.5px solid var(--mud-palette-divider);
    border-radius: 9px;
    cursor: pointer;
    transition: all 0.15s ease;
}

    .cfg-btn-ghost:hover[b-zl7umz8zrm] {
        border-color: var(--mud-palette-text-secondary);
        color: var(--mud-palette-text-primary);
    }

.cfg-btn-danger[b-zl7umz8zrm] {
    display: inline-flex;
    align-items: center;
    padding: 9px 18px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--mud-palette-error);
    background: rgba(var(--mud-palette-error-rgb), 0.07);
    border: 1.5px solid rgba(var(--mud-palette-error-rgb), 0.25);
    border-radius: 9px;
    cursor: pointer;
    transition: all 0.15s ease;
    margin-right: auto;
}

    .cfg-btn-danger:hover[b-zl7umz8zrm] {
        background: rgba(var(--mud-palette-error-rgb), 0.14);
        border-color: var(--mud-palette-error);
    }

.cfg-btn-save[b-zl7umz8zrm] {
    display: inline-flex;
    align-items: center;
    padding: 9px 22px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--mud-palette-primary-text);
    background: var(--mud-palette-primary);
    border: none;
    border-radius: 9px;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.1s ease;
}

    .cfg-btn-save:hover[b-zl7umz8zrm] {
        background: var(--mud-palette-primary-darken);
        transform: translateY(-1px);
    }

.cfg-btn-save.saving[b-zl7umz8zrm] {
    opacity: 0.8;
    cursor: not-allowed;
}

.cfg-spinner[b-zl7umz8zrm] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cfg-spin-b-zl7umz8zrm 0.7s linear infinite;
    margin-right: 8px;
    flex-shrink: 0;
}

@keyframes cfg-spin-b-zl7umz8zrm {
    to { transform: rotate(360deg); }
}

/* ==============================================
   LOGS DE REQUISIÇÕES
   ============================================== */
.cfg-logs-toolbar[b-zl7umz8zrm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 24px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.cfg-logs-filter-group[b-zl7umz8zrm] {
    display: flex;
    gap: 4px;
    background: var(--cfg-filter-bg);
    border: 1.5px solid var(--cfg-filter-border);
    border-radius: 9px;
    padding: 3px;
}

.cfg-logs-filter[b-zl7umz8zrm] {
    padding: 5px 14px;
    font-size: 12.5px;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
    background: transparent;
    border: none;
    border-radius: 7px;
    cursor: pointer;
    transition: all 0.15s ease;
}

    .cfg-logs-filter.active[b-zl7umz8zrm] {
        background: var(--mud-palette-surface);
        color: var(--mud-palette-text-primary);
        font-weight: 700;
    }

.cfg-logs-table-wrap[b-zl7umz8zrm] {
    overflow-x: auto;
}

.cfg-logs-table[b-zl7umz8zrm] {
    width: 100%;
    border-collapse: collapse;
}

    .cfg-logs-table thead tr[b-zl7umz8zrm] {
        background: var(--cfg-table-head-bg);
    }

    .cfg-logs-table th[b-zl7umz8zrm] {
        padding: 10px 16px;
        font-size: 11.5px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: var(--mud-palette-text-secondary);
        text-align: left;
        white-space: nowrap;
        border-bottom: 1px solid var(--mud-palette-divider);
    }

    .cfg-logs-table tbody tr[b-zl7umz8zrm] {
        transition: background 0.12s ease;
    }

        .cfg-logs-table tbody tr:hover[b-zl7umz8zrm] {
            background: rgba(var(--mud-palette-primary-rgb), 0.03);
        }

    .cfg-logs-table td[b-zl7umz8zrm] {
        padding: 11px 16px;
        font-size: 13px;
        color: var(--mud-palette-text-primary);
        border-bottom: 1px solid var(--mud-palette-divider);
        vertical-align: middle;
    }

    .cfg-logs-table tbody tr:last-child td[b-zl7umz8zrm] {
        border-bottom: none;
    }

.cfg-log-status[b-zl7umz8zrm] {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    font-family: monospace;
}

    .cfg-log-status.ok[b-zl7umz8zrm] {
        background: rgba(var(--mud-palette-success-rgb), 0.12);
        color: var(--mud-palette-success);
    }

    .cfg-log-status.err[b-zl7umz8zrm] {
        background: rgba(var(--mud-palette-error-rgb), 0.12);
        color: var(--mud-palette-error);
    }

.cfg-log-method[b-zl7umz8zrm] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 11.5px;
    font-weight: 700;
    font-family: monospace;
    text-transform: uppercase;
}

    .cfg-log-method.get[b-zl7umz8zrm]    { background: rgba(var(--mud-palette-primary-rgb), 0.1);  color: var(--mud-palette-primary); }
    .cfg-log-method.post[b-zl7umz8zrm]   { background: rgba(var(--mud-palette-success-rgb), 0.1);  color: var(--mud-palette-success); }
    .cfg-log-method.put[b-zl7umz8zrm]    { background: rgba(var(--mud-palette-warning-rgb), 0.1);  color: var(--mud-palette-warning); }
    .cfg-log-method.delete[b-zl7umz8zrm] { background: rgba(var(--mud-palette-error-rgb),   0.1);  color: var(--mud-palette-error);   }
    .cfg-log-method.patch[b-zl7umz8zrm]  { background: rgba(var(--mud-palette-tertiary-rgb), 0.1); color: var(--mud-palette-tertiary);}

.cfg-log-endpoint[b-zl7umz8zrm] {
    font-family: monospace;
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
}

.cfg-log-duration[b-zl7umz8zrm] {
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.cfg-log-time[b-zl7umz8zrm] {
    font-size: 12px;
    color: var(--mud-palette-text-disabled);
    white-space: nowrap;
}

.cfg-logs-empty[b-zl7umz8zrm] {
    text-align: center;
    padding: 32px !important;
    color: var(--mud-palette-text-disabled);
    font-size: 13.5px;
}

@media (max-width: 900px) {
    .cfg-integration-row[b-zl7umz8zrm] {
        flex-wrap: wrap;
        gap: 12px;
    }
}

@media (max-width: 600px) {
    .cfg-integration-row[b-zl7umz8zrm] {
        padding: 16px;
    }
}
/* /Components/Pages/Contratos/Contratos.razor.rz.scp.css */
/* Este componente foi reskinado para usar as classes literais do ZIP
   (pj-card-flat, pj-table, pj-status-*, pj-row-actions, etc., definidas
   globalmente em pjzen-design-system.css) e o diálogo de confirmação
   genérico (.adm-modal-*), também promovido para aquele arquivo global.
   As regras antigas específicas deste arquivo (.modal-delete-*) ficaram
   sem uso e foram removidas. */
/* /Components/Pages/Contratos/ContratosCriarModelo.razor.rz.scp.css */
/* ContratosCriarModelo.razor — sem estilos com escopo próprio.
   Todo o visual vem do design system global (pjzen-design-system.css,
   seção "PÁGINA CRIAR MODELO") para bater 1:1 com criar-modelo.html. */
/* /Components/Pages/Contratos/ContratosNovoMock.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   CONTRATOS NOVO MOCK (editor de campos sobre PDF) — estilos
   estruturais/funcionais sem equivalente estático no ZIP
   (o mockup usa um editor de texto rico A4; o app real usa
   posicionamento de campos por arrastar-e-soltar sobre o PDF
   via pdfEditor.js/pdfPreview.js). As cores/tokens seguem o
   idioma visual do design system (--pj-*).
   ══════════════════════════════════════════════════════════ */

/* ── Layout do editor (2 colunas) ──────────────────── */
.editor-layout[b-0padvcxxhf] {
    display: flex;
    min-height: 620px;
    overflow: hidden;
}

/* ── Painel lateral de campos ────────────────────────── */
.vars-panel[b-0padvcxxhf] {
    width: 270px;
    flex-shrink: 0;
    background: var(--pj-primary-xlight);
    border-right: 1px solid var(--pj-border);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.vars-section[b-0padvcxxhf] {
    padding: 18px 14px;
    border-bottom: 1px solid var(--pj-border);
    background: var(--pj-surface);
}

.vars-fill-section.empty[b-0padvcxxhf] {
    opacity: 0.6;
}

.vars-section-title[b-0padvcxxhf] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--pj-text-muted);
    margin-bottom: 14px;
}

.fill-badge[b-0padvcxxhf] {
    margin-left: auto;
    background: var(--pj-accent);
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 999px;
}

.vars-group-label[b-0padvcxxhf] {
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pj-text-light);
    margin-bottom: 6px;
}

.fill-empty-msg[b-0padvcxxhf] {
    font-size: 12px;
    color: var(--pj-text-light);
    font-style: italic;
    text-align: center;
    padding: 6px 0;
    margin: 0;
}

/* ── Área direita: editor + abas ───────────────────── */
.editor-main[b-0padvcxxhf] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--pj-surface);
    overflow: hidden;
}

/* Barra de abas Editar / Visualizar */
.editor-tabs-bar[b-0padvcxxhf] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 20px;
    border-bottom: 1px solid var(--pj-border);
    background: var(--pj-primary-xlight);
    flex-shrink: 0;
}

.editor-tab-btn[b-0padvcxxhf] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border-radius: var(--pj-radius-sm);
    font-size: 13px;
    font-weight: 600;
    border: none;
    background: transparent;
    color: var(--pj-text-muted);
    cursor: pointer;
    transition: var(--pj-transition);
}

    .editor-tab-btn:hover:not(.active)[b-0padvcxxhf] {
        background: rgba(0,0,0,.04);
        color: var(--pj-text);
    }

    .editor-tab-btn.active[b-0padvcxxhf] {
        background: var(--pj-surface);
        color: var(--pj-accent);
        box-shadow: 0 1px 3px rgba(0,0,0,.1);
    }

.editor-info-badge[b-0padvcxxhf] {
    font-size: 11px;
    color: var(--pj-text-light);
    font-weight: 500;
}

/* Área cinza ao redor das páginas (igual leitor de PDF / cm-a4-bg do ZIP) */
.doc-preview-wrapper[b-0padvcxxhf] {
    flex: 1;
    overflow-y: auto;
    min-height: 500px;
    background: #DCDEE2;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Container onde o PDF.js injeta os canvas */
.pdf-canvas-container[b-0padvcxxhf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* ── Notebook pequeno (1024–1280px) ─────────────────── */
@media (max-width: 1280px) and (min-width: 881px) {
    .vars-panel[b-0padvcxxhf] { width: 220px; }
    .doc-preview-wrapper[b-0padvcxxhf] { padding: 1.5rem; }
}

/* ── Tablet / notebook muito pequeno (768–1024px) ───── */
@media (max-width: 1024px) and (min-width: 881px) {
    .vars-panel[b-0padvcxxhf] { width: 200px; }
    .doc-preview-wrapper[b-0padvcxxhf] { padding: 1rem; }
}

/* ── Abaixo de 880px: empilha vertical ───────────────── */
@media (max-width: 880px) {
    .editor-layout[b-0padvcxxhf] { flex-direction: column; }
    .vars-panel[b-0padvcxxhf] { width: 100%; border-right: none; border-bottom: 1px solid var(--pj-border); }
    .doc-preview-wrapper[b-0padvcxxhf] { padding: 1rem; }
}
/* /Components/Pages/Contratos/ContratosVisualizar.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   CONTRATOS VISUALIZAR — reskin fiel ao "Modal Assinaturas" /
   "Modal Assinar Contrato" de contratos.html (ZIP). As classes
   reutilizáveis (.sig-*, .asn-*) foram promovidas para o arquivo
   global pjzen-design-system.css. Aqui ficam apenas o contêiner
   dos dois diálogos (sem equivalente em classe no ZIP — lá é
   estilizado via inline style no .modal-content) e o "papel" de
   contrato padrão (sem arquivo anexado), recolorido para os
   tokens --pj-*.
   ═══════════════════════════════════════════════════════════ */

/* ── Diálogo principal (Assinaturas do Contrato) ──────────── */
.cv-dialog[b-kb90dsdmnn] {
    width: min(1080px, calc(100vw - 3rem));
    height: 88vh;
    background: var(--pj-surface);
    border: 1px solid var(--pj-border);
    border-radius: var(--pj-radius-lg);
    box-shadow: var(--pj-shadow-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* ── Diálogo de assinatura (Confirme sua identidade) ──────── */
.cv-sign-dialog[b-kb90dsdmnn] {
    width: min(520px, calc(100vw - 2rem));
    max-height: 90vh;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0,0,0,.15);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* ═══════════════════
   PAPEL PADRÃO (sem arquivo anexado)
═══════════════════ */
.cv-doc-scroll[b-kb90dsdmnn] { height: 100%; padding: 24px 32px; box-sizing: border-box; }

.cv-paper[b-kb90dsdmnn] {
    max-width: 700px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 3px;
    box-shadow: 0 2px 20px rgba(0,0,0,.13), 0 0 0 1px rgba(0,0,0,.04);
    padding: 52px 60px 64px;
    color: #1a1a1a;
    font-family: 'Times New Roman', Times, serif;
    font-size: 14.5px;
    line-height: 1.75;
}

.cv-paper-logo-area[b-kb90dsdmnn] {
    margin-bottom: 36px;
    padding-bottom: 18px;
    border-bottom: 2px solid var(--pj-accent);
}

.cv-paper-logo[b-kb90dsdmnn] {
    font-family: system-ui, -apple-system, sans-serif;
    font-weight: 800;
    font-size: 24px;
    color: var(--pj-accent);
    display: flex;
    align-items: center;
    gap: 6px;
    letter-spacing: -0.5px;
}

.cv-logo-dot[b-kb90dsdmnn] { font-size: 16px; }

.cv-paper-title[b-kb90dsdmnn] {
    font-family: system-ui, sans-serif;
    text-align: center;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: #111;
    margin: 0 0 28px;
    text-transform: uppercase;
    line-height: 1.5;
}

.cv-paper-text[b-kb90dsdmnn] {
    margin: 0 0 14px;
    text-align: justify;
    color: #222;
    hyphens: auto;
}

.cv-paper-clause[b-kb90dsdmnn] {
    margin: 22px 0 10px;
    color: #111;
}

/* Signatures */
.cv-paper-sigs-area[b-kb90dsdmnn] {
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid #ccc;
}

.cv-paper-sigs[b-kb90dsdmnn] {
    display: flex;
    flex-wrap: wrap;
    gap: 28px 32px;
    margin-top: 24px;
}

.cv-paper-sig-item[b-kb90dsdmnn] {
    flex: 0 0 calc(50% - 16px);
    min-width: 200px;
}

.cv-paper-sig-line[b-kb90dsdmnn] {
    width: 100%;
    height: 1px;
    background: #999;
    margin-bottom: 10px;
}

.cv-paper-sig-name[b-kb90dsdmnn] {
    font-family: system-ui, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    margin: 0 0 2px;
    color: #111;
}

.cv-paper-sig-meta[b-kb90dsdmnn] {
    font-family: system-ui, sans-serif;
    font-size: 11px;
    color: #666;
    margin: 0;
}

.cv-paper-sig-meta--role[b-kb90dsdmnn] {
    color: var(--pj-accent);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Signature image (canvas drawing) displayed on paper */
.cv-paper-sig-img[b-kb90dsdmnn] {
    display: block;
    max-width: 100%;
    height: 60px;
    object-fit: contain;
    object-position: left center;
    margin-bottom: 4px;
    filter: contrast(1.4);
}

/* Typed signature (cursive text) displayed on paper */
.cv-paper-sig-cursiva[b-kb90dsdmnn] {
    font-family: 'Dancing Script', 'Brush Script MT', 'Segoe Script', cursive;
    font-size: 30px;
    color: #1a1a2e;
    line-height: 1.2;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ── Responsivo ──────────────────────────────────────────── */
@media (max-width: 880px) {
    .cv-dialog[b-kb90dsdmnn] { height: 94vh; }
}

@media (max-width: 640px) {
    .cv-paper[b-kb90dsdmnn] { padding: 32px 24px 40px; }
}

/* ── Botão ASSINAR (overlay do PDF) — hover/active do ZIP ── */
.cv-assinar-btn:hover[b-kb90dsdmnn] { background: #FEE2E2 !important; }
.cv-assinar-btn:active[b-kb90dsdmnn] { transform: scale(.97); }

/* ── Botão "Confirmar assinatura" (inline style do ZIP) ── */
.cv-confirm-btn[b-kb90dsdmnn] {
    display: inline-flex; align-items: center; gap: .45rem;
    background: #3B82F6; color: #fff; border: none;
    border-radius: var(--pj-radius); padding: .65rem 1.25rem;
    font-size: .875rem; font-weight: 700; cursor: pointer;
    font-family: inherit; transition: background .15s;
}
.cv-confirm-btn:hover[b-kb90dsdmnn] { background: #2563EB; }
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════
   DASHBOARD — Bootstrap + tema rosa
   (variáveis em app.css → --db-pink, --db-radius, etc.)
   ══════════════════════════════════════════════════════ */

/* ── Wrapper ───────────────────────────────────────── */
.db-page[b-f7imv7s7la] {
    padding: 0 0 4rem;
}

/* Garante que a primeira seção após os KPIs também respira */
.db-page .row + .db-section-row[b-f7imv7s7la] {
    padding-top: 2.5rem;
}

/* ── Header ────────────────────────────────────────── */
.db-header[b-f7imv7s7la] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 2.5rem;
}

/* Seções com espaçamento maior */
.db-section-block[b-f7imv7s7la] {
    margin-bottom: 3rem;
}

.db-eyebrow[b-f7imv7s7la] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--db-pink);
    margin-bottom: 4px;
}

.db-greeting[b-f7imv7s7la] {
    font-size: 34px;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
    margin: 0;
}

.db-header-actions[b-f7imv7s7la] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Month selector */
.db-month-wrap[b-f7imv7s7la] {
    position: relative;
    z-index: 200;
}

.db-month-btn[b-f7imv7s7la] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 999px;
    border: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    white-space: nowrap;
}

.db-month-btn:hover[b-f7imv7s7la] {
    border-color: var(--db-pink);
    background: var(--db-pink-soft);
    color: var(--db-pink);
}

.db-month-dropdown[b-f7imv7s7la] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: var(--db-radius);
    box-shadow: var(--db-shadow-hover);
    padding: 6px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px;
    min-width: 220px;
    animation: db-fade-in-b-f7imv7s7la 0.15s ease;
}

.db-month-opt[b-f7imv7s7la] {
    padding: 7px 10px;
    border-radius: 8px;
    border: none;
    background: transparent;
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    text-align: center;
    transition: background 0.12s, color 0.12s;
}

.db-month-opt:hover[b-f7imv7s7la] {
    background: var(--db-pink-soft);
    color: var(--db-pink);
}

.db-month-opt.active[b-f7imv7s7la] {
    background: var(--db-pink);
    color: #fff;
}

/* Export btn */
.db-export-btn[b-f7imv7s7la] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    white-space: nowrap;
}

.db-export-btn:hover[b-f7imv7s7la] {
    border-color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-action-hover);
}

/* Backdrop dropdown */
.db-backdrop[b-f7imv7s7la] {
    position: fixed;
    inset: 0;
    z-index: 199;
}

/* Spinner */
.db-spinner[b-f7imv7s7la] {
    color: var(--db-pink);
    width: 2.5rem;
    height: 2.5rem;
}

/* ── KPI Strip cards ────────────────────────────────── */
.db-kpi-card[b-f7imv7s7la] {
    background: var(--mud-palette-surface);
    border: none;
    border-radius: var(--db-radius);
    padding: 24px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 1px 8px rgba(0,0,0,0.06);
    transition: transform 0.2s, box-shadow 0.2s;
    min-height: 96px;
}

.db-kpi-card:hover[b-f7imv7s7la] {
    transform: translateY(-3px);
    box-shadow: var(--db-shadow-hover);
}

.db-kpi-icon-wrap[b-f7imv7s7la] {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.db-icon-pink[b-f7imv7s7la]   { background: var(--db-pink-soft); color: var(--db-pink); }
.db-icon-green[b-f7imv7s7la]  { background: rgba(34,197,94,0.1);  color: #16a34a; }
.db-icon-blue[b-f7imv7s7la]   { background: rgba(59,130,246,0.1); color: #2563eb; }
.db-icon-orange[b-f7imv7s7la] { background: rgba(251,146,60,0.12);color: #ea580c; }
.db-icon-red[b-f7imv7s7la]    { background: rgba(239,68,68,0.1);  color: #dc2626; }
.db-icon-yellow[b-f7imv7s7la] { background: rgba(234,179,8,0.1);  color: #ca8a04; }

.db-kpi-body[b-f7imv7s7la] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.db-kpi-num[b-f7imv7s7la] {
    font-size: 22px;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
    line-height: 1.1;
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}

.db-kpi-label[b-f7imv7s7la] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

.db-badge[b-f7imv7s7la] {
    font-size: 11px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 999px;
}

.db-badge.up[b-f7imv7s7la] {
    background: rgba(34,197,94,0.12);
    color: #16a34a;
}

.db-badge.down[b-f7imv7s7la] {
    background: rgba(239,68,68,0.1);
    color: #dc2626;
}

/* ── Section header ─────────────────────────────────── */
.db-section-row[b-f7imv7s7la] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 2rem;      /* respiro extra acima de cada seção */
    margin-bottom: 1.25rem; /* garante espaço abaixo do título */
}

.db-section-title[b-f7imv7s7la] {
    font-size: 22px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    margin: 0;
}

.db-section-link[b-f7imv7s7la] {
    font-size: 13px;
    font-weight: 600;
    color: var(--db-pink);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 2px;
}

.db-section-link:hover[b-f7imv7s7la] {
    opacity: 0.75;
}

/* ── db-card (container branco genérico) ────────────── */
.db-card[b-f7imv7s7la] {
    background: var(--mud-palette-surface);
    border: none;
    border-radius: var(--db-radius);
    padding: 24px;
    box-shadow: 0 1px 8px rgba(0,0,0,0.06);
    transition: transform 0.2s, box-shadow 0.2s;
}

.db-card:hover[b-f7imv7s7la] {
    transform: translateY(-3px);
    box-shadow: var(--db-shadow-hover);
}

.db-card-head[b-f7imv7s7la] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--mud-palette-text-secondary);
}

.db-card-ico[b-f7imv7s7la] {
    font-size: 16px;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.db-ico-pink[b-f7imv7s7la]   { background: var(--db-pink-soft); color: var(--db-pink); }
.db-ico-yellow[b-f7imv7s7la] { background: rgba(234,179,8,0.1); color: #ca8a04; }
.db-ico-blue[b-f7imv7s7la]   { background: rgba(59,130,246,0.1); color: #2563eb; }

.db-card-num[b-f7imv7s7la] {
    font-size: 20px;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
}

/* ── Multi-segment progress bar ─────────────────────── */
.db-progress-multi[b-f7imv7s7la] {
    display: flex;
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    gap: 2px;
    background: var(--mud-palette-action-hover);
}

.db-prog-seg[b-f7imv7s7la] {
    height: 100%;
    border-radius: 999px;
    transition: width 0.6s ease;
}

.db-seg-green[b-f7imv7s7la]  { background: #22c55e; }
.db-seg-yellow[b-f7imv7s7la] { background: #eab308; }
.db-seg-red[b-f7imv7s7la]    { background: #2563eb; }

/* ── Legend ──────────────────────────────────────────── */
.db-legend-row[b-f7imv7s7la] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    font-weight: 500;
}

.db-dot[b-f7imv7s7la] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* ── Big number card ─────────────────────────────────── */
.db-big-num[b-f7imv7s7la] {
    font-size: 48px;
    font-weight: 900;
    color: var(--mud-palette-text-primary);
    line-height: 1;
    margin-top: 8px;
}

.db-big-sub[b-f7imv7s7la] {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
    margin-top: 6px;
}

/* ── Metric cards (Contratos) ────────────────────────── */
.db-metric-card[b-f7imv7s7la] {
    background: var(--mud-palette-surface);
    border: none;
    border-radius: var(--db-radius);
    padding: 24px 16px;
    box-shadow: 0 1px 8px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.db-metric-card:hover[b-f7imv7s7la] {
    transform: translateY(-3px);
    box-shadow: var(--db-shadow-hover);
}

.db-metric-ico[b-f7imv7s7la] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.db-metric-val[b-f7imv7s7la] {
    font-size: 36px;
    font-weight: 900;
    color: var(--mud-palette-text-primary);
    line-height: 1;
}

.db-val-warn[b-f7imv7s7la] {
    color: #ea580c;
}

.db-metric-label[b-f7imv7s7la] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

/* ── NF cards horizontais ────────────────────────────── */
.db-nf-card[b-f7imv7s7la] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 22px;
    border-radius: var(--db-radius);
    border: none;
    box-shadow: 0 1px 8px rgba(0,0,0,0.06);
    transition: transform 0.2s, box-shadow 0.2s;
}

.db-nf-card:hover[b-f7imv7s7la] {
    transform: translateY(-2px);
    box-shadow: var(--db-shadow-hover);
}

.db-nf-pink[b-f7imv7s7la]  { background: var(--db-pink-soft); border-color: var(--db-pink-border); }
.db-nf-green[b-f7imv7s7la] { background: rgba(34,197,94,0.07); border-color: rgba(34,197,94,0.2); }
.db-nf-blue[b-f7imv7s7la]  { background: rgba(59,130,246,0.07); border-color: rgba(59,130,246,0.2); }

.db-nf-ico[b-f7imv7s7la] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: rgba(255,255,255,0.6);
}

.db-nf-pink  .db-nf-ico[b-f7imv7s7la] { color: var(--db-pink); }
.db-nf-green .db-nf-ico[b-f7imv7s7la] { color: #16a34a; }
.db-nf-blue  .db-nf-ico[b-f7imv7s7la] { color: #2563eb; }

.db-nf-num[b-f7imv7s7la] {
    font-size: 22px;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
    line-height: 1.1;
}

.db-nf-lbl[b-f7imv7s7la] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

/* ── NFs por área ─────────────────────────────────────── */
.db-area-row[b-f7imv7s7la] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.db-area-name[b-f7imv7s7la] {
    width: 120px;
    min-width: 120px;
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.db-area-bar-wrap[b-f7imv7s7la] {
    flex: 1;
    height: 8px;
    background: var(--mud-palette-action-hover);
    border-radius: 999px;
    overflow: hidden;
}

.db-area-bar[b-f7imv7s7la] {
    height: 100%;
    border-radius: 999px;
    transition: width 0.6s ease;
}

.db-area-pct[b-f7imv7s7la] {
    width: 36px;
    text-align: right;
    font-size: 12px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.db-area-count[b-f7imv7s7la] {
    width: 60px;
    text-align: right;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

/* ── Animations ──────────────────────────────────────── */
@keyframes db-fade-in-b-f7imv7s7la {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 576px) {
    .db-page[b-f7imv7s7la] { padding: 1.2rem 1rem 2rem; }
    .db-greeting[b-f7imv7s7la] { font-size: 22px; }
    .db-kpi-num[b-f7imv7s7la] { font-size: 18px; }
    .db-big-num[b-f7imv7s7la] { font-size: 36px; }
    .db-area-name[b-f7imv7s7la] { width: 90px; min-width: 90px; }
}

/* =========================
   RESPONSIVIDADE DASHBOARD
========================= */

@media (max-width: 768px) {
    .db-header[b-f7imv7s7la] { gap: 12px; margin-bottom: 1.2rem; }
    .db-header-actions[b-f7imv7s7la] { gap: 6px; }
    .db-export-btn[b-f7imv7s7la] { display: none; }
    .db-greeting[b-f7imv7s7la] { font-size: 22px; }

    .db-kpi-card[b-f7imv7s7la] { padding: 14px 12px; min-height: 72px; gap: 10px; }
    .db-kpi-icon-wrap[b-f7imv7s7la] { width: 38px; height: 38px; min-width: 38px; border-radius: 10px; font-size: 17px; }
    .db-kpi-num[b-f7imv7s7la] { font-size: 18px; }
    .db-kpi-label[b-f7imv7s7la] { font-size: 10px; }

    .db-metric-val[b-f7imv7s7la] { font-size: 28px; }
    .db-metric-ico[b-f7imv7s7la] { width: 40px; height: 40px; border-radius: 10px; }
    .db-big-num[b-f7imv7s7la] { font-size: 36px; }

    .db-nf-card[b-f7imv7s7la] { padding: 12px 14px; gap: 10px; }
    .db-nf-ico[b-f7imv7s7la] { width: 36px; height: 36px; min-width: 36px; border-radius: 10px; }
    .db-nf-num[b-f7imv7s7la] { font-size: 18px; }

    .db-section-title[b-f7imv7s7la] { font-size: 15px; }
    .db-card[b-f7imv7s7la] { padding: 16px; }

    .db-area-name[b-f7imv7s7la] { width: 100px; min-width: 100px; font-size: 12px; }
    .db-area-count[b-f7imv7s7la] { width: 50px; font-size: 10px; }
}

@media (max-width: 480px) {
    .db-page[b-f7imv7s7la] { padding: 0 0 1.5rem; }
    .db-greeting[b-f7imv7s7la] { font-size: 19px; }
    .db-eyebrow[b-f7imv7s7la] { font-size: 10px; }

    .db-kpi-card[b-f7imv7s7la] { padding: 12px 10px; gap: 8px; }
    .db-kpi-icon-wrap[b-f7imv7s7la] { width: 32px; height: 32px; min-width: 32px; border-radius: 8px; font-size: 15px; }
    .db-kpi-num[b-f7imv7s7la] { font-size: 16px; flex-direction: column; gap: 2px; }
    .db-badge[b-f7imv7s7la] { font-size: 10px; }

    .db-big-num[b-f7imv7s7la] { font-size: 28px; }
    .db-big-sub[b-f7imv7s7la] { font-size: 10px; }

    .db-nf-card[b-f7imv7s7la] { flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px; }

    .db-area-row[b-f7imv7s7la] { gap: 8px; }
    .db-area-name[b-f7imv7s7la] { width: 80px; min-width: 80px; font-size: 11px; }
    .db-area-count[b-f7imv7s7la] { display: none; }

    .db-month-btn[b-f7imv7s7la] { padding: 7px 12px; font-size: 12px; }
    .db-month-dropdown[b-f7imv7s7la] { min-width: 180px; }
    .db-month-opt[b-f7imv7s7la] { padding: 6px 8px; font-size: 11px; }
}
/* /Components/Pages/Diagnostico.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════
   Diagnostico.razor.css
   Apenas estilos exclusivos desta tela.
   Layout / tabela / badges / filtros → Grid.css (global).
   ═══════════════════════════════════════════════════════════════════════ */

/* ── KPI chips no cabeçalho ─────────────────────────────────────────── */
.diag-kpi-chip[b-idpslbuo4i] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    background: var(--mud-palette-action-hover);
    color: var(--mud-palette-text-secondary);
    border: 1px solid var(--mud-palette-divider);
}

.diag-kpi-chip--pendente[b-idpslbuo4i] {
    background: rgba(245, 158, 11, 0.10);
    color: #92400e;
    border-color: rgba(245, 158, 11, 0.25);
}

/* ── Cabeçalho de coluna ordenável ──────────────────────────────────── */
.diag-th-sort[b-idpslbuo4i] {
    cursor: pointer;
    user-select: none;
}
.diag-th-sort:hover[b-idpslbuo4i] { color: var(--mud-palette-primary); }

/* ── Linha clicável ─────────────────────────────────────────────────── */
.diag-row[b-idpslbuo4i] { cursor: pointer; }

/* ── Badges de origem (Frontend / Backend) ──────────────────────────── */
.diag-origem[b-idpslbuo4i] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}
.diag-origem-frontend[b-idpslbuo4i] { background: #ede9fe; color: #7c3aed; }
.diag-origem-backend[b-idpslbuo4i]  { background: #dbeafe; color: #1d4ed8; }

/* ── Badges de verbo HTTP ───────────────────────────────────────────── */
.diag-verbo[b-idpslbuo4i] {
    display: inline-block;
    font-size: 10px;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 4px;
    letter-spacing: .03em;
}
.diag-verbo-get[b-idpslbuo4i]    { background: #dcfce7; color: #166534; }
.diag-verbo-post[b-idpslbuo4i]   { background: #dbeafe; color: #1e40af; }
.diag-verbo-put[b-idpslbuo4i]    { background: #fef3c7; color: #92400e; }
.diag-verbo-delete[b-idpslbuo4i] { background: #fee2e2; color: #991b1b; }
.diag-verbo-patch[b-idpslbuo4i]  { background: #e0e7ff; color: #3730a3; }

/* ── Paginação footer ───────────────────────────────────────────────── */
.diag-paginacao[b-idpslbuo4i] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 14px 20px;
    border-top: 1px solid var(--mud-palette-divider);
    flex-wrap: wrap;
}
.diag-pag-info[b-idpslbuo4i] {
    flex: 1;
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

/* ── Modal backdrop + painel lateral ───────────────────────────────── */
.diag-modal-backdrop[b-idpslbuo4i] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1200;
}

.diag-modal[b-idpslbuo4i] {
    position: fixed;
    top: 4%;
    right: 2%;
    bottom: 4%;
    width: min(900px, 96vw);
    z-index: 1201;
    background: var(--mud-palette-surface);
    border-radius: 16px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.diag-modal-header[b-idpslbuo4i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    border-bottom: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
    gap: 12px;
    flex-wrap: wrap;
}
.diag-modal-header-left[b-idpslbuo4i]  { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.diag-modal-header-right[b-idpslbuo4i] { display: flex; align-items: center; gap: 6px; }

.diag-modal-tabs[b-idpslbuo4i] { flex: 1; overflow: hidden; display: flex; flex-direction: column; }
.diag-modal-tabs[b-idpslbuo4i]  .mud-tabs-panels { flex: 1; overflow-y: auto; }

.diag-modal-section[b-idpslbuo4i] { padding: 20px 24px; }

/* ── Grade de campos no detalhe ─────────────────────────────────────── */
.diag-detail-grid[b-idpslbuo4i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px;
    margin-bottom: 20px;
}
.diag-detail-field[b-idpslbuo4i] { display: flex; flex-direction: column; gap: 3px; }
.diag-detail-field--full[b-idpslbuo4i] { grid-column: 1 / -1; }
.diag-detail-field label[b-idpslbuo4i] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--mud-palette-text-secondary);
}
.diag-detail-field span[b-idpslbuo4i] { font-size: 13px; }

/* ── Blocos de código ───────────────────────────────────────────────── */
.diag-code-block-label[b-idpslbuo4i] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--mud-palette-text-secondary);
    margin: 16px 0 6px;
}
.diag-code-block[b-idpslbuo4i] {
    background: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    padding: 12px 16px;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 12px;
    line-height: 1.6;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
}
.diag-stacktrace[b-idpslbuo4i]       { max-height: 260px; overflow-y: auto; }
.diag-stacktrace-inner[b-idpslbuo4i] { max-height: 180px; }

/* ── Exceção badge ──────────────────────────────────────────────────── */
.diag-excecao-badge[b-idpslbuo4i] {
    display: inline-block;
    background: #fee2e2;
    color: #991b1b;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    font-family: monospace;
}

/* ── Inner exceptions ───────────────────────────────────────────────── */
.diag-inner-exc[b-idpslbuo4i] {
    background: var(--mud-palette-background);
    border-left: 3px solid #f87171;
    border-radius: 0 6px 6px 0;
    padding: 10px 14px;
    margin-bottom: 10px;
}
.diag-inner-tipo[b-idpslbuo4i] {
    font-size: 12px;
    font-weight: 700;
    color: #ef4444;
    display: block;
    margin-bottom: 4px;
}
.diag-inner-msg[b-idpslbuo4i] { font-size: 13px; margin: 0 0 8px; }

/* ── Requisição HTTP ────────────────────────────────────────────────── */
.diag-http-req[b-idpslbuo4i] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

/* ── CorrelationId ──────────────────────────────────────────────────── */
.diag-corr-badge[b-idpslbuo4i] {
    display: inline-block;
    background: #ede9fe;
    color: #6d28d9;
    border-radius: 20px;
    padding: 1px 8px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 8px;
}
.diag-corr-desc[b-idpslbuo4i] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 16px;
}
.diag-copiavel[b-idpslbuo4i] { cursor: pointer; text-decoration: underline dotted; }
.diag-copiavel:hover[b-idpslbuo4i] { color: var(--mud-palette-primary); }

/* ── Timeline ───────────────────────────────────────────────────────── */
.diag-timeline[b-idpslbuo4i] {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-left: 20px;
}
.diag-timeline[b-idpslbuo4i]::before {
    content: '';
    position: absolute;
    left: 7px; top: 8px; bottom: 8px;
    width: 2px;
    background: var(--mud-palette-divider);
}
.diag-timeline-item[b-idpslbuo4i] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    cursor: pointer;
}
.diag-timeline-item:hover .diag-timeline-content[b-idpslbuo4i] {
    background: var(--mud-palette-action-hover);
    border-radius: 8px;
}
.diag-timeline-item--current .diag-timeline-dot[b-idpslbuo4i] {
    box-shadow: 0 0 0 3px var(--mud-palette-primary);
}
.diag-timeline-dot[b-idpslbuo4i] {
    width: 14px; height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 4px;
    position: relative;
    left: -20px;
}
.diag-timeline-dot.frontend[b-idpslbuo4i] { background: #7c3aed; }
.diag-timeline-dot.backend[b-idpslbuo4i]  { background: #1d4ed8; }
.diag-timeline-content[b-idpslbuo4i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    flex: 1;
    margin-left: -6px;
}
.diag-timeline-label[b-idpslbuo4i] {
    font-size: 11px;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
}

/* ── Observações ────────────────────────────────────────────────────── */
.diag-obs-item[b-idpslbuo4i] {
    background: var(--mud-palette-background);
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 10px;
}
.diag-obs-header[b-idpslbuo4i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}
.diag-obs-autor[b-idpslbuo4i] { font-size: 13px; font-weight: 700; }
.diag-obs-data[b-idpslbuo4i]  { font-size: 11px; color: var(--mud-palette-text-secondary); }
.diag-obs-texto[b-idpslbuo4i] { font-size: 13px; margin: 0; line-height: 1.5; }
.diag-obs-nova[b-idpslbuo4i] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--mud-palette-divider);
}

/* ── Seção vazia dentro de tab ──────────────────────────────────────── */
.diag-empty-section[b-idpslbuo4i] {
    text-align: center;
    padding: 32px;
    color: var(--mud-palette-text-secondary);
    font-size: 13px;
}

/* ── Responsivo ─────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .diag-modal[b-idpslbuo4i] {
        top: 0; right: 0; bottom: 0;
        width: 100vw;
        border-radius: 0;
    }
    .diag-paginacao[b-idpslbuo4i] { flex-direction: column; align-items: center; }
    .diag-pag-info[b-idpslbuo4i]  { flex: none; }
}
/* /Components/Pages/Empresas/EmpresasEditar.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   EMPRESAS EDITAR — painel lateral (peek sheet)
   Inclui todos os estilos base do peek pattern
   ══════════════════════════════════════════════ */

/* ── Backdrop ── */
.peek-backdrop[b-dqkwyrqxiq] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1040;
    animation: peek-fade-in-b-dqkwyrqxiq 0.25s ease both;
}

@keyframes peek-fade-in-b-dqkwyrqxiq {
    from { opacity: 0 }
    to   { opacity: 1 }
}

/* ── X fora do modal ── */
.peek-close-btn[b-dqkwyrqxiq] {
    position: fixed;
    top: 5px;
    right: 20px;
    z-index: 1060;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid rgba(255,255,255,.40);
    border-radius: 50%;
    background: rgba(255,255,255,.15);
    backdrop-filter: blur(6px);
    color: rgba(255,255,255,.90);
    cursor: pointer;
    transition: background .18s, border-color .18s, transform .15s;
    padding: 0;
}
.peek-close-btn:hover[b-dqkwyrqxiq]  { background: rgba(255,255,255,.28); border-color: rgba(255,255,255,.70); transform: scale(1.10); }
.peek-close-btn:active[b-dqkwyrqxiq] { transform: scale(.94); }

/* ── Sheet ── */
.peek-sheet[b-dqkwyrqxiq] {
    position: fixed;
    top: 32px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    background: var(--mud-palette-background);
    border-radius: 48px 48px 0 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: peek-slide-up-b-dqkwyrqxiq 0.40s cubic-bezier(0.32,0.72,0,1) both;
}

@keyframes peek-slide-up-b-dqkwyrqxiq {
    from { transform: translateY(100%) }
    to   { transform: translateY(0) }
}

/* ── Top Bar ── */
.sheet-topbar[b-dqkwyrqxiq] {
    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
    flex-shrink: 0;
    padding-bottom: 16px;
    border-radius: 48px 48px 0 0;
}

.peek-handle[b-dqkwyrqxiq] {
    width: 40px;
    height: 4px;
    background: rgba(255,255,255,.30);
    border-radius: 2px;
    margin: 10px auto 14px;
}

.topbar-inner[b-dqkwyrqxiq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 720px;
    margin: 0 auto;
    padding: 0 24px;
}

.topbar-profile[b-dqkwyrqxiq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.topbar-avatar[b-dqkwyrqxiq] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255,255,255,.20);
    border: 2px solid rgba(255,255,255,.32);
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-transform: uppercase;
}

.topbar-info[b-dqkwyrqxiq] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.topbar-name[b-dqkwyrqxiq]  { font-size: 15px; font-weight: 700; color: #fff; line-height: 1.2; }
.topbar-role[b-dqkwyrqxiq]  { font-size: 11.5px; color: rgba(255,255,255,.65); }

.topbar-status[b-dqkwyrqxiq] {
    font-size: 11px; font-weight: 600;
    padding: 3px 10px;
    border-radius: 99px;
    background: rgba(255,255,255,.18);
    color: #fff;
    letter-spacing: .03em;
}

.topbar-equipe-tag[b-dqkwyrqxiq] {
    display: inline-block;
    margin-top: 4px;
    font-size: 10.5px; font-weight: 600;
    padding: 2px 9px;
    border-radius: 99px;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.25);
    color: rgba(255,255,255,.85);
    letter-spacing: .02em;
    width: fit-content;
}

/* ── Section Nav ── */
.section-nav[b-dqkwyrqxiq] {
    flex-shrink: 0;
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-divider);
    z-index: 10;
}

.section-nav-inner[b-dqkwyrqxiq] {
    display: flex;
    max-width: 720px;
    margin: 0 auto;
    padding: 0 24px;
    overflow-x: auto;
    scrollbar-width: none;
}
.section-nav-inner[b-dqkwyrqxiq]::-webkit-scrollbar { display: none; }

.snav-btn[b-dqkwyrqxiq] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: -1px;
    transition: color .15s, border-color .15s;
    display: inline-flex;
    align-items: center;
}
.snav-btn:hover[b-dqkwyrqxiq] { color: var(--mud-palette-text-primary); }
.snav-btn.active[b-dqkwyrqxiq] {
    color: var(--mud-palette-primary);
    border-bottom-color: var(--mud-palette-primary);
    font-weight: 600;
}

/* ── Scroll Area ── */
.sheet-scroll[b-dqkwyrqxiq] {
    flex: 1;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 24px 0 32px;
}

/* ── Content Centered ── */
.content-centered[b-dqkwyrqxiq] {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Content Sections ── */
.content-section[b-dqkwyrqxiq] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 12px;
    padding: 28px 32px;
    scroll-margin-top: 8px;
}

.csec-header[b-dqkwyrqxiq] {
    margin-bottom: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.csec-title[b-dqkwyrqxiq] {
    font-size: 14px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    margin: 0 0 4px;
}

.csec-desc[b-dqkwyrqxiq] {
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    margin: 0;
    line-height: 1.5;
}

/* ── Field Grids ── */
.field-row-2[b-dqkwyrqxiq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.field-row-cep[b-dqkwyrqxiq] {
    display: grid;
    grid-template-columns: 150px 1fr 80px;
    gap: 14px;
}

.field-sup[b-dqkwyrqxiq] {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 6px;
}

/* ══════════════════════════════════════════════
   EMPRESAS EDITAR — estilos específicos
   ══════════════════════════════════════════════ */

/* ── AVATAR DA EMPRESA ───────────────────────── */
.emp-editar-avatar[b-dqkwyrqxiq] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    font-size: 15px !important;
}

/* ── CONTADOR NA NAV ─────────────────────────── */
.snav-count[b-dqkwyrqxiq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background: var(--mud-palette-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 0 4px;
    margin-left: 5px;
}

/* ── STATUS BADGES ───────────────────────────── */
.badge-ativo[b-dqkwyrqxiq]   { background: rgba(22,163,74,.12);  color: #16a34a; border-radius: 6px; padding: 3px 10px; font-size: 12px; font-weight: 600; }
.badge-inativo[b-dqkwyrqxiq] { background: rgba(220,38,38,.10);  color: #dc2626; border-radius: 6px; padding: 3px 10px; font-size: 12px; font-weight: 600; }
.badge-sm[b-dqkwyrqxiq]      { padding: 2px 7px !important; font-size: 11px !important; }

/* ── SUB-EMPRESA EMPTY ───────────────────────── */
.emp-sub-empty[b-dqkwyrqxiq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
    gap: 8px;
    color: var(--mud-palette-text-secondary);
}
.emp-sub-empty-icon[b-dqkwyrqxiq] { opacity: .35; font-size: 48px !important; margin-bottom: 4px; }
.emp-sub-empty p[b-dqkwyrqxiq]    { font-size: 14px; font-weight: 500; margin: 0; }
.emp-sub-empty small[b-dqkwyrqxiq] { font-size: 12px; opacity: .7; }

/* ── CARD SUB-EMPRESA ────────────────────────── */
.emp-sub-card[b-dqkwyrqxiq] {
    background: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
    transition: border-color .18s ease;
}
.emp-sub-card:hover[b-dqkwyrqxiq]          { border-color: var(--mud-palette-primary); }
.emp-sub-card--new[b-dqkwyrqxiq]           { border-style: dashed; border-color: var(--mud-palette-primary); background: rgba(37,99,235,.03); }
.emp-sub-card--existing[b-dqkwyrqxiq]      { border-left: 3px solid var(--mud-palette-primary); }

.emp-sub-card-header[b-dqkwyrqxiq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.emp-sub-card-title[b-dqkwyrqxiq] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    color: var(--mud-palette-text-primary);
}

.emp-sub-avatar[b-dqkwyrqxiq] {
    width: 30px; height: 30px;
    border-radius: 8px;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #fff; font-weight: 700; font-size: 11px;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}

.emp-sub-card-nome[b-dqkwyrqxiq] { font-weight: 700; }

.emp-sub-remove-btn[b-dqkwyrqxiq] {
    background: none; border: none; cursor: pointer;
    color: var(--mud-palette-text-secondary);
    padding: 4px; border-radius: 6px;
    display: flex; align-items: center;
    transition: background .14s, color .14s;
}
.emp-sub-remove-btn:hover[b-dqkwyrqxiq] { background: rgba(220,38,38,.10); color: #dc2626; }

.emp-sub-card-detail[b-dqkwyrqxiq] {
    display: flex; gap: 16px; flex-wrap: wrap;
    font-size: 12px; color: var(--mud-palette-text-secondary);
    margin-top: 4px; margin-bottom: 4px;
}
.emp-sub-card-detail span[b-dqkwyrqxiq] { display: flex; align-items: center; gap: 4px; }

/* ── FORM INLINE ─────────────────────────────── */
.emp-sub-inline-form[b-dqkwyrqxiq] {
    border-top: 1px solid var(--mud-palette-divider);
    margin-top: 12px; padding-top: 14px;
}
.emp-sub-inline-actions[b-dqkwyrqxiq] {
    display: flex; justify-content: flex-end;
    gap: 10px; margin-top: 12px;
}

/* ── FOOTER DO SHEET ─────────────────────────── */
.peek-footer[b-dqkwyrqxiq] {
    flex-shrink: 0;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    padding: 14px 0;
}

.footer-centered[b-dqkwyrqxiq] {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 24px;
}

.footer-centered.footer-row[b-dqkwyrqxiq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-hint[b-dqkwyrqxiq] {
    font-size: 12px;
    color: var(--mud-palette-text-disabled);
}

.footer-btns[b-dqkwyrqxiq] { display: flex; gap: 10px; }

.btn-footer[b-dqkwyrqxiq] {
    height: 38px !important;
    padding: 0 22px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    border-radius: 9px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* ── TOGGLE CUSTOMIZADO ──────────────────────── */
.fil-toggle[b-dqkwyrqxiq] {
    position: relative;
    width: 44px; height: 24px;
    border-radius: 99px; border: none;
    background: var(--mud-palette-divider);
    cursor: pointer; flex-shrink: 0;
    transition: background .2s;
    padding: 0; outline: none;
}
.fil-toggle:focus-visible[b-dqkwyrqxiq] { box-shadow: 0 0 0 3px rgba(37,99,235,.3); }
.fil-toggle--on[b-dqkwyrqxiq] { background: var(--mud-palette-primary); }
.fil-toggle--gold.fil-toggle--on[b-dqkwyrqxiq] { background: #f59e0b; }
.fil-toggle-thumb[b-dqkwyrqxiq] {
    position: absolute; top: 3px; left: 3px;
    width: 18px; height: 18px; border-radius: 50%;
    background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.25);
    transition: transform .2s cubic-bezier(.4,0,.2,1); display: block;
}
.fil-toggle--on .fil-toggle-thumb[b-dqkwyrqxiq] { transform: translateX(20px); }

/* ── STATUS ROW ──────────────────────────────── */
.emp-status-row[b-dqkwyrqxiq] {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; margin-top: 20px; padding-top: 16px;
    border-top: 1px solid var(--mud-palette-divider);
}
.emp-status-label[b-dqkwyrqxiq] {
    font-size: 14px; font-weight: 600;
    color: var(--mud-palette-text-primary); margin: 0 0 2px;
}
.emp-status-desc[b-dqkwyrqxiq] { font-size: 12px; color: var(--mud-palette-text-secondary); margin: 0; }

/* ── EMPRESA PRINCIPAL ROW ───────────────────── */
.emp-principal-row[b-dqkwyrqxiq] {
    display: flex; align-items: flex-start; justify-content: space-between;
    gap: 16px; margin-top: 16px; padding-top: 16px;
    border-top: 1px solid var(--mud-palette-divider);
}
.emp-principal-info[b-dqkwyrqxiq] { flex: 1; min-width: 0; }
.emp-principal-label[b-dqkwyrqxiq] {
    font-size: 13px; font-weight: 600;
    color: var(--mud-palette-warning-darken);
    margin: 0 0 4px; display: flex; align-items: center; gap: 6px;
}
.emp-principal-desc[b-dqkwyrqxiq] { font-size: 12px; color: var(--mud-palette-text-secondary); margin: 0; line-height: 1.5; }

/* ── REVIEW SUB ITEM ─────────────────────────── */
.review-sub-item[b-dqkwyrqxiq] {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--mud-palette-divider);
    font-size: 13px;
}
.review-sub-item:last-child[b-dqkwyrqxiq] { border-bottom: none; }

.review-sub-codigo[b-dqkwyrqxiq] {
    background: rgba(37,99,235,.10); color: #2563eb;
    border-radius: 4px; padding: 1px 6px;
    font-size: 11px; font-weight: 600;
}

/* ── RESPONSIVE ──────────────────────────────── */
@media (max-width: 640px) {
    .content-section[b-dqkwyrqxiq]  { padding: 20px 18px; }
    .section-nav-inner[b-dqkwyrqxiq] { padding: 0 12px; }
    .field-row-2[b-dqkwyrqxiq]      { grid-template-columns: 1fr; }
    .field-row-cep[b-dqkwyrqxiq]    { grid-template-columns: 1fr 1fr; }
    .field-row-cep > :first-child[b-dqkwyrqxiq] { grid-column: 1 / -1; }
}

/* ── MOBILE ──────────────────────────────────── */
@media (max-width: 768px) {
    .section-nav[b-dqkwyrqxiq] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .section-nav-inner[b-dqkwyrqxiq] { flex-wrap: nowrap; gap: 4px; padding: 0 10px 8px; }
    .section-nav-btn[b-dqkwyrqxiq] { flex-shrink: 0; font-size: 12px; padding: 6px 12px; }
    .topbar-empresa[b-dqkwyrqxiq] { flex-wrap: wrap; gap: 8px; min-height: auto; padding: 12px 16px; }
    .topbar-avatar[b-dqkwyrqxiq] { width: 44px; height: 44px; }
    .topbar-nome[b-dqkwyrqxiq] { font-size: 15px; }
}

@media (max-width: 480px) {
    .content-section[b-dqkwyrqxiq] { padding: 16px 14px; }
    .field-row-2[b-dqkwyrqxiq] { grid-template-columns: 1fr; }
    .field-row-cep[b-dqkwyrqxiq] { grid-template-columns: 1fr; }
    .field-row-cep > :first-child[b-dqkwyrqxiq] { grid-column: auto; }
    .topbar-actions[b-dqkwyrqxiq] { width: 100%; justify-content: flex-end; }
}
/* /Components/Pages/Empresas/EmpresasNova.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   FILIAL EDITAR — peek sheet completo
   (base peek + estilos específicos de filial)
   ══════════════════════════════════════════════ */

/* ── Backdrop ── */
.peek-backdrop[b-10tc8yjaz2] {
    position: fixed; inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 1040;
    animation: peek-fade-in-b-10tc8yjaz2 0.25s ease both;
}
@keyframes peek-fade-in-b-10tc8yjaz2 { from { opacity: 0 } to { opacity: 1 } }

/* ── X fora do modal ── */
.peek-close-btn[b-10tc8yjaz2] {
    position: fixed; top: 5px; right: 20px; z-index: 1060;
    width: 24px; height: 24px;
    display: flex; align-items: center; justify-content: center;
    border: 1.5px solid rgba(255,255,255,.40); border-radius: 50%;
    background: rgba(255,255,255,.15); backdrop-filter: blur(6px);
    color: rgba(255,255,255,.90); cursor: pointer;
    transition: background .18s, border-color .18s, transform .15s;
    padding: 0;
}
.peek-close-btn:hover[b-10tc8yjaz2]  { background: rgba(255,255,255,.28); border-color: rgba(255,255,255,.70); transform: scale(1.10); }
.peek-close-btn:active[b-10tc8yjaz2] { transform: scale(.94); }

/* ── Sheet ── */
.peek-sheet[b-10tc8yjaz2] {
    position: fixed; top: 32px; left: 0; right: 0; bottom: 0;
    z-index: 1050;
    background: var(--mud-palette-background);
    border-radius: 48px 48px 0 0;
    display: flex; flex-direction: column; overflow: hidden;
    animation: peek-slide-up-b-10tc8yjaz2 0.40s cubic-bezier(0.32,0.72,0,1) both;
}
@keyframes peek-slide-up-b-10tc8yjaz2 { from { transform: translateY(100%) } to { transform: translateY(0) } }

/* ── Top Bar ── */
.sheet-topbar[b-10tc8yjaz2] {
    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
    flex-shrink: 0; padding-bottom: 16px;
    border-radius: 48px 48px 0 0;
}
.peek-handle[b-10tc8yjaz2] {
    width: 40px; height: 4px; background: rgba(255,255,255,.30);
    border-radius: 2px; margin: 10px auto 14px;
}
.topbar-inner[b-10tc8yjaz2] {
    display: flex; align-items: center; justify-content: space-between;
    max-width: 720px; margin: 0 auto; padding: 0 24px;
}
.topbar-profile[b-10tc8yjaz2] { display: flex; align-items: center; gap: 12px; }
.topbar-avatar[b-10tc8yjaz2]  {
    width: 42px; height: 42px; border-radius: 50%;
    background: rgba(255,255,255,.20); border: 2px solid rgba(255,255,255,.32);
    color: #fff; font-size: 17px; font-weight: 900;
    display: inline-flex; align-items: center; justify-content: center;
    flex-shrink: 0; text-transform: uppercase;
}
.topbar-info[b-10tc8yjaz2]   { display: flex; flex-direction: column; gap: 1px; }
.topbar-name[b-10tc8yjaz2]   { font-size: 15px; font-weight: 700; color: #fff; line-height: 1.2; }
.topbar-role[b-10tc8yjaz2]   { font-size: 11.5px; color: rgba(255,255,255,.65); }
.topbar-status[b-10tc8yjaz2] {
    font-size: 11px; font-weight: 600; padding: 3px 10px;
    border-radius: 99px; background: rgba(255,255,255,.18);
    color: #fff; letter-spacing: .03em;
}
.topbar-status.inativo[b-10tc8yjaz2] { background: rgba(220,38,38,.25); }
.topbar-equipe-tag[b-10tc8yjaz2] {
    display: inline-block; margin-top: 4px;
    font-size: 10.5px; font-weight: 600; padding: 2px 9px;
    border-radius: 99px; background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.25);
    color: rgba(255,255,255,.85); letter-spacing: .02em; width: fit-content;
}

/* ── Section Nav ── */
.section-nav[b-10tc8yjaz2] {
    flex-shrink: 0; background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-divider); z-index: 10;
}
.section-nav-inner[b-10tc8yjaz2] {
    display: flex; max-width: 720px; margin: 0 auto; padding: 0 24px;
    overflow-x: auto; scrollbar-width: none;
}
.section-nav-inner[b-10tc8yjaz2]::-webkit-scrollbar { display: none; }
.snav-btn[b-10tc8yjaz2] {
    background: none; border: none;
    border-bottom: 2px solid transparent;
    padding: 12px 14px; font-size: 13px; font-weight: 500;
    color: var(--mud-palette-text-secondary); cursor: pointer;
    white-space: nowrap; margin-bottom: -1px;
    transition: color .15s, border-color .15s;
    display: inline-flex; align-items: center;
}
.snav-btn:hover[b-10tc8yjaz2]  { color: var(--mud-palette-text-primary); }
.snav-btn.active[b-10tc8yjaz2] { color: var(--mud-palette-primary); border-bottom-color: var(--mud-palette-primary); font-weight: 600; }

/* ── Scroll Area ── */
.sheet-scroll[b-10tc8yjaz2] { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 24px 0 32px; }

/* ── Content Centered ── */
.content-centered[b-10tc8yjaz2] {
    max-width: 720px; margin: 0 auto; padding: 0 24px;
    display: flex; flex-direction: column; gap: 16px;
}

/* ── Content Sections ── */
.content-section[b-10tc8yjaz2] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 12px; padding: 28px 32px;
    scroll-margin-top: 8px;
}
.csec-header[b-10tc8yjaz2] { margin-bottom: 22px; padding-bottom: 16px; border-bottom: 1px solid var(--mud-palette-divider); }
.csec-title[b-10tc8yjaz2]  { font-size: 14px; font-weight: 700; color: var(--mud-palette-text-primary); margin: 0 0 4px; }
.csec-desc[b-10tc8yjaz2]   { font-size: 12.5px; color: var(--mud-palette-text-secondary); margin: 0; line-height: 1.5; }

/* ── Field Grids ── */
.field-row-2[b-10tc8yjaz2]   { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.field-row-cep[b-10tc8yjaz2] { display: grid; grid-template-columns: 150px 1fr 80px; gap: 14px; }
.field-sup[b-10tc8yjaz2] {
    display: block; font-size: 11px; font-weight: 500;
    color: var(--mud-palette-text-secondary); margin-bottom: 6px;
}

/* ── Footer ── */
.peek-footer[b-10tc8yjaz2] {
    flex-shrink: 0;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    padding: 14px 0;
}

.footer-centered[b-10tc8yjaz2] {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 24px;
}

.footer-centered.footer-row[b-10tc8yjaz2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-hint[b-10tc8yjaz2] {
    font-size: 12px;
    color: var(--mud-palette-text-disabled);
}

.footer-btns[b-10tc8yjaz2] { display: flex; gap: 10px; }

.btn-footer[b-10tc8yjaz2] {
    height: 38px !important;
    padding: 0 22px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    border-radius: 9px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* ── Filial avatar ── */
.fil-editar-avatar[b-10tc8yjaz2] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    font-size: 15px !important;
}

/* ── Status row ── */
.fil-status-row[b-10tc8yjaz2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--mud-palette-divider);
}

.fil-status-label[b-10tc8yjaz2] {
    font-size: 14px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    margin: 0 0 2px;
}

.fil-status-desc[b-10tc8yjaz2] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin: 0;
}

/* ── Toggle customizado (sem wrapper MudBlazor) ── */
.fil-toggle[b-10tc8yjaz2] {
    position: relative;
    width: 44px;
    height: 24px;
    border-radius: 99px;
    border: none;
    background: var(--mud-palette-divider);
    cursor: pointer;
    flex-shrink: 0;
    transition: background .2s;
    padding: 0;
    outline: none;
}

.fil-toggle:focus-visible[b-10tc8yjaz2] {
    box-shadow: 0 0 0 3px rgba(37,99,235,.3);
}

.fil-toggle--on[b-10tc8yjaz2] { background: var(--mud-palette-primary); }

.fil-toggle-thumb[b-10tc8yjaz2] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    transition: transform .2s cubic-bezier(.4,0,.2,1);
    display: block;
}

.fil-toggle--on .fil-toggle-thumb[b-10tc8yjaz2] { transform: translateX(20px); }

/* ── Responsive ── */
@media (max-width: 640px) {
    .content-section[b-10tc8yjaz2]  { padding: 20px 18px; }
    .section-nav-inner[b-10tc8yjaz2] { padding: 0 12px; }
    .field-row-2[b-10tc8yjaz2]      { grid-template-columns: 1fr; }
    .field-row-cep[b-10tc8yjaz2]    { grid-template-columns: 1fr 1fr; }
    .field-row-cep > :first-child[b-10tc8yjaz2] { grid-column: 1 / -1; }
}

/* ── MOBILE EXTRA ── */
@media (max-width: 480px) {
    .content-section[b-10tc8yjaz2] { padding: 16px 14px; }
    .field-row-2[b-10tc8yjaz2] { grid-template-columns: 1fr; }
    .field-row-cep[b-10tc8yjaz2] { grid-template-columns: 1fr; }
    .field-row-cep > :first-child[b-10tc8yjaz2] { grid-column: auto; }
}
/* /Components/Pages/EscritorioVirtual/EscritorioVirtual.razor.rz.scp.css */
/* Escritório Virtual — estilos locais da referência usuario.zip → usuario/escritorio-virtual.html (<style>) */
.ev-corr-item[b-imigtidkj9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .85rem 0;
    border-bottom: 1px solid var(--pj-border-light);
    cursor: pointer;
}
.ev-corr-item:hover[b-imigtidkj9] { background: var(--pj-primary-xlight); }
.ev-corr-thumb[b-imigtidkj9] {
    width: 44px; height: 44px; border-radius: var(--pj-radius-sm);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem; flex-shrink: 0;
}

/* Modais: foco programático (Esc para fechar) sem contorno visível, como no Bootstrap */
.ev-modal:focus[b-imigtidkj9] { outline: none; }

/* Carregamento inicial */
.ev-skel[b-imigtidkj9] {
    background: linear-gradient(90deg, var(--pj-border-light) 25%, var(--pj-border) 50%, var(--pj-border-light) 75%);
    background-size: 200% 100%;
    border-radius: 6px;
    animation: ev-skel-b-imigtidkj9 1.2s ease-in-out infinite;
    flex-shrink: 0;
}
@keyframes ev-skel-b-imigtidkj9 { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.ev-loading-card[b-imigtidkj9] {
    padding: 2.5rem 1rem;
    text-align: center;
    color: var(--pj-text-muted);
    font-size: .875rem;
}
.ev-spin[b-imigtidkj9] { display: inline-block; animation: ev-spin-b-imigtidkj9 1s linear infinite; }
@keyframes ev-spin-b-imigtidkj9 { to { transform: rotate(360deg); } }

/* app.css (global) força "font-size:16px !important" em input/select/textarea/button até 768px
   (anti-zoom do iOS, que só ocorre em campos de digitação). Nesta tela os BOTÕES mantêm os
   tamanhos do ZIP (usuario.css) em qualquer largura; campos continuam com a regra global. */
.vp-nf-filter[b-imigtidkj9]  { font-size: .875rem !important; }
.btn-pj[b-imigtidkj9],
.btn-pj-outline[b-imigtidkj9],
.btn-pj-ghost[b-imigtidkj9]  { font-size: .9rem !important; }

/* Celular (< 576px): no ZIP a linha da correspondência espreme o título em uma palavra por linha
   e o texto sobrepõe o badge. Mantém o layout do ZIP no desktop/tablet; aqui o status + data
   descem para baixo do título, alinhados ao texto. */
@media (max-width: 575.98px) {
    .ev-corr-item[b-imigtidkj9] {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) auto;
        column-gap: .75rem;
        row-gap: .4rem;
        align-items: center;
    }
    .ev-corr-thumb[b-imigtidkj9] { grid-column: 1; grid-row: 1 / span 2; align-self: start; }
    .ev-corr-info[b-imigtidkj9]  { grid-column: 2; grid-row: 1; }
    .ev-corr-meta[b-imigtidkj9]  {
        grid-column: 2; grid-row: 2;
        text-align: left !important;
        display: flex; align-items: center; flex-wrap: wrap; gap: .25rem .6rem;
    }
    .ev-corr-data[b-imigtidkj9]  { margin-top: 0 !important; }
    .ev-corr-ver[b-imigtidkj9]   { grid-column: 3; grid-row: 1 / span 2; }
}
/* /Components/Pages/Gestao de NF/GestaoNF.razor.rz.scp.css */
/* GestaoNF.razor — sem estilos com escopo próprio.
   Todo o visual vem do design system global (pjzen-design-system.css,
   seção "PÁGINA NOTAS FISCAIS") para bater 1:1 com notas.html. */
/* /Components/Pages/Gestao de NF/GestaoNfGerarNota.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   GERAR NOTA FISCAL — Modal
   Segue o padrão visual de modal-nova-nf (notas.html).
   Cores via var(--pj-*) — design system pjzen-design-system.css
══════════════════════════════════════════════════════════ */

/* ── Dialog ─────────────────────────────────────────────── */
:deep(.modal-gerar-nota .mud-dialog-paper)[b-63l6uofna0] {
    border-radius: 14px !important;
    overflow: hidden !important;
    max-width: 960px !important;
    width: 960px !important;
    background: var(--pj-surface) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.15) !important;
    display: flex !important;
    flex-direction: column !important;
    max-height: 90vh !important;
}

:deep(.modal-gerar-nota .mud-dialog-content)[b-63l6uofna0] {
    padding: 0 !important;
    overflow: visible !important;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

:deep(.modal-gerar-nota .mud-dialog-actions)[b-63l6uofna0] {
    padding: 0 !important;
}

/* Cabeçalho, sidebar de abas, conteúdo e rodapé usam as classes
   compartilhadas .pjm-* de pjzen-design-system.css (mesmo padrão
   de modal-nota / modal-nova-nf). Este arquivo cobre só o que é
   específico deste modal (campos, cards, upload etc.) */

/* ══ STEP (usado apenas no painel único do modo Upload,
   que não tem equivalente no mockup e não usa abas) ══ */
.gn-step[b-63l6uofna0] {
    padding: 0 0 20px 0;
}

.gn-step-label[b-63l6uofna0] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--pj-text-muted);
    margin-bottom: 14px;
}

/* ══ UTILITÁRIOS ════════════════════════════════════════ */
.gn-mb[b-63l6uofna0] {
    margin-bottom: 14px;
}

.gn-row-2[b-63l6uofna0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
}

.gn-field-group[b-63l6uofna0] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.gn-label[b-63l6uofna0] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--pj-text-muted);
    margin-bottom: 6px;
}

.gn-label-hint[b-63l6uofna0] {
    font-size: 10.5px;
    font-weight: 400;
    color: var(--pj-text-light);
    text-transform: none;
    letter-spacing: 0;
}

/* ── Input base ── */
.gn-input[b-63l6uofna0] {
    width: 100%;
    border: 1.5px solid var(--pj-border);
    border-radius: 8px;
    padding: 9px 12px;
    font-size: 13.5px;
    color: var(--pj-text);
    background: var(--pj-surface);
    outline: none;
    font-family: inherit;
}

    .gn-input:focus[b-63l6uofna0] {
        border-color: var(--pj-accent);
    }

    .gn-input.is-invalid[b-63l6uofna0] {
        border-color: #ef4444;
    }

/* ── Selects ── */
.gn-select-wrapper[b-63l6uofna0] {
    position: relative;
}

.gn-select[b-63l6uofna0] {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    background: var(--pj-surface);
    border: 1.5px solid var(--pj-border);
    border-radius: 8px;
    padding: 9px 34px 9px 12px;
    font-size: 13.5px;
    color: var(--pj-text);
    outline: none;
    cursor: pointer;
}

    .gn-select:focus[b-63l6uofna0] {
        border-color: var(--pj-accent);
    }

.gn-select-wrapper.is-invalid .gn-select[b-63l6uofna0] {
    border-color: #ef4444;
}

.gn-select-caret[b-63l6uofna0] {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: var(--pj-text-light);
    pointer-events: none;
}

/* ── Input com prefixo R$ ── */
.gn-input-prefix-wrapper[b-63l6uofna0] {
    display: flex;
    align-items: stretch;
    border: 1.5px solid var(--pj-border);
    border-radius: 8px;
    overflow: hidden;
}

    .gn-input-prefix-wrapper:focus-within[b-63l6uofna0] {
        border-color: var(--pj-accent);
    }

    .gn-input-prefix-wrapper.is-invalid[b-63l6uofna0] {
        border-color: #ef4444;
    }

.gn-input-prefix[b-63l6uofna0] {
    padding: 0 11px;
    background: var(--pj-bg);
    border-right: 1.5px solid var(--pj-border);
    font-size: 13px;
    font-weight: 600;
    color: var(--pj-text-muted);
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.gn-input-prefixed[b-63l6uofna0] {
    flex: 1;
    border: none;
    outline: none;
    background: var(--pj-surface);
    padding: 9px 12px;
    font-size: 13.5px;
    color: var(--pj-text);
    min-width: 0;
}

/* ── Input com sufixo % ── */
.gn-input-suffix-wrapper[b-63l6uofna0] {
    display: flex;
    align-items: stretch;
    border: 1.5px solid var(--pj-border);
    border-radius: 8px;
    overflow: hidden;
}

    .gn-input-suffix-wrapper:focus-within[b-63l6uofna0] {
        border-color: var(--pj-accent);
    }

    .gn-input-suffix-wrapper.is-invalid[b-63l6uofna0] {
        border-color: #ef4444;
    }

.gn-input-suffixed[b-63l6uofna0] {
    flex: 1;
    border: none;
    outline: none;
    background: var(--pj-surface);
    padding: 9px 12px;
    font-size: 13.5px;
    color: var(--pj-text);
    min-width: 0;
}

.gn-input-suffix[b-63l6uofna0] {
    padding: 0 12px;
    background: var(--pj-bg);
    border-left: 1.5px solid var(--pj-border);
    font-size: 13px;
    font-weight: 600;
    color: var(--pj-text-muted);
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* ── Textarea ── */
.gn-textarea[b-63l6uofna0] {
    width: 100%;
    border: 1.5px solid var(--pj-border);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 13.5px;
    color: var(--pj-text);
    background: var(--pj-surface);
    resize: vertical;
    outline: none;
    line-height: 1.55;
    font-family: inherit;
}

    .gn-textarea:focus[b-63l6uofna0] {
        border-color: var(--pj-accent);
    }

    .gn-textarea.is-invalid[b-63l6uofna0] {
        border-color: #ef4444;
    }

.gn-textarea-footer[b-63l6uofna0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
}

.gn-char-count[b-63l6uofna0] {
    font-size: 11px;
    color: var(--pj-text-light);
}

/* ── Erros ── */
.gn-field-error[b-63l6uofna0] {
    display: block;
    font-size: 11.5px;
    color: #ef4444;
    margin-top: 4px;
}

/* ══ AUTOCOMPLETE ═══════════════════════════════════════ */
.gn-ac-wrapper[b-63l6uofna0] {
    position: relative;
}

.gn-ac-input-row[b-63l6uofna0] {
    display: flex;
    align-items: center;
    border: 1.5px solid var(--pj-border);
    border-radius: 8px;
    overflow: hidden;
    background: var(--pj-surface);
}

    .gn-ac-input-row:focus-within[b-63l6uofna0] {
        border-color: var(--pj-accent);
    }

    .gn-ac-input-row.is-invalid[b-63l6uofna0] {
        border-color: #ef4444;
    }

.gn-ac-input[b-63l6uofna0] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    padding: 9px 12px;
    font-size: 13.5px;
    color: var(--pj-text);
    min-width: 0;
    font-family: inherit;
}

    .gn-ac-input:disabled[b-63l6uofna0] {
        cursor: wait;
        opacity: .6;
    }

.gn-ac-check[b-63l6uofna0] {
    padding: 0 12px;
    color: #16a34a;
    font-size: 14px;
    font-weight: 700;
    flex-shrink: 0;
}

/* Spinner simples */
.gn-ac-spinner[b-63l6uofna0] {
    width: 16px;
    height: 16px;
    border: 2px solid var(--pj-border);
    border-top-color: var(--pj-accent);
    border-radius: 50%;
    margin-right: 10px;
    flex-shrink: 0;
    animation: spin-b-63l6uofna0 .7s linear infinite;
}

@keyframes spin-b-63l6uofna0 {
    to {
        transform: rotate(360deg);
    }
}

/* Dropdown */
.gn-ac-dropdown[b-63l6uofna0] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--pj-surface);
    border: 1.5px solid var(--pj-border);
    border-radius: 10px;
    z-index: 9999;
    overflow: hidden;
    max-height: 240px;
    overflow-y: auto;
}

.gn-ac-item[b-63l6uofna0] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 10px 14px;
    cursor: pointer;
    transition: background .12s;
    border-bottom: 1px solid var(--pj-border);
}

    .gn-ac-item:last-child[b-63l6uofna0] {
        border-bottom: none;
    }

    .gn-ac-item:hover[b-63l6uofna0] {
        background: rgba(59,130,246,.06);
    }

.gn-ac-code[b-63l6uofna0] {
    font-size: 11.5px;
    font-weight: 700;
    font-family: monospace;
    color: var(--pj-accent);
    white-space: nowrap;
    flex-shrink: 0;
    background: rgba(59,130,246,.08);
    padding: 2px 7px;
    border-radius: 5px;
}

.gn-ac-desc[b-63l6uofna0] {
    font-size: 13px;
    color: var(--pj-text);
    line-height: 1.4;
}

.gn-ac-empty[b-63l6uofna0] {
    padding: 14px 16px;
    font-size: 13px;
    color: var(--pj-text-light);
    text-align: center;
}

/* Vínculo CNAE + Serviço */
.gn-fiscal-link[b-63l6uofna0] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    padding: 7px 12px;
    background: rgba(59,130,246,.06);
    border: 1px solid rgba(59,130,246,.18);
    border-radius: 7px;
    font-size: 12px;
    color: var(--pj-text-muted);
}

    .gn-fiscal-link strong[b-63l6uofna0] {
        color: var(--pj-accent);
    }

.gn-fiscal-link-icon[b-63l6uofna0] {
    font-size: 13px;
}

/* ══ PAINEL BANCÁRIO ════════════════════════════════════ */
.gn-bank-panel[b-63l6uofna0] {
    margin: 12px 0 0 0;
    border: 1.5px solid rgba(249,115,22,.35);
    border-radius: 10px;
    overflow: hidden;
    animation: bank-in-b-63l6uofna0 .20s ease both;
}

@keyframes bank-in-b-63l6uofna0 {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.gn-bank-alert[b-63l6uofna0] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px 16px;
    background: rgba(249,115,22,.07);
    border-bottom: 1px solid rgba(249,115,22,.25);
}

.gn-bank-alert-icon[b-63l6uofna0] {
    font-size: 16px;
    color: #ea580c;
    flex-shrink: 0;
    margin-top: 1px;
}

.gn-bank-alert-body strong[b-63l6uofna0] {
    display: block;
    font-size: 12.5px;
    font-weight: 700;
    color: #9a3412;
    margin-bottom: 2px;
}

.gn-bank-alert-body p[b-63l6uofna0] {
    font-size: 12px;
    color: #c2410c;
    margin: 0;
    line-height: 1.5;
}

.gn-bank-method[b-63l6uofna0] {
    padding: 14px 16px;
    background: var(--pj-surface);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gn-bank-method-badge[b-63l6uofna0] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 99px;
    width: fit-content;
}

    .gn-bank-method-badge.pix[b-63l6uofna0] {
        background: rgba(59,130,246,.10);
        color: var(--pj-accent);
        border: 1px solid rgba(59,130,246,.30);
    }

    .gn-bank-method-badge.banco[b-63l6uofna0] {
        background: #dcfce7;
        color: #166534;
        border: 1px solid #86efac;
    }

.gn-bank-fields.triple[b-63l6uofna0] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.gn-bank-fields.single[b-63l6uofna0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.gn-bank-field[b-63l6uofna0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.gn-field-label[b-63l6uofna0] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--pj-text-light);
}

.gn-readonly-input[b-63l6uofna0] {
    padding: 8px 11px;
    background: var(--pj-bg);
    border: 1.5px solid var(--pj-border);
    border-radius: 7px;
    font-size: 13px;
    font-weight: 500;
    color: var(--pj-text);
}

    .gn-readonly-input.mono[b-63l6uofna0] {
        font-family: monospace;
    }

/* ══ FOOTER ═════════════════════════════════════════════ */
.gn-footer[b-63l6uofna0] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border-top: 1px solid var(--pj-border);
    background: var(--pj-surface);
    width: 100%;
}

.gn-btn-cancel[b-63l6uofna0] {
    height: 38px;
    padding: 0 18px;
    border-radius: 8px;
    border: 1.5px solid var(--pj-border);
    background: transparent;
    color: var(--pj-text-muted);
    font-size: 13.5px;
    font-weight: 500;
    cursor: pointer;
    transition: background .13s;
}

    .gn-btn-cancel:hover[b-63l6uofna0] {
        background: var(--pj-bg);
    }

/* ══ HEADER ICON ════════════════════════════════════════ */
.gn-header-icon[b-63l6uofna0] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #DBEAFE;
    color: #3B82F6;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ══ STEP NUMBER BADGES ═════════════════════════════════ */
.gn-step-num[b-63l6uofna0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--pj-accent);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    flex-shrink: 0;
}

.gn-step-num--warn[b-63l6uofna0] {
    background: #f59e0b;
}

/* ══ EMPRESA CARD ═══════════════════════════════════════ */
.gn-empresa-card[b-63l6uofna0] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: rgba(59,130,246,.04);
    border: 1.5px solid rgba(59,130,246,.18);
    border-radius: 10px;
    margin-top: 6px;
    animation: bank-in-b-63l6uofna0 .18s ease both;
}

.gn-empresa-card-icon[b-63l6uofna0] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(59,130,246,.12);
    color: var(--pj-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gn-empresa-card-body[b-63l6uofna0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.gn-empresa-nome[b-63l6uofna0] {
    font-size: 13px;
    font-weight: 700;
    color: var(--pj-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gn-empresa-meta[b-63l6uofna0] {
    font-size: 11.5px;
    color: var(--pj-text-muted);
}

/* ══ API ERROR ══════════════════════════════════════════ */
.gn-api-error[b-63l6uofna0] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    padding: 10px 14px;
    background: rgba(239,68,68,.06);
    border: 1.5px solid rgba(239,68,68,.25);
    border-radius: 8px;
    font-size: 12.5px;
    color: #dc2626;
}

/* ══ DROPDOWN DE SERVIÇOS ═══════════════════════════════ */
.gn-servico-dropdown[b-63l6uofna0] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--pj-surface);
    border: 1.5px solid var(--pj-border);
    border-radius: 10px;
    z-index: 9999;
    overflow: hidden;
    max-height: 260px;
    overflow-y: auto;
    box-shadow: 0 8px 24px rgba(0,0,0,.10);
}

.gn-servico-dropdown-header[b-63l6uofna0] {
    display: grid;
    grid-template-columns: 26px 58px 1fr 72px;
    padding: 6px 12px;
    background: var(--pj-bg);
    border-bottom: 1.5px solid var(--pj-border);
    position: sticky;
    top: 0;
    z-index: 1;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--pj-text-light);
}

    .gn-servico-dropdown-header span:last-child[b-63l6uofna0] {
        text-align: right;
    }

.gn-servico-dropdown-row[b-63l6uofna0] {
    display: grid;
    grid-template-columns: 26px 58px 1fr 72px;
    align-items: center;
    padding: 9px 12px;
    cursor: pointer;
    border-bottom: 1px solid var(--pj-border);
    transition: background .10s;
}

    .gn-servico-dropdown-row:last-child[b-63l6uofna0] {
        border-bottom: none;
    }

    .gn-servico-dropdown-row:hover[b-63l6uofna0] {
        background: rgba(59,130,246,.05);
    }

    .gn-servico-dropdown-row.selected[b-63l6uofna0] {
        background: rgba(59,130,246,.08);
    }

        .gn-servico-dropdown-row.selected .gn-servico-code[b-63l6uofna0] {
            background: rgba(59,130,246,.20);
        }

.gn-spr-check[b-63l6uofna0] {
    font-size: 11px;
    font-weight: 800;
    color: var(--pj-accent);
    text-align: center;
}

.gn-servico-code[b-63l6uofna0] {
    font-size: 11px;
    font-weight: 700;
    font-family: monospace;
    color: var(--pj-accent);
    background: rgba(59,130,246,.08);
    padding: 2px 6px;
    border-radius: 5px;
    width: fit-content;
    white-space: nowrap;
}

.gn-servico-desc-text[b-63l6uofna0] {
    font-size: 12px;
    color: var(--pj-text);
    line-height: 1.35;
    padding: 0 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gn-servico-aliq[b-63l6uofna0] {
    font-size: 12px;
    font-weight: 700;
    color: var(--pj-text-muted);
    text-align: right;
}

/* ══ CHIPS DE SERVIÇOS SELECIONADOS ═════════════════════ */
.gn-servico-chips[b-63l6uofna0] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 8px;
}

.gn-servico-chip[b-63l6uofna0] {
    display: grid;
    grid-template-columns: 58px 1fr 54px 24px;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: rgba(59,130,246,.05);
    border: 1.5px solid rgba(59,130,246,.18);
    border-radius: 8px;
    animation: bank-in-b-63l6uofna0 .15s ease both;
}

.gn-servico-chip-code[b-63l6uofna0] {
    font-size: 11px;
    font-weight: 800;
    font-family: monospace;
    color: var(--pj-accent);
    background: rgba(59,130,246,.12);
    padding: 2px 6px;
    border-radius: 5px;
    white-space: nowrap;
    text-align: center;
}

.gn-servico-chip-desc[b-63l6uofna0] {
    font-size: 12px;
    color: var(--pj-text);
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gn-servico-chip-aliq[b-63l6uofna0] {
    font-size: 12px;
    font-weight: 700;
    color: #dc2626;
    text-align: right;
    white-space: nowrap;
}

.gn-servico-chip-rm[b-63l6uofna0] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
    color: var(--pj-text-light);
    padding: 0;
    line-height: 1;
    text-align: center;
    border-radius: 4px;
    transition: color .12s, background .12s;
}

    .gn-servico-chip-rm:hover[b-63l6uofna0] {
        color: #ef4444;
        background: rgba(239,68,68,.10);
    }

/* ══ CARD RESUMO AZUL (padrão SugestoesNFSNovo) ════════ */
.gn-resumo-card[b-63l6uofna0] {
    background: var(--pj-accent);
    border-radius: 12px;
    padding: 16px 20px;
    display: flex;
    align-items: stretch;
    gap: 0;
    box-shadow: 0 4px 16px rgba(59,130,246,.30);
    margin-top: 14px;
}

.gn-resumo-item[b-63l6uofna0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.gn-resumo-divider-v[b-63l6uofna0] {
    width: 1px;
    background: rgba(255,255,255,.25);
    margin: 4px 0;
}

.gn-resumo-label[b-63l6uofna0] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: rgba(255,255,255,.70);
    display: flex;
    align-items: center;
    gap: 4px;
}

.gn-resumo-aliq-lbl[b-63l6uofna0] {
    font-size: 9px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 99px;
    background: rgba(255,255,255,.20);
    color: rgba(255,255,255,.90);
    letter-spacing: .02em;
}

.gn-resumo-valor[b-63l6uofna0] {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}

.gn-resumo-desconto[b-63l6uofna0] {
    color: rgba(255,190,190,1);
}

.gn-resumo-liquido[b-63l6uofna0] {
    color: rgba(180,255,200,1);
}

/* ══ DATA DE COMPETÊNCIA (readonly) ═════════════════════ */
.gn-readonly-competencia[b-63l6uofna0] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    border: 1.5px solid var(--pj-border);
    border-radius: 8px;
    background: var(--pj-bg);
    font-size: 13px;
    font-weight: 600;
    color: var(--pj-text-muted);
    letter-spacing: .04em;
    cursor: default;
    user-select: none;
}

.gn-competencia-icon[b-63l6uofna0] {
    color: var(--pj-accent);
    opacity: .75;
}

/* ══ RESUMO DE VALORES ══════════════════════════════════ */
.gn-resumo[b-63l6uofna0] {
    margin-top: 14px;
    border: 1.5px solid var(--pj-border);
    border-radius: 10px;
    overflow: hidden;
    background: var(--pj-surface);
    animation: bank-in-b-63l6uofna0 .18s ease both;
}

.gn-resumo-row[b-63l6uofna0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 16px;
    gap: 12px;
}

    .gn-resumo-row + .gn-resumo-row[b-63l6uofna0] {
        border-top: 1px solid var(--pj-border);
    }

.gn-resumo-iss[b-63l6uofna0] {
    background: rgba(239,68,68,.03);
}

.gn-resumo-total[b-63l6uofna0] {
    background: rgba(22,163,74,.04);
}

.gn-resumo-label[b-63l6uofna0] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--pj-text-muted);
}

.gn-resumo-value[b-63l6uofna0] {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--pj-text);
    font-variant-numeric: tabular-nums;
}

.gn-resumo-value--neg[b-63l6uofna0] {
    color: #dc2626;
}

.gn-resumo-value--pos[b-63l6uofna0] {
    color: #16a34a;
    font-size: 14.5px;
}

.gn-resumo-icon-up[b-63l6uofna0] {
    color: #16a34a;
}

.gn-resumo-icon-down[b-63l6uofna0] {
    color: #dc2626;
}

.gn-resumo-icon-ok[b-63l6uofna0] {
    color: #2563eb;
}

.gn-resumo-aliq-badge[b-63l6uofna0] {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    border-radius: 99px;
    background: rgba(239,68,68,.10);
    border: 1px solid rgba(239,68,68,.25);
    color: #dc2626;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .03em;
}

.gn-resumo-hint[b-63l6uofna0] {
    font-size: 10.5px;
    font-weight: 400;
    color: var(--pj-text-light);
    font-style: italic;
}

.gn-resumo-divider[b-63l6uofna0] {
    height: 0;
    border-top: 2px solid var(--pj-border);
    margin: 0;
}

/* ══ BOTÃO CONFIRMAR ════════════════════════════════════ */
.gn-btn-confirm[b-63l6uofna0] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 38px;
    padding: 0 20px;
    border-radius: 8px;
    border: none;
    background: var(--pj-accent);
    color: #fff;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity .13s, box-shadow .13s;
}

    .gn-btn-confirm:hover[b-63l6uofna0] {
        opacity: .90;
        box-shadow: 0 4px 14px rgba(59,130,246,.35);
    }

    .gn-btn-confirm:active[b-63l6uofna0] {
        opacity: .82;
    }

/* ══ SELETOR DE MODO (Manual / Upload) ══════════════════════ */
.gn-mode-tabs[b-63l6uofna0] {
    display: flex;
    gap: 0;
    background: var(--pj-bg);
    border-bottom: 1px solid var(--pj-border);
    padding: 0 24px;
}

.gn-mode-tab[b-63l6uofna0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 11px 18px;
    font-size: 13px;
    font-weight: 500;
    color: var(--pj-text-muted);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: color .15s, border-color .15s;
    margin-bottom: -1px;
}

    .gn-mode-tab:hover[b-63l6uofna0] {
        color: var(--pj-text);
    }

.gn-mode-tab--active[b-63l6uofna0] {
    color: var(--pj-accent);
    border-bottom-color: var(--pj-accent);
    font-weight: 600;
}

/* ══ UPLOAD SECTION ══════════════════════════════════════════ */
.gn-upload-section[b-63l6uofna0] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px 24px 8px;
}

.gn-upload-dropzone[b-63l6uofna0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 32px 20px;
    border: 2px dashed var(--pj-border);
    border-radius: 12px;
    background: var(--pj-bg);
    cursor: pointer;
    transition: border-color .15s, background .15s;
    text-align: center;
    min-height: 140px;
}

    .gn-upload-dropzone:hover[b-63l6uofna0] {
        border-color: var(--pj-accent);
        background: rgba(59,130,246,.03);
    }

.gn-upload-dropzone--done[b-63l6uofna0] {
    border-color: #22c55e;
    background: rgba(34, 197, 94, .04);
}

.gn-upload-hint[b-63l6uofna0] {
    font-size: 13.5px;
    font-weight: 500;
    color: var(--pj-text-muted);
}

.gn-upload-hint-sub[b-63l6uofna0] {
    font-size: 11.5px;
    color: var(--pj-text-light);
}

.gn-upload-preview[b-63l6uofna0] {
    border: 1.5px solid var(--pj-border);
    border-radius: 10px;
    overflow: hidden;
    animation: bank-in-b-63l6uofna0 .2s ease both;
}

.gn-upload-preview-header[b-63l6uofna0] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--pj-bg);
    border-bottom: 1px solid var(--pj-border);
    font-size: 12px;
    color: var(--pj-text-muted);
}

.gn-upload-preview-name[b-63l6uofna0] {
    font-size: 12px;
    font-weight: 600;
    color: var(--pj-text);
    margin-left: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px;
}

.gn-upload-iframe[b-63l6uofna0] {
    width: 100%;
    height: 460px;
    border: none;
    display: block;
    background: #fff;
}

.gn-upload-img[b-63l6uofna0] {
    width: 100%;
    max-height: 600px;
    object-fit: contain;
    display: block;
    background: var(--pj-bg);
}

/* ══ RESPONSIVE ══════════════════════════════════════════ */
@media (max-width: 960px) {
    :deep(.modal-gerar-nota .mud-dialog-paper)[b-63l6uofna0] {
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media (max-width: 560px) {
    .gn-row-2[b-63l6uofna0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .gn-bank-fields.triple[b-63l6uofna0] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}
@media (max-width: 400px) {
    .gn-bank-fields.triple[b-63l6uofna0] { grid-template-columns: minmax(0, 1fr); }
    .gn-row-2[b-63l6uofna0] { gap: 10px; }
    .gn-section-title[b-63l6uofna0] { font-size: 13px; }
}
/* /Components/Pages/Gestao de NF/GestaoNfGerarNotasMassa.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   GestaoNfGerarNotasMassa — estilos escopados
   Estrutura/aparência principal (header, filtros, stats, grid, modal
   de ajustes) agora vem das classes compartilhadas do mockup
   (.pj-card-flat, .nnf-f/.nnf-fl/.nnf-fi, .nnf-curr, .gsm-*, .btn-pj,
   .pjm-backdrop/.pjm-dialog) definidas em pjzen-design-system.css.
   Aqui ficam só os ajustes específicos deste componente.
   ═══════════════════════════════════════════════════════════════ */

/* Botão "limpar linha" — só aparece no hover da linha.
   MudIconButton é um componente filho, então o atributo de escopo do
   Blazor não chega até o <button> interno — precisa de ::deep para o
   seletor realmente encontrar o elemento. */
[b-wh0ckbk84w] .gnm-clear-btn {
    opacity: 0;
    transition: opacity .15s !important;
}
.gsm-tbl tbody tr:hover[b-wh0ckbk84w]  .gnm-clear-btn {
    opacity: 1;
}

/* Botão "Descontos / Acréscimos" do card "Modelo para replicar" —
   precisa da mesma caixa com borda dos campos vizinhos (Duração,
   Dia da Emissão, Valor Bruto, Descrição), diferente do .btn-pj-ghost
   (sem borda) usado no botão equivalente de cada linha da grade. */
.gsm-mod-adj-btn[b-wh0ckbk84w] {
    width: 100%;
    border: 1.5px solid var(--pj-border);
    border-radius: var(--pj-radius-sm);
    padding: .7rem .9rem;
    font-size: .82rem;
    color: var(--pj-accent);
    background: #fff;
    font-family: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .4rem;
    transition: border-color .15s;
    font-weight: 500;
}
.gsm-mod-adj-btn:hover[b-wh0ckbk84w] {
    border-color: var(--pj-accent);
}

/* Rodapé sticky — no mockup, o .gsm-footer-bar não tem padding lateral
   próprio: ele confia no padding de 2rem do wrapper .pj-main (que fica
   fora deste componente) para não colar nas bordas. Aqui essa página
   fica dentro do MudContainer (.grid-container), cujo padding não
   necessariamente chega até um elemento sticky do mesmo jeito — então
   damos padding lateral explícito para garantir a mesma respiração
   das bordas em qualquer contexto. */
.gsm-footer-bar[b-wh0ckbk84w] {
    padding-left: 2rem;
    padding-right: 2rem;
}

/* ── Responsivo ─────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .gsm-footer-bar[b-wh0ckbk84w] {
        flex-wrap: wrap;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* /Components/Pages/Gestao de NF/GestaoNfVisualizar.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   GESTÃO NF — VISUALIZAR  |  Modal "Detalhe da nota"
   Estrutura genérica (.pjm-*) vem de pjzen-design-system.css;
   aqui ficam apenas os estilos específicos deste componente.
   ═══════════════════════════════════════════════════════ */

.mono[b-1xma0foeyc] { font-variant-numeric: tabular-nums; }

/* Indicador de contestação pendente na aba lateral */
.vd-tab-dot[b-1xma0foeyc] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--pj-warning);
    display: inline-block;
    margin-left: .4rem;
}

/* Alerta de nota reprovada */
.vd-alert[b-1xma0foeyc] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .85rem 1rem;
    border-radius: var(--pj-radius);
    margin-bottom: 1.5rem;
    font-size: .85rem;
}

.vd-alert i[b-1xma0foeyc] {
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: .1rem;
}

.vd-alert p[b-1xma0foeyc] {
    margin: .2rem 0 0;
    font-weight: 400;
    color: inherit;
}

.vd-alert-danger[b-1xma0foeyc] {
    background: rgba(239, 68, 68, .08);
    color: #B91C1C;
    border: 1px solid rgba(239, 68, 68, .25);
}

/* Bloco de dados bancários dentro do card do Prestador (aba Detalhe da nota) */
.vd-bank-block[b-1xma0foeyc] {
    margin-top: .9rem;
    padding-top: .9rem;
    border-top: 1px dashed var(--pj-border);
}

.vd-bank-title[b-1xma0foeyc] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--pj-text-muted);
    margin-bottom: .55rem;
}

.vd-bank-row[b-1xma0foeyc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .78rem;
    padding: .18rem 0;
}

.vd-bank-row span:first-child[b-1xma0foeyc] {
    color: var(--pj-text-muted);
}

.vd-bank-row span:last-child[b-1xma0foeyc] {
    color: var(--pj-text);
    font-weight: 600;
}

/* Cards do Resumo Financeiro */
.vd-fin-card[b-1xma0foeyc] {
    background: #F9FAFB;
    border-radius: var(--pj-radius);
    padding: 1.25rem 1.25rem 1.1rem;
}

.vd-fin-card-head[b-1xma0foeyc] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--pj-text-muted);
}

.vd-fin-card-head i[b-1xma0foeyc] {
    font-size: .85rem;
}

.vd-fin-card-value[b-1xma0foeyc] {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--pj-text);
}

/* Lista "Detalhamento das deduções" */
.vd-ded-list[b-1xma0foeyc] {
    border: 1px solid var(--pj-border);
    border-radius: var(--pj-radius);
    overflow: hidden;
}

.vd-ded-row[b-1xma0foeyc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem 1rem;
}

.vd-ded-row + .vd-ded-row[b-1xma0foeyc] {
    border-top: 1px solid var(--pj-border);
}

.vd-ded-label[b-1xma0foeyc] {
    font-size: .85rem;
    font-weight: 600;
    color: var(--pj-text);
}

.vd-ded-sub[b-1xma0foeyc] {
    font-size: .73rem;
    color: var(--pj-text-muted);
    margin-top: .1rem;
}

.vd-ded-value[b-1xma0foeyc] {
    font-size: .85rem;
    font-weight: 700;
}

.vd-ded-value.neg[b-1xma0foeyc] { color: var(--pj-danger); }
.vd-ded-value.pos[b-1xma0foeyc] { color: var(--pj-success); }

/* Campo inválido no modal de contestação */
.vd-invalid[b-1xma0foeyc] {
    border-color: var(--pj-danger) !important;
}

/* Campos flutuantes (modal-nota / modal-contestar-nf) — literal de notas.html.
   Escopado: o painel-admin.html define .ve-* com valores diferentes (global). */
.ve-field[b-1xma0foeyc] { position:relative; }
.ve-field-label[b-1xma0foeyc] { position:absolute;top:-.55em;left:.85rem;background:#fff;padding:0 .3rem;font-size:.72rem;font-weight:600;color:var(--pj-text-muted);pointer-events:none;z-index:1;line-height:inherit;font-weight:600; }
.ve-input[b-1xma0foeyc] { width:100%;border:1.5px solid var(--pj-border);border-radius:8px;padding:.65rem 1rem;font-size:.9rem;font-family:inherit;color:var(--pj-text);outline:none;background:#fff;transition:border-color .2s,box-shadow .2s; }
.ve-input:focus[b-1xma0foeyc] { border-color:var(--pj-accent);box-shadow:0 0 0 3px rgba(59,130,246,.14); }
.ve-input:disabled[b-1xma0foeyc] { background:var(--pj-border-light);cursor:not-allowed; }

/* ── Modal "Visualizar nota" — literal do <style> de gestao/notas.html (#modal-nota) ──
   Escopado ao componente: o .vn-nav-btn global (pjzen-design-system.css) é usado também pelo modal-nova-nf. */
.vn-sidebar[b-1xma0foeyc] {
    width: 190px; flex-shrink: 0; border-right: 1px solid var(--pj-border);
    padding: 1.5rem 1rem; background: var(--pj-primary-xlight);
    display: flex; flex-direction: column; gap: .15rem;
}
.vn-content[b-1xma0foeyc] {
    flex: 1; overflow-y: auto; padding: 1.5rem; background: #fff;
    max-height: calc(90vh - 150px);
}
.vn-nav-btn[b-1xma0foeyc] {
    display: flex; align-items: center; gap: .6rem; width: 100%; padding: .55rem .65rem;
    border-radius: var(--pj-radius-sm); background: none; border: none; cursor: pointer;
    font-size: .82rem; font-weight: 500; white-space: nowrap; color: var(--pj-text-muted);
    text-align: left; transition: background .12s, color .12s;
}
.vn-nav-btn:hover[b-1xma0foeyc] { background: rgba(59,130,246,.07); color: var(--pj-text); }
.vn-nav-btn.active[b-1xma0foeyc] { color: var(--pj-accent); background: #EFF6FF; font-weight: 600; }
.vn-nav-icon[b-1xma0foeyc] {
    width: 28px; height: 28px; border-radius: var(--pj-radius-sm); background: var(--pj-border-light);
    color: var(--pj-text-muted); display: flex; align-items: center; justify-content: center;
    font-size: .82rem; flex-shrink: 0; transition: background .12s, color .12s;
}
.vn-nav-btn.active .vn-nav-icon[b-1xma0foeyc] { background: #DBEAFE; color: var(--pj-accent); }
.vn-rev[b-1xma0foeyc] { border: 1px solid var(--pj-border); padding: .35rem 1.5rem; }
.vn-rev .vp-summary-row[b-1xma0foeyc] { padding: .6rem 0; gap: 1rem; }
.vn-rev .vp-summary-row:last-child[b-1xma0foeyc] { border-bottom: none; }
.vn-rev .vp-summary-row > :last-child[b-1xma0foeyc] { text-align: right; }
/* /Components/Pages/Gestao de NF/SugestoesNFSNovo.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   SUGESTÕES NFS — NOVO MODAL
   Cópia literal da estrutura de modal-nova-nf (notas.html):
   header + sidebar de abas + conteúdo + barra financeira + footer.
   Classes estruturais (.pjm-*, .nnf-*, .vn-nav-btn) vêm de
   pjzen-design-system.css — aqui só o que é específico deste modal.
══════════════════════════════════════════════════════════ */

/* Dialog (MudBlazor paper = caixa branca do modal): o estilo real fica em
   pjzen-design-system.css (regra global, não escopada) — o atributo de
   escopo do Blazor não é propagado para o markup que o próprio <MudDialog>
   renderiza internamente, então um seletor :deep() aqui nunca casaria. */

.sn-required[b-5czrt6014u] { color: var(--pj-danger); margin-left: 2px; }
.sn-field-error[b-5czrt6014u] { display: block; font-size: 11.5px; color: #ef4444; margin-top: 4px; }

/* ══ AUTOCOMPLETE PRESTADOR ═════════════════════════════ */
.sn-ac-wrapper[b-5czrt6014u] { position: relative; }

.sn-ac-input-row[b-5czrt6014u] {
    display: flex; align-items: center;
    border: 1.5px solid var(--pj-border);
    border-radius: 8px; overflow: hidden;
    background: var(--pj-surface);
    transition: border-color .15s, box-shadow .15s;
}
.sn-ac-input-row:focus-within[b-5czrt6014u] {
    border-color: var(--pj-accent);
    box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}
.sn-ac-input-row.is-invalid[b-5czrt6014u] { border-color: #ef4444; }

.sn-ac-input[b-5czrt6014u] {
    flex: 1; border: none; outline: none;
    background: transparent;
    padding: .7rem .9rem; font-size: .875rem;
    color: var(--pj-text);
    min-width: 0; font-family: inherit;
}
.sn-ac-input[b-5czrt6014u]::placeholder { color: var(--pj-text-light); }

.sn-ac-check[b-5czrt6014u] {
    padding: 0 12px; color: #16a34a;
    font-size: 14px; font-weight: 700; flex-shrink: 0;
}

/* Dropdown */
.sn-ac-dropdown[b-5czrt6014u] {
    position: absolute;
    top: calc(100% + 4px); left: 0; right: 0;
    background: var(--pj-surface);
    border: 1.5px solid var(--pj-border);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    z-index: 9999;
    overflow: hidden;
    max-height: 240px; overflow-y: auto;
}

.sn-ac-item[b-5czrt6014u] {
    display: flex; align-items: center;
    padding: 10px 14px; cursor: pointer;
    transition: background .12s;
    border-bottom: 1px solid var(--pj-border);
}
.sn-ac-item:last-child[b-5czrt6014u] { border-bottom: none; }
.sn-ac-item:hover[b-5czrt6014u] { background: rgba(59,130,246,.06); }

.sn-ac-empty[b-5czrt6014u] {
    padding: 14px 16px; font-size: 13px;
    color: var(--pj-text-light); text-align: center;
}

.sn-ac-item-inner[b-5czrt6014u] { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; }
.sn-ac-nome[b-5czrt6014u] { font-size: 13px; font-weight: 600; color: var(--pj-text); }
.sn-ac-doc[b-5czrt6014u]  { font-size: 11px; color: var(--pj-text-muted); font-family: monospace; }

/* ══ TOGGLE REPLICAR (dentro do .nnf-card) ═══════════════ */
.sn-tc-top-row[b-5czrt6014u] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}
.sn-toggle-info[b-5czrt6014u] { display: flex; flex-direction: column; gap: 3px; }
.sn-toggle-title[b-5czrt6014u] { font-size: 13.5px; font-weight: 600; color: var(--pj-text); }
.sn-toggle-desc[b-5czrt6014u]  { font-size: 12px; color: var(--pj-text-muted); }

.sn-tc-inputs-row[b-5czrt6014u] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.sn-tc-sep[b-5czrt6014u] {
    font-size: 16px;
    color: var(--pj-text-light);
    font-weight: 700;
    flex-shrink: 0;
}

.sn-tc-chip[b-5czrt6014u] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--pj-bg);
    border: 1.5px solid var(--pj-border);
    border-radius: 10px;
    padding: 7px 14px;
    transition: border-color .15s, box-shadow .15s;
}
.sn-tc-chip:focus-within[b-5czrt6014u] {
    border-color: var(--pj-accent);
    box-shadow: 0 0 0 3px rgba(59,130,246,.10);
}
.sn-tc-chip.is-invalid[b-5czrt6014u] { border-color: #ef4444; }

.sn-tc-chip-label[b-5czrt6014u] {
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--pj-text-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.sn-tc-chip-input[b-5czrt6014u] {
    width: 44px;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    font-weight: 700;
    color: var(--pj-text);
    text-align: center;
    font-family: inherit;
    -moz-appearance: textfield;
}
.sn-tc-chip-input[b-5czrt6014u]::-webkit-outer-spin-button,
.sn-tc-chip-input[b-5czrt6014u]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Switch customizado (replicar sugestão) */
.sn-switch[b-5czrt6014u] { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; cursor: pointer; }
.sn-switch input[b-5czrt6014u] { opacity: 0; width: 0; height: 0; }
.sn-switch-track[b-5czrt6014u] {
    position: absolute; inset: 0;
    background: var(--pj-border);
    border-radius: 99px;
    transition: background .2s;
}
.sn-switch-track[b-5czrt6014u]::before {
    content: '';
    position: absolute;
    width: 18px; height: 18px;
    left: 3px; top: 3px;
    background: #fff;
    border-radius: 50%;
    transition: transform .2s;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
.sn-switch input:checked + .sn-switch-track[b-5czrt6014u] { background: var(--pj-accent); }
.sn-switch input:checked + .sn-switch-track[b-5czrt6014u]::before { transform: translateX(20px); }

/* Badge de tipo (+ / −) na lista de ajustes */
.sn-ajuste-tipo-badge[b-5czrt6014u] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 20px; height: 20px;
    border-radius: 50%;
    font-size: 13px; font-weight: 800;
    flex-shrink: 0;
}
.sn-ajuste-tipo-badge--desc[b-5czrt6014u] { background: rgba(239,68,68,.12); color: var(--pj-danger); }
.sn-ajuste-tipo-badge--ac[b-5czrt6014u]   { background: rgba(22,163,74,.12);  color: #16a34a; }

.sn-btn-remove[b-5czrt6014u] {
    width: 24px; height: 24px; border-radius: 50%;
    border: none;
    background: rgba(239,68,68,.12);
    color: var(--pj-danger);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: background .15s; padding: 0; flex-shrink: 0;
}
.sn-btn-remove:hover[b-5czrt6014u] { background: var(--pj-danger); color: #fff; }

/* ══ PADRÕES DO SISTEMA BANNER (funcionalidade real, sem equivalente no mockup) ══ */
.sn-padroes-banner[b-5czrt6014u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: rgba(59,130,246,0.06);
    border: 1px solid rgba(59,130,246,0.2);
    border-radius: 10px;
    padding: 10px 14px;
    margin-bottom: 4px;
}
.sn-padroes-banner-left[b-5czrt6014u] { display: flex; align-items: center; gap: 10px; min-width: 0; }
.sn-padroes-icon[b-5czrt6014u] { font-size: 18px; color: var(--pj-accent); flex-shrink: 0; }
.sn-padroes-title[b-5czrt6014u] { display: block; font-size: 13px; font-weight: 600; color: var(--pj-text); line-height: 1.3; }
.sn-padroes-sub[b-5czrt6014u] {
    display: block; font-size: 11.5px; color: var(--pj-text-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 280px;
}
.sn-btn-aplicar-padroes[b-5czrt6014u] {
    flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px;
    padding: 6px 14px; border-radius: 7px;
    border: 1.5px solid var(--pj-accent);
    background: transparent; color: var(--pj-accent);
    font-size: 13px; font-weight: 600; cursor: pointer;
    font-family: inherit; transition: background .13s, color .13s; white-space: nowrap;
}
.sn-btn-aplicar-padroes:hover[b-5czrt6014u] { background: var(--pj-accent); color: #fff; }

/* Responsivo do modal também está no bloco global (pjzen-design-system.css). */
/* /Components/Pages/Onboarding.razor.rz.scp.css */
/* ============================================================
   Onboarding do Prestador — reimplementação 1:1 do exemplo
   (assets/css/custom.css cobre --pj-* tokens; este arquivo é a
   cópia fiel do <style> inline de onboarding-prestador.html)
   ============================================================ */

.ob-page[b-1yf5bjp5kx] {
    background: var(--pj-bg);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.contract-wrap[b-1yf5bjp5kx] { width: 100%; max-width: 760px; margin: 0 auto; }

.ob-logo[b-1yf5bjp5kx] { height: 30px; width: auto; max-width: none; }

/* ===== Steps ===== */
.ct-steps[b-1yf5bjp5kx] { display: flex; align-items: center; justify-content: center; gap: 0; margin-bottom: 2rem; }
.ct-step[b-1yf5bjp5kx] { display: flex; flex-direction: column; align-items: center; gap: .35rem; }
.ct-step-dot[b-1yf5bjp5kx] { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .78rem; font-weight: 700; transition: background .2s, color .2s; }
.ct-step.done .ct-step-dot[b-1yf5bjp5kx]  { background: var(--pj-success); color: #fff; }
.ct-step.active .ct-step-dot[b-1yf5bjp5kx] { background: var(--pj-accent); color: #fff; }
.ct-step.next .ct-step-dot[b-1yf5bjp5kx]  { background: var(--pj-border); color: var(--pj-text-muted); }
.ct-step-label[b-1yf5bjp5kx] { font-size: .72rem; font-weight: 600; color: var(--pj-text-muted); white-space: nowrap; text-align: center; transition: color .2s; }
.ct-step.active .ct-step-label[b-1yf5bjp5kx] { color: var(--pj-accent); }
.ct-step.done .ct-step-label[b-1yf5bjp5kx]  { color: var(--pj-success); }
.ct-step-line[b-1yf5bjp5kx] { width: 32px; height: 2px; background: var(--pj-border); margin-bottom: 1.15rem; transition: background .2s; }
.ct-step-line.done[b-1yf5bjp5kx] { background: var(--pj-success); }

/* ===== Card ===== */
.contract-card[b-1yf5bjp5kx] { background: var(--pj-surface); border-radius: var(--pj-radius-xl); padding: 2.25rem 2.5rem 2rem; box-shadow: var(--pj-shadow); }
.contract-card-header[b-1yf5bjp5kx] { margin-bottom: 1.5rem; }
.contract-card-header h4[b-1yf5bjp5kx] { font-size: 1.25rem; font-weight: 800; margin-bottom: .3rem; }
.contract-card-header p[b-1yf5bjp5kx] { font-size: .82rem; color: var(--pj-text-muted); margin: 0; }

.wizard-panel[b-1yf5bjp5kx] { display: none; }
.wizard-panel.active[b-1yf5bjp5kx] { display: block; }

.wizard-section[b-1yf5bjp5kx] { margin-bottom: 1.75rem; }
.wizard-section:last-of-type[b-1yf5bjp5kx] { margin-bottom: 0; }

.wizard-actions[b-1yf5bjp5kx] { display: flex; align-items: center; justify-content: space-between; gap: .85rem; margin-top: 1.75rem; flex-wrap: wrap; }
.wizard-back[b-1yf5bjp5kx] { font-size: .85rem; font-weight: 600; color: var(--pj-text-muted); text-decoration: none; display: flex; align-items: center; gap: .35rem; background: none; border: none; cursor: pointer; padding: 0; }
.wizard-back:hover[b-1yf5bjp5kx] { color: var(--pj-text); }
.wizard-btn-group[b-1yf5bjp5kx] { display: flex; gap: .75rem; flex-wrap: wrap; margin-left: auto; }

/* ===== Floating-label inputs (pj-field-box) ===== */
.pj-field-box[b-1yf5bjp5kx] {
    position: relative;
    border: 1px solid var(--pj-border);
    border-radius: var(--pj-radius);
    padding: .8rem 1rem .65rem;
    background: var(--pj-surface);
    transition: var(--pj-transition);
}
.pj-field-box:has(input:not([readonly]):not([disabled]), select:not(:disabled)):focus-within[b-1yf5bjp5kx] {
    border-color: var(--pj-accent);
    box-shadow: 0 0 0 3px rgba(59,130,246,.14);
}
.pj-field-box.pj-field-error[b-1yf5bjp5kx] { border-color: var(--pj-danger); }
.pj-field-box-label[b-1yf5bjp5kx] {
    position: absolute; top: -.4rem; left: .8rem;
    background: var(--pj-surface); padding: 0 .35rem;
    font-size: .7rem; font-weight: 600; color: var(--pj-text-muted);
    line-height: 1; white-space: nowrap;
}
.pj-field-box-label .optional[b-1yf5bjp5kx] { font-weight: 400; color: var(--pj-text-light); }
.pj-field-box-input[b-1yf5bjp5kx] {
    display: block; width: 100%; border: none; outline: none; padding: 0;
    background: transparent; font-size: .92rem; font-weight: 400;
    color: var(--pj-text); font-family: inherit;
}
.pj-field-box-input[b-1yf5bjp5kx]::placeholder { color: var(--pj-text-light); font-weight: 400; }
select.pj-field-box-input[b-1yf5bjp5kx] {
    appearance: none; -webkit-appearance: none; cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 0 center; padding-right: 1.3rem;
}
.pj-field-box-pass[b-1yf5bjp5kx] { padding-right: 1.6rem; }
.pj-toggle-senha[b-1yf5bjp5kx] {
    position: absolute; right: .7rem; top: 50%; transform: translateY(-50%);
    background: none; border: none; padding: 0; color: var(--pj-text-muted);
    font-size: .95rem; line-height: 1; cursor: pointer; display: flex; align-items: center;
}
.pj-toggle-senha:hover[b-1yf5bjp5kx] { color: var(--pj-text); }
.pj-field-box-input:disabled[b-1yf5bjp5kx] { color: var(--pj-text); opacity: 1; cursor: default; }
.pj-field-box-locked-icon[b-1yf5bjp5kx] { position: absolute; right: .8rem; top: 50%; transform: translateY(-50%); color: var(--pj-text-light); font-size: .85rem; pointer-events: none; }
.pj-field-box-label .locked-tag[b-1yf5bjp5kx] { font-weight: 400; color: var(--pj-text-light); }
.pj-field-box.pj-field-loading .pj-field-box-input[b-1yf5bjp5kx] { color: var(--pj-text-light); }
.indfin-section-title[b-1yf5bjp5kx] { font-weight: 700; font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; color: var(--pj-text-muted); margin-bottom: .85rem; }
.indfin-section-subtitle[b-1yf5bjp5kx] { font-size: .8rem; color: var(--pj-text-muted); margin-bottom: 1.1rem; }
.pj-field-hint[b-1yf5bjp5kx] { font-size: .74rem; color: var(--pj-text-light); margin-top: .35rem; }
.pj-field-err-msg[b-1yf5bjp5kx] { display: block; font-size: .74rem; font-weight: 600; color: var(--pj-danger); margin-top: .35rem; }
.autofill-hint[b-1yf5bjp5kx] { display: flex; align-items: center; gap: .5rem; font-size: .8rem; color: var(--pj-accent); margin-top: .5rem; }

/* ===== Alerts ===== */
.pj-alert-info-box[b-1yf5bjp5kx] {
    display: flex; align-items: flex-start; gap: .7rem;
    background: var(--pj-primary-xlight); border: 1px solid var(--pj-border);
    border-radius: var(--pj-radius); padding: .85rem 1.05rem; font-size: .82rem; color: var(--pj-text);
}
.pj-alert-info-box i[b-1yf5bjp5kx] { color: var(--pj-accent); font-size: 1rem; flex-shrink: 0; margin-top: .1rem; }

/* ===== Contrato: área de leitura ===== */
.contract-scroll-wrap[b-1yf5bjp5kx] { position: relative; margin-bottom: 1.5rem; }
.contract-scroll[b-1yf5bjp5kx] {
    max-height: 340px; overflow-y: auto; border: 1.5px solid var(--pj-border);
    border-radius: var(--pj-radius); padding: 1.25rem 1.5rem; font-size: .875rem;
    color: var(--pj-text); line-height: 1.75; background: var(--pj-bg); scroll-behavior: smooth;
}
.contract-scroll[b-1yf5bjp5kx]::-webkit-scrollbar { width: 5px; }
.contract-scroll[b-1yf5bjp5kx]::-webkit-scrollbar-track { background: transparent; }
.contract-scroll[b-1yf5bjp5kx]::-webkit-scrollbar-thumb { background: var(--pj-border); border-radius: 10px; }
.contract-scroll h6[b-1yf5bjp5kx] { font-size: .82rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--pj-text); margin: 1.5rem 0 .5rem; }
.contract-scroll h6:first-child[b-1yf5bjp5kx] { margin-top: 0; }
.contract-scroll p[b-1yf5bjp5kx] { margin-bottom: .75rem; }
.contract-scroll ul[b-1yf5bjp5kx] { padding-left: 1.25rem; margin-bottom: .75rem; }
.contract-scroll li[b-1yf5bjp5kx] { margin-bottom: .3rem; }
.contract-scroll strong[b-1yf5bjp5kx] { color: var(--pj-text); font-weight: 600; }
.contract-scroll-fade[b-1yf5bjp5kx] {
    position: absolute; bottom: 0; left: 0; right: 0; height: 80px;
    background: linear-gradient(to bottom, transparent, var(--pj-bg));
    border-radius: 0 0 var(--pj-radius) var(--pj-radius); pointer-events: none; transition: opacity .3s ease;
}
.contract-scroll-fade.hidden[b-1yf5bjp5kx] { opacity: 0; }
.scroll-hint[b-1yf5bjp5kx] { text-align: center; font-size: .78rem; color: var(--pj-text-muted); margin-bottom: 1.25rem; display: flex; align-items: center; justify-content: center; gap: .4rem; transition: opacity .3s ease; }
.scroll-hint.hidden[b-1yf5bjp5kx] { opacity: 0; pointer-events: none; }

.contract-check-wrap[b-1yf5bjp5kx] {
    display: flex; align-items: flex-start; gap: .75rem; background: var(--pj-primary-xlight);
    border: 1.5px solid var(--pj-border); border-radius: var(--pj-radius); padding: 1rem 1.25rem;
    margin-bottom: 1.5rem; cursor: pointer; transition: border-color .2s;
}
.contract-check-wrap:has(input:checked)[b-1yf5bjp5kx] { border-color: var(--pj-accent); background: #EFF6FF; }
.contract-check-wrap input[type="checkbox"][b-1yf5bjp5kx] { width: 18px; height: 18px; flex-shrink: 0; margin-top: .1rem; accent-color: var(--pj-accent); cursor: pointer; }
.contract-check-wrap input:disabled[b-1yf5bjp5kx] { cursor: not-allowed; opacity: .45; }
.contract-check-wrap label[b-1yf5bjp5kx] { font-size: .875rem; font-weight: 500; color: var(--pj-text); cursor: pointer; line-height: 1.5; }

.contract-actions[b-1yf5bjp5kx] { display: flex; gap: .85rem; }
.contract-actions .btn-pj-outline-danger[b-1yf5bjp5kx] { flex: 1; justify-content: center; }
.contract-actions .btn-pj[b-1yf5bjp5kx] { flex: 2; justify-content: center; }
.btn-pj-outline-danger[b-1yf5bjp5kx] {
    background: transparent; color: var(--pj-danger); border: 1.5px solid var(--pj-danger);
    border-radius: var(--pj-radius-sm); font-weight: 600; font-size: .9rem; padding: .65rem 1.35rem;
    transition: var(--pj-transition); display: inline-flex; align-items: center; gap: .4rem;
}
.btn-pj-outline-danger:hover[b-1yf5bjp5kx] { background: var(--pj-danger); border-color: var(--pj-danger); color: #fff; }

/* ===== Certificado (upload) ===== */
.cert-grid[b-1yf5bjp5kx] { display: grid; grid-template-columns: 1fr 1.35fr; gap: 2rem; align-items: start; }
.cert-benefit[b-1yf5bjp5kx] { display: flex; align-items: flex-start; gap: .7rem; margin-bottom: .95rem; }
.cert-benefit i[b-1yf5bjp5kx] { color: var(--pj-accent); font-size: 1rem; margin-top: .15rem; flex-shrink: 0; }
.cert-benefit strong[b-1yf5bjp5kx] { display: block; font-size: .85rem; color: var(--pj-text); margin-bottom: .1rem; }
.cert-benefit span[b-1yf5bjp5kx] { font-size: .78rem; color: var(--pj-text-muted); }
.cert-dropzone[b-1yf5bjp5kx] {
    display: block;
    border: 1.5px dashed var(--pj-border); border-radius: var(--pj-radius); background: var(--pj-primary-xlight);
    padding: 2.25rem 1.5rem; text-align: center; cursor: pointer; transition: border-color .2s, background .2s;
}
.cert-dropzone:hover[b-1yf5bjp5kx], .cert-dropzone.dragover[b-1yf5bjp5kx] { border-color: var(--pj-accent); background: #EFF6FF; }
.cert-dropzone.has-file[b-1yf5bjp5kx] { border-style: solid; border-color: var(--pj-success); background: #F0FDF4; }
.cert-dropzone-icon[b-1yf5bjp5kx] { width: 44px; height: 44px; border-radius: 50%; background: var(--pj-surface); box-shadow: var(--pj-shadow-sm); display: flex; align-items: center; justify-content: center; font-size: 1.15rem; color: var(--pj-accent); margin: 0 auto .9rem; }
.cert-dropzone-title[b-1yf5bjp5kx] { font-size: .88rem; font-weight: 700; color: var(--pj-text); margin-bottom: .3rem; }
.cert-dropzone-desc[b-1yf5bjp5kx] { font-size: .76rem; color: var(--pj-text-muted); margin-bottom: 1rem; }
.cert-secure-badge[b-1yf5bjp5kx] { display: inline-flex; align-items: center; gap: .35rem; font-size: .74rem; font-weight: 600; color: var(--pj-success); background: #F0FDF4; border: 1px solid #BBF7D0; border-radius: 100px; padding: .3rem .75rem; }
.cert-secure-badge i[b-1yf5bjp5kx] { font-size: .85rem; }

@media (max-width: 767.98px) {
    .cert-grid[b-1yf5bjp5kx] { grid-template-columns: 1fr; gap: 1.5rem; }
}
@media (max-width: 575.98px) {
    .contract-card[b-1yf5bjp5kx] { padding: 1.5rem 1.25rem; }
    .ct-step-line[b-1yf5bjp5kx] { width: 12px; }
    .ct-step-dot[b-1yf5bjp5kx] { width: 24px; height: 24px; font-size: .68rem; }
    .ct-step-label[b-1yf5bjp5kx] { display: none; }
    .wizard-actions[b-1yf5bjp5kx] { flex-direction: column-reverse; align-items: stretch; }
    .wizard-btn-group[b-1yf5bjp5kx] { margin-left: 0; flex-direction: column-reverse; }
    .contract-actions[b-1yf5bjp5kx] { flex-direction: column-reverse; }
    .contract-actions .btn-pj[b-1yf5bjp5kx], .contract-actions .btn-pj-outline-danger[b-1yf5bjp5kx] { flex: 1; }
}
/* /Components/Pages/Prestadores/MeuPerfilPrestador.razor.rz.scp.css */
/* Dropzone do Certificado Digital — mesmos valores de usuario.css (.mp-cert-dropzone) do ZIP de referência */
.cert-dropzone[b-hx0sfetk2m] {
    display: block;
    border: 1.5px dashed var(--pj-border);
    border-radius: var(--pj-radius);
    background: var(--pj-primary-xlight);
    padding: 1.75rem 1.25rem;
    text-align: center;
    cursor: pointer;
    transition: border-color .2s, background .2s;
}
.cert-dropzone:hover[b-hx0sfetk2m], .cert-dropzone.dragover[b-hx0sfetk2m] { border-color: var(--pj-accent); background: #EFF6FF; }
.cert-dropzone.has-file[b-hx0sfetk2m] { border-style: solid; border-color: var(--pj-success); background: #F0FDF4; }
.cert-dropzone-icon[b-hx0sfetk2m] {
    width: 40px; height: 40px; border-radius: 50%;
    background: var(--pj-surface); box-shadow: var(--pj-shadow-sm);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.05rem; color: var(--pj-accent); margin: 0 auto .75rem;
}
.cert-dropzone-title[b-hx0sfetk2m] { font-size: .85rem; font-weight: 700; color: var(--pj-text); margin-bottom: .25rem; }
.cert-dropzone-desc[b-hx0sfetk2m] { font-size: .74rem; color: var(--pj-text-muted); }
/* /Components/Pages/Prestadores/Prestadores.razor.rz.scp.css */
/* ── Modal de confirmação de exclusão ─────────────────────────── */

.modal-delete-backdrop[b-1dz2lorlyi] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    z-index: 1200;
}

.modal-delete-box[b-1dz2lorlyi] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1201;
    background: var(--mud-palette-surface, #1e1e2e);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 2rem;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    text-align: center;
}

.modal-delete-icon-wrap[b-1dz2lorlyi] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(239, 68, 68, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.25rem;
}

.modal-delete-icon[b-1dz2lorlyi] {
    color: #ef4444;
    font-size: 28px !important;
}

.modal-delete-title[b-1dz2lorlyi] {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0;
    color: var(--mud-palette-text-primary);
}

.modal-delete-body[b-1dz2lorlyi] {
    font-size: 0.9rem;
    color: var(--mud-palette-text-secondary);
    margin: 0;
    line-height: 1.6;
}

.modal-delete-warning[b-1dz2lorlyi] {
    color: #ef4444;
    font-weight: 600;
    font-size: 0.85rem;
}

.modal-delete-actions[b-1dz2lorlyi] {
    display: flex;
    gap: 0.75rem;
    margin-top: 0.5rem;
    width: 100%;
}

.modal-delete-btn-cancel[b-1dz2lorlyi] {
    flex: 1;
    padding: 0.55rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
}

.modal-delete-btn-confirm[b-1dz2lorlyi] {
    flex: 1;
    padding: 0.55rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    background-color: #ef4444 !important;
    border-color: #ef4444 !important;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.modal-delete-btn-confirm:hover:not(:disabled)[b-1dz2lorlyi] {
    background-color: #dc2626 !important;
}

.modal-delete-btn-confirm:disabled[b-1dz2lorlyi],
.modal-delete-btn-cancel:disabled[b-1dz2lorlyi] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ── MOBILE ── */
@media (max-width: 600px) {
    .modal-delete-box[b-1dz2lorlyi] { padding: 1.5rem 1.2rem; max-width: calc(100vw - 32px); }
    .modal-delete-actions[b-1dz2lorlyi] { flex-direction: column; }
    .modal-delete-actions .mud-button-root[b-1dz2lorlyi] { width: 100%; }
}
/* /Components/Pages/Prestadores/PrestadoresEditar.razor.rz.scp.css */
/* PrestadoresEditar.razor foi reskinado para usar apenas classes literais do ZIP
   (vp-*, pj-card-flat, pj-fl-field, pj-input, etc.), definidas globalmente em
   wwwroot/pjzen-design-system.css. As classes antigas deste arquivo (peek-*,
   csec-*, field-row-*, fin-card*, document-item, activity-item, etc.) não são
   mais usadas pelo componente — removidas para não deixar CSS morto no bundle. */
/* /Components/Pages/Remessa/RemessaNovo.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   RemessaNovo — "Nova Remessa"
   Página embutida (sem MudDialog), cópia estrutural de
   view-nova-remessa (financeiro.html): Zona 1 cabeçalho fixo +
   Zona 2 grid de 2 colunas (notas / resumo) + footer fixo.
══════════════════════════════════════════════════════════ */

/* ══ CABEÇALHO ═══════════════════════════════════════════ */
.nr-header-card[b-89fk420pz8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 1.5rem;
}

.nr-header-icon[b-89fk420pz8] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #DBEAFE;
    color: #3B82F6;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.nr-header-text[b-89fk420pz8] {
    flex: 1;
    min-width: 0;
}

.nr-title[b-89fk420pz8] {
    font-weight: 800;
    font-size: 1.05rem;
    color: var(--pj-text);
}

.nr-subtitle[b-89fk420pz8] {
    font-size: .8rem;
    color: var(--pj-text-muted);
    margin-top: .1rem;
}

.nr-header-total[b-89fk420pz8] {
    text-align: right;
    flex-shrink: 0;
    padding-left: 1.5rem;
    margin-left: .5rem;
    border-left: 1px solid var(--pj-border);
}

.nr-header-total-lbl[b-89fk420pz8] {
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--pj-text-muted);
    margin-bottom: .25rem;
}

.nr-header-total-val[b-89fk420pz8] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--pj-text);
    line-height: 1;
}

.nr-header-total-sub[b-89fk420pz8] {
    font-size: .72rem;
    color: var(--pj-text-muted);
    margin-top: .15rem;
}

/* ══ GRID PRINCIPAL (2 colunas) ══════════════════════════ */
.nr-grid[b-89fk420pz8] {
    display: flex;
    gap: 1.25rem;
    align-items: flex-start;
}

.nr-col-left[b-89fk420pz8] {
    flex: 7;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.nr-col-right[b-89fk420pz8] {
    flex: 3;
    min-width: 220px;
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ── Filtros ─────────────────────────────────────────────── */
.nr-filtros-card[b-89fk420pz8] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
    padding: .9rem 1.25rem;
}

/* ══ LISTA DE NOTAS ══════════════════════════════════════ */
.nr-lista-card[b-89fk420pz8] {
    padding: 0;
    overflow: hidden;
}

.rn-lista-header[b-89fk420pz8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .65rem .75rem;
    background: var(--pj-surface);
    border-bottom: 1px solid var(--pj-border);
    position: sticky;
    top: 0;
    z-index: 2;
}

.rn-check[b-89fk420pz8] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    cursor: pointer;
}

.rn-check-label[b-89fk420pz8] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--pj-text);
    cursor: pointer;
    user-select: none;
}

.rn-count-badge[b-89fk420pz8] {
    font-size: .78rem;
    color: var(--pj-text-muted);
}

/* ── Cabeçalho de colunas ────────────────────────────────── */
/*  chk | prestador | num | data | valor | status            */
.rn-col-header[b-89fk420pz8],
.rn-nota-row[b-89fk420pz8] {
    display: grid;
    grid-template-columns: 36px 1fr 148px 104px 110px 150px;
    align-items: center;
    padding-left: 10px;
    padding-right: 16px;
}

.rn-col-header[b-89fk420pz8] {
    padding-top: .55rem;
    padding-bottom: .55rem;
    background: #F9FAFB;
    border-bottom: 1px solid var(--pj-border);
}

.rn-ch[b-89fk420pz8] {
    font-size: .67rem;
    font-weight: 700;
    color: var(--pj-text-muted);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.rn-ch-valor[b-89fk420pz8] {
    text-align: right;
}

.rn-ch-status[b-89fk420pz8] {
    text-align: center;
}

.rn-lista-body[b-89fk420pz8] {
    /* a área rolável é a página inteira (Zona 2), não a tabela */
}

/* ── Wrapper por nota ────────────────────────────────────── */
.rn-nota-wrap[b-89fk420pz8] {
    border-bottom: 1px solid var(--pj-border);
}
.rn-nota-wrap:last-child[b-89fk420pz8] {
    border-bottom: none;
}

/* Nota já em outra remessa */
.rn-wrap-usada[b-89fk420pz8] {
    opacity: .52;
}

/* ── Linha principal ─────────────────────────────────────── */
.rn-nota-row[b-89fk420pz8] {
    padding-top: .65rem;
    padding-bottom: .65rem;
    transition: background .1s ease;
    cursor: default;
}
.rn-nota-row:hover[b-89fk420pz8] {
    background: var(--pj-primary-xlight);
}
.rn-nota-row.rn-selected[b-89fk420pz8] {
    background: color-mix(in srgb, var(--pj-accent) 7%, transparent);
}
.rn-nota-row.rn-selected .rn-prest-name[b-89fk420pz8] {
    color: var(--pj-accent);
}
.rn-nota-row.rn-row-usada[b-89fk420pz8] {
    cursor: not-allowed;
}

/* ── Células ────────────────────────────────────────────── */
.rn-cd[b-89fk420pz8] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rn-cd-chk[b-89fk420pz8] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rn-cd-prest[b-89fk420pz8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rn-prest-name[b-89fk420pz8] {
    font-size: .8rem;
    font-weight: 600;
    color: var(--pj-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 6px;
    transition: color .12s ease;
}

.rn-tag-usada[b-89fk420pz8] {
    display: inline-block;
    font-size: 9.5px;
    font-weight: 700;
    color: var(--pj-text-muted);
    background: var(--pj-primary-light);
    border: 1px solid var(--pj-border);
    border-radius: 4px;
    padding: 1px 6px;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-top: 3px;
    width: fit-content;
}

.rn-cd-num[b-89fk420pz8] {
    display: flex;
    align-items: center;
    overflow: hidden;
    min-width: 0;
}

.rn-num-tag[b-89fk420pz8] {
    font-size: .72rem;
    font-weight: 500;
    color: var(--pj-text-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
}

.rn-cd-data[b-89fk420pz8] {
    font-size: .75rem;
    color: var(--pj-text-muted);
    font-variant-numeric: tabular-nums;
}

/* Valor: total em cima + hint pago embaixo */
.rn-cd-valor[b-89fk420pz8] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.rn-valor-total[b-89fk420pz8] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--pj-text);
    font-variant-numeric: tabular-nums;
}

.rn-valor-pago-hint[b-89fk420pz8] {
    font-size: .66rem;
    font-weight: 500;
    color: #16a34a;
    font-variant-numeric: tabular-nums;
}

.rn-cd-status[b-89fk420pz8] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ══ BADGES DE STATUS (readonly) ═════════════════════════ */
.rn-status-badge[b-89fk420pz8] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px 4px 7px;
    border-radius: 20px;
    border: 1.5px solid transparent;
    font-size: .69rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: default;
    user-select: none;
}

/* Pago — verde (vem via CNAB) */
.rn-badge-pago[b-89fk420pz8] {
    background: #DCFCE7;
    border-color: color-mix(in srgb, var(--pj-success) 35%, transparent);
    color: #16a34a;
}

/* Aguardando Confirmação — azul/info (auto, quitou mas aguarda CNAB) */
.rn-badge-aguardando[b-89fk420pz8] {
    background: #DBEAFE;
    border-color: color-mix(in srgb, var(--pj-accent) 30%, transparent);
    color: var(--pj-accent);
}

/* ══ STATUS SELECT (editável) ════════════════════════════ */
.rn-status-sel[b-89fk420pz8] {
    appearance: none;
    -webkit-appearance: none;
    border: 1.5px solid var(--pj-border);
    border-radius: 20px;
    padding: 4px 22px 4px 10px;
    font-size: .72rem;
    font-weight: 600;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
    background-position: right 7px center;
    background-size: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23888' d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    font-family: inherit;
    white-space: nowrap;
    width: 100%;
}
.rn-status-sel:disabled[b-89fk420pz8] {
    opacity: .5;
    cursor: not-allowed;
}

/* Não Pago — vermelho */
.rn-s-nao-pago[b-89fk420pz8] {
    background-color: #FEE2E2;
    border-color: color-mix(in srgb, var(--pj-danger) 32%, transparent);
    color: var(--pj-danger);
}
.rn-s-nao-pago:focus[b-89fk420pz8] {
    border-color: var(--pj-danger);
}

/* Pagar Parcialmente — laranja */
.rn-s-pagar-parcialmente[b-89fk420pz8] {
    background-color: #FEF3C7;
    border-color: color-mix(in srgb, var(--pj-warning) 35%, transparent);
    color: #92400E;
}
.rn-s-pagar-parcialmente:focus[b-89fk420pz8] {
    border-color: var(--pj-warning);
}

/* ══ PAINEL — PAGAR PARCIALMENTE ═════════════════════════ */
.rn-parcial-panel[b-89fk420pz8] {
    border-top: 1px dashed color-mix(in srgb, var(--pj-warning) 35%, transparent);
    background: #FFFBEB;
    padding: .6rem .85rem .75rem;
    animation: rn-slide-in-b-89fk420pz8 .18s ease;
}

.rn-panel-error[b-89fk420pz8] {
    border-top-color: color-mix(in srgb, var(--pj-danger) 35%, transparent);
    background: color-mix(in srgb, var(--pj-danger) 5%, transparent);
}

.rn-panel-aguardando[b-89fk420pz8] {
    border-top-color: color-mix(in srgb, var(--pj-accent) 30%, transparent);
    background: color-mix(in srgb, var(--pj-accent) 5%, transparent);
}

.rn-parcial-inner[b-89fk420pz8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rn-parcial-icon-wrap[b-89fk420pz8] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--pj-warning) 18%, transparent);
    color: #92400E;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rn-icon-aguardando[b-89fk420pz8] {
    background: color-mix(in srgb, var(--pj-accent) 18%, transparent);
    color: var(--pj-accent);
}

.rn-parcial-fields[b-89fk420pz8] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.rn-parcial-group[b-89fk420pz8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rn-group-ref[b-89fk420pz8] {
    margin-left: auto;
    text-align: right;
}

.rn-parcial-lbl[b-89fk420pz8] {
    font-size: 10.5px;
    font-weight: 600;
    color: var(--pj-text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.rn-prefix-wrap[b-89fk420pz8] {
    display: flex;
    align-items: center;
    border: 1.5px solid var(--pj-border);
    border-radius: 7px;
    overflow: hidden;
    background: var(--pj-surface);
}
.rn-prefix-wrap:focus-within[b-89fk420pz8] {
    border-color: var(--pj-accent);
}
.rn-prefix-error[b-89fk420pz8] {
    border-color: var(--pj-danger) !important;
}

.rn-prefix[b-89fk420pz8] {
    padding: 5px 8px;
    background: var(--pj-bg);
    border-right: 1.5px solid var(--pj-border);
    font-size: 12px;
    font-weight: 600;
    color: var(--pj-text-muted);
    white-space: nowrap;
}

.rn-parcial-input[b-89fk420pz8] {
    border: none;
    outline: none;
    padding: 5px 8px;
    width: 100px;
    font-size: 13px;
    color: var(--pj-text);
    background: transparent;
    font-family: inherit;
}

.rn-field-error-msg[b-89fk420pz8] {
    font-size: 10.5px;
    color: var(--pj-danger);
    font-weight: 500;
}

.rn-parcial-arrow[b-89fk420pz8] {
    font-size: 16px;
    color: var(--pj-text-muted);
    padding-bottom: 6px;
    flex-shrink: 0;
}

.rn-restante[b-89fk420pz8] {
    font-size: 14px;
    font-weight: 700;
    color: var(--pj-text);
    padding: 5px 0;
}

.rn-quitado[b-89fk420pz8] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--pj-success);
    font-size: 13px;
    font-weight: 700;
}

.rn-nota-ref-total[b-89fk420pz8] {
    font-size: 13px;
    font-weight: 600;
    color: var(--pj-text-muted);
    padding: 5px 0;
}

/* Barra de progresso */
.rn-progress-wrap[b-89fk420pz8] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.rn-progress-bar[b-89fk420pz8] {
    flex: 1;
    height: 5px;
    background: var(--pj-border);
    border-radius: 99px;
    overflow: hidden;
}
.rn-progress-fill[b-89fk420pz8] {
    height: 100%;
    background: var(--pj-warning);
    border-radius: 99px;
    transition: width .3s ease;
}
.rn-fill-full[b-89fk420pz8] {
    background: var(--pj-success);
}
.rn-progress-pct[b-89fk420pz8] {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--pj-text-muted);
    width: 32px;
    text-align: right;
    flex-shrink: 0;
}

/* ── Painel Nao Pago ─────────────────────────────────────── */
.rn-naopago-panel[b-89fk420pz8] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px 8px;
    font-size: 12px;
    color: var(--pj-text-muted);
    border-top: 1px dashed var(--pj-border);
}

/* ══ RESUMO lateral ══════════════════════════════════════ */
.nr-resumo-card[b-89fk420pz8] {
    padding: 1.1rem 1.25rem;
}

.rn-resumo-title[b-89fk420pz8] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--pj-text-muted);
    margin-bottom: .5rem;
}

.rn-resumo-card[b-89fk420pz8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    padding: .55rem 0;
    border-bottom: 1px solid var(--pj-border);
}
.rn-resumo-card:last-of-type[b-89fk420pz8] {
    border-bottom: none;
}

.rn-resumo-left[b-89fk420pz8] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.rn-resumo-icon[b-89fk420pz8] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--pj-primary-xlight);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: .85rem;
    color: var(--pj-accent);
}

.rn-icon-notas[b-89fk420pz8] { }
.rn-icon-prest[b-89fk420pz8] { }

.rn-resumo-lbl[b-89fk420pz8] {
    flex: 1;
    font-size: .8rem;
    color: var(--pj-text-muted);
}

.rn-resumo-val[b-89fk420pz8] {
    font-size: .875rem;
    font-weight: 700;
    color: var(--pj-text);
}

/* Bloco financeiro do resumo */
.rn-fin-card[b-89fk420pz8] {
    margin-top: .65rem;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.rn-fin-row[b-89fk420pz8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: .82rem;
}

.rn-fin-lbl[b-89fk420pz8] {
    color: var(--pj-text-muted);
    display: flex;
    align-items: center;
    gap: .35rem;
}

.rn-fin-val[b-89fk420pz8] {
    font-weight: 600;
    color: var(--pj-text);
}

.rn-dot[b-89fk420pz8] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}
.rn-dot-pago[b-89fk420pz8]     { background: var(--pj-success); }
.rn-dot-restante[b-89fk420pz8] { background: var(--pj-warning); }
.rn-dot-zerado[b-89fk420pz8]   { background: var(--pj-text-light); }

.rn-val-pago[b-89fk420pz8]     { color: var(--pj-success); }
.rn-val-restante[b-89fk420pz8] { color: #92400E; }
.rn-val-zerado[b-89fk420pz8]   { color: var(--pj-text-muted); }

.rn-fin-divider[b-89fk420pz8] {
    height: 1px;
    background: var(--pj-border);
    margin: 2px 0;
}

/* Card total */
.rn-total-card[b-89fk420pz8] {
    margin-top: .9rem;
    background: var(--pj-accent);
    color: #fff;
    border-radius: 10px;
    padding: .9rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
    align-items: center;
    text-align: center;
}

.rn-total-label[b-89fk420pz8] {
    font-size: .65rem;
    font-weight: 700;
    opacity: .75;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.rn-total-valor[b-89fk420pz8] {
    font-size: 1.4rem;
    font-weight: 800;
}

/* Campos de data e descrição */
.nr-campos-card[b-89fk420pz8] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    padding: 1.1rem 1.25rem;
}

/* ══ FOOTER ═══════════════════════════════════════════════ */
.nr-footer-bar[b-89fk420pz8] {
    position: sticky;
    bottom: 0;
    background: var(--pj-surface);
    border-top: 1px solid var(--pj-border);
    padding: .85rem 1.5rem;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    box-shadow: 0 -4px 20px rgba(0,0,0,.06);
    z-index: 10;
    border-radius: 0 0 var(--pj-radius-lg) var(--pj-radius-lg);
}

/* Coluna chk */
.rn-ch-chk[b-89fk420pz8]  { width: 36px; }
.rn-ch-prest[b-89fk420pz8] { }
.rn-ch-num[b-89fk420pz8]  { text-align: center; }
.rn-ch-data[b-89fk420pz8] { }

/* Animação slide */
@keyframes rn-slide-in-b-89fk420pz8 {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ══ RESPONSIVE ══════════════════════════════════════════ */
@media (max-width: 860px) {
    .nr-grid[b-89fk420pz8] {
        flex-direction: column;
    }
    .nr-col-right[b-89fk420pz8] {
        width: 100%;
        position: static;
    }
    .nr-col-left[b-89fk420pz8] {
        width: 100%;
    }
    .rn-col-header[b-89fk420pz8],
    .rn-nota-row[b-89fk420pz8] {
        grid-template-columns: 36px 1fr 90px 110px;
    }
    .rn-ch-data[b-89fk420pz8], .rn-cd-data[b-89fk420pz8],
    .rn-ch-status[b-89fk420pz8], .rn-cd-status[b-89fk420pz8] {
        display: none;
    }
}

@media (max-width: 480px) {
    .nr-header-card[b-89fk420pz8] { padding: .9rem 1rem; flex-wrap: wrap; gap: .6rem; }
    .rn-col-header[b-89fk420pz8], .rn-nota-row[b-89fk420pz8] { grid-template-columns: 32px 1fr 80px; }
    .rn-ch-valor[b-89fk420pz8], .rn-cd-valor[b-89fk420pz8] { display: none; }
}

/* ══ TABELA DE NOTAS — literal de financeiro.html (.rem-nota-tbl / .rem-st-sel / .rem-parcial-panel) ══ */
.rem-nota-tbl[b-89fk420pz8] { width:100%;border-collapse:collapse;font-size:.82rem; }
.rem-nota-tbl th[b-89fk420pz8] { padding:.55rem .75rem;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pj-text-muted);background:#F9FAFB;border-bottom:1px solid var(--pj-border);white-space:nowrap; }
.rem-nota-tbl td[b-89fk420pz8] { padding:.65rem .75rem;border-bottom:1px solid var(--pj-border);vertical-align:middle; }
.rem-nota-tbl tr:last-child td[b-89fk420pz8] { border-bottom:none; }
.rem-nota-tbl tr:hover > td[b-89fk420pz8] { background:#F9FAFB; }
.rem-st-sel[b-89fk420pz8]         { border-radius:100px;padding:.22rem .55rem;font-size:.72rem;font-weight:600;cursor:pointer;outline:none;border-width:1.5px;border-style:solid;font-family:inherit; }
.rem-st-sel:disabled[b-89fk420pz8] { opacity:.5;cursor:not-allowed; }
.rem-st-sel.st-ap[b-89fk420pz8]      { border-color:var(--pj-success);color:var(--pj-success);background:#DCFCE7; }
.rem-st-sel.st-np[b-89fk420pz8]      { border-color:var(--pj-danger);color:var(--pj-danger);background:#FEE2E2; }
.rem-st-sel.st-pend[b-89fk420pz8]    { border-color:#D1D5DB;color:var(--pj-text-muted);background:#F9FAFB; }
.rem-st-sel.st-parcial[b-89fk420pz8] { border-color:#F59E0B;color:#92400E;background:#FEF3C7; }
.rem-st-sel.st-total[b-89fk420pz8]   { border-color:var(--pj-accent);color:var(--pj-accent);background:#DBEAFE; }
.rem-parcial-panel[b-89fk420pz8] { background:#FFFBEB;border-top:1px solid #FEF3C7;padding:.9rem 1rem; }
/* /Components/Pages/Remessa/Remessas.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   Badges de status (lista de remessas) — cópia
   literal do mockup (view-remessas / financeiro.html)
══════════════════════════════════════════════ */
.rem-status-pago[b-zndy2q8ctl]      { display:inline-flex;align-items:center;gap:.38rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:100px;background:#DCFCE7;color:var(--pj-success); }
.rem-status-pendente[b-zndy2q8ctl]  { display:inline-flex;align-items:center;gap:.38rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:100px;background:#FEF9C3;color:#92400E; }
.rem-status-process[b-zndy2q8ctl]   { display:inline-flex;align-items:center;gap:.38rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:100px;background:#DBEAFE;color:var(--pj-accent); }
.rem-status-cancelado[b-zndy2q8ctl] { display:inline-flex;align-items:center;gap:.38rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:100px;background:#FEE2E2;color:var(--pj-danger); }
.rem-status-dot[b-zndy2q8ctl] { width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0; }

/* Botão de ação destrutiva no rodapé do modal "Cancelar Remessa" */
.btn-danger-out[b-zndy2q8ctl] {
    background: transparent;
    color: var(--pj-danger);
    border: 1.5px solid var(--pj-danger);
    border-radius: var(--pj-radius-sm);
    font-weight: 600;
    font-size: .875rem;
    padding: .5rem 1.1rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
    font-family: inherit;
    transition: background .18s, color .18s;
}
.btn-danger-out:hover:not(:disabled)[b-zndy2q8ctl] { background: var(--pj-danger); color: #fff; }
.btn-danger-out:disabled[b-zndy2q8ctl] { opacity: .4; cursor: not-allowed; }

/* ══════════════════════════════════════════════
   Modal — Conta bancária não configurada
══════════════════════════════════════════════ */

.rem-cfg-backdrop[b-zndy2q8ctl] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(3px);
    animation: rem-fade-b-zndy2q8ctl 0.2s ease both;
}

@keyframes rem-fade-b-zndy2q8ctl {
    from { opacity: 0 }
    to   { opacity: 1 }
}

.rem-cfg-modal[b-zndy2q8ctl] {
    position: fixed;
    z-index: 1050;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--mud-palette-surface);
    border-radius: 18px;
    padding: 36px 32px 28px;
    width: 100%;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    box-shadow: 0 24px 64px rgba(0,0,0,.22);
    animation: rem-pop-b-zndy2q8ctl 0.22s cubic-bezier(0.34,1.56,0.64,1) both;
}

@keyframes rem-pop-b-zndy2q8ctl {
    from { opacity: 0; transform: translate(-50%, -50%) scale(0.88) }
    to   { opacity: 1; transform: translate(-50%, -50%) scale(1)    }
}

.rem-cfg-icon[b-zndy2q8ctl] {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: color-mix(in srgb, var(--mud-palette-warning) 14%, transparent);
    color: var(--mud-palette-warning-darken, #b45309);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rem-cfg-title[b-zndy2q8ctl] {
    font-size: 17px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    text-align: center;
    margin: 0;
}

.rem-cfg-desc[b-zndy2q8ctl] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    text-align: center;
    line-height: 1.6;
    margin: 0;
}

/* aviso de bloqueio */
.rem-cfg-aviso[b-zndy2q8ctl] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-warning-darken, #b45309);
    background: color-mix(in srgb, var(--mud-palette-warning) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 30%, transparent);
    border-radius: 8px;
    padding: 8px 12px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.rem-cfg-actions[b-zndy2q8ctl] {
    display: flex;
    gap: 10px;
    margin-top: 2px;
    width: 100%;
}

.rem-cfg-btn-outline[b-zndy2q8ctl],
.rem-cfg-btn-primary[b-zndy2q8ctl] {
    flex: 1;
    padding: 10px 16px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: opacity .15s, transform .1s;
    font-family: inherit;
}

    .rem-cfg-btn-outline:hover[b-zndy2q8ctl],
    .rem-cfg-btn-primary:hover[b-zndy2q8ctl] { opacity: .88; }
    .rem-cfg-btn-outline:active[b-zndy2q8ctl],
    .rem-cfg-btn-primary:active[b-zndy2q8ctl] { transform: scale(.97); }

.rem-cfg-btn-outline[b-zndy2q8ctl] {
    background: var(--mud-palette-action-hover);
    color: var(--mud-palette-text-secondary);
    border: 1.5px solid var(--mud-palette-divider);
}

.rem-cfg-btn-primary[b-zndy2q8ctl] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: unset;      /* não estica quando é o único botão */
    padding: 11px 28px;
    margin: 0 auto;
}
/* /Components/Pages/Remessa/RemessaVisualizar.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   RemessaVisualizar — "Ver Remessa"
   Cópia literal da estrutura de modal-ver-remessa (financeiro.html):
   header (ícone + título/status + total) + corpo (tabela de notas à
   esquerda, ações/CNAB/histórico à direita) + footer.
══════════════════════════════════════════════════════════ */

/* Pills de status (mesmas classes usadas em Remessas.razor — como o CSS
   isolation do Blazor é por componente, precisam ser redeclaradas aqui
   para valer também dentro deste componente). */
.rem-status-pago[b-felzqtxkbq]      { display:inline-flex;align-items:center;gap:.38rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:100px;background:#DCFCE7;color:var(--pj-success); }
.rem-status-pendente[b-felzqtxkbq]  { display:inline-flex;align-items:center;gap:.38rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:100px;background:#FEF9C3;color:#92400E; }
.rem-status-process[b-felzqtxkbq]   { display:inline-flex;align-items:center;gap:.38rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:100px;background:#DBEAFE;color:var(--pj-accent); }
.rem-status-cancelado[b-felzqtxkbq] { display:inline-flex;align-items:center;gap:.38rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:100px;background:#FEE2E2;color:var(--pj-danger); }
.rem-status-dot[b-felzqtxkbq] { width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0; }

.rv-backdrop[b-felzqtxkbq] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: rgba(0, 0, 0, .4);
    animation: rv-fade-b-felzqtxkbq .15s ease both;
}

@keyframes rv-fade-b-felzqtxkbq {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.rv-modal[b-felzqtxkbq] {
    position: fixed;
    z-index: 1050;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw - 2rem);
    max-width: 1090px;
    height: calc(88vh - 100px);
    max-height: calc(88vh - 100px);
    background: var(--pj-surface);
    border-radius: 14px;
    box-shadow: 0 20px 60px rgba(0,0,0,.15);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: rv-pop-b-felzqtxkbq .18s cubic-bezier(.34,1.56,.64,1) both;
}

@keyframes rv-pop-b-felzqtxkbq {
    from { opacity: 0; transform: translate(-50%, -50%) scale(.96); }
    to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

/* ══ HEADER ══════════════════════════════════════════════ */
.rv-header[b-felzqtxkbq] {
    padding: 1.2rem 1.5rem;
    border-bottom: 1px solid var(--pj-border);
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--pj-surface);
    flex-shrink: 0;
}

.rv-header-icon[b-felzqtxkbq] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #DBEAFE;
    color: #3B82F6;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rv-header-text[b-felzqtxkbq] { flex: 1; min-width: 0; }

.rv-header-title-row[b-felzqtxkbq] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
}

.rv-header-title[b-felzqtxkbq] {
    font-weight: 800;
    font-size: 1.05rem;
    color: var(--pj-text);
}

.rv-header-subtitle[b-felzqtxkbq] {
    font-size: .8rem;
    color: var(--pj-text-muted);
    margin-top: .15rem;
}

.rv-header-total[b-felzqtxkbq] {
    text-align: right;
    flex-shrink: 0;
    padding-left: 1.25rem;
    border-left: 1px solid var(--pj-border);
    margin-left: .5rem;
}

.rv-header-total-lbl[b-felzqtxkbq] {
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--pj-text-muted);
    margin-bottom: .2rem;
}

.rv-header-total-val[b-felzqtxkbq] {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--pj-text);
    line-height: 1;
}

.rv-close-btn[b-felzqtxkbq] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--pj-text-muted);
    font-size: 1.05rem;
    line-height: 1;
    padding: .3rem;
    opacity: .45;
    flex-shrink: 0;
    transition: opacity .15s;
}
.rv-close-btn:hover[b-felzqtxkbq] { opacity: .85; }

/* ══ BODY ═════════════════════════════════════════════════ */
.rv-body[b-felzqtxkbq] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* ── Esquerda: notas ─────────────────────────────────────── */
.rv-body-left[b-felzqtxkbq] {
    flex: 1;
    overflow-y: auto;
    border-right: 1px solid var(--pj-border);
}

.rv-notas-head[b-felzqtxkbq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .65rem 1rem;
    border-bottom: 1px solid var(--pj-border);
    background: var(--pj-surface);
    position: sticky;
    top: 0;
    z-index: 2;
}

.rv-notas-title[b-felzqtxkbq] { font-weight: 700; font-size: .875rem; color: var(--pj-text); }
.rv-notas-sub[b-felzqtxkbq]   { font-size: .75rem; color: var(--pj-text-muted); }

.vr-sel-badge-m[b-felzqtxkbq] {
    display: inline-flex;
    align-items: center;
    font-size: .75rem;
    font-weight: 600;
    padding: .22rem .7rem;
    border-radius: 100px;
    background: #DBEAFE;
    color: var(--pj-accent);
    white-space: nowrap;
}
.vr-sel-badge-m.has-sel[b-felzqtxkbq] { background: var(--pj-accent); color: #fff; }

/* Tabela dentro do modal visualizar */
.vr-tbl-m[b-felzqtxkbq] { width: 100%; border-collapse: collapse; font-size: .84rem; }
.vr-tbl-m th[b-felzqtxkbq] { padding: .55rem 1rem; font-size: .67rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--pj-text-muted); background: #F9FAFB; border-bottom: 1px solid var(--pj-border); white-space: nowrap; }
.vr-tbl-m td[b-felzqtxkbq] { padding: .75rem 1rem; border-bottom: 1px solid var(--pj-border); vertical-align: middle; }
.vr-tbl-m tr:last-child td[b-felzqtxkbq] { border-bottom: none; }
.vr-tbl-m tbody tr:hover td[b-felzqtxkbq] { background: var(--pj-primary-xlight); }

/* Rodapé tabela */
.rv-tbl-footer[b-felzqtxkbq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 1rem;
    background: #F9FAFB;
    border-top: 1px solid var(--pj-border);
    font-size: .82rem;
}
.rv-tbl-footer span:first-child[b-felzqtxkbq] { color: var(--pj-text-muted); }
.rv-tbl-footer span:last-child[b-felzqtxkbq]  { font-weight: 700; color: var(--pj-text); }

.rv-marcar-pago-wrap[b-felzqtxkbq] { padding: .9rem 1rem; }
.rv-marcar-pago-wrap--paid[b-felzqtxkbq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    font-size: .82rem;
    font-weight: 600;
    color: var(--pj-text-muted);
    padding-top: 0;
}

/* ── Direita: ações + histórico ──────────────────────────── */
.rv-body-right[b-felzqtxkbq] {
    width: 280px;
    flex-shrink: 0;
    overflow-y: auto;
    background: var(--pj-surface);
    padding: 1.1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Botão CNAB */
.vr-cnab-m[b-felzqtxkbq] {
    display: flex;
    align-items: center;
    gap: .85rem;
    background: var(--pj-primary-light);
    border-radius: var(--pj-radius-lg);
    padding: .9rem 1rem;
    cursor: pointer;
    border: none;
    width: 100%;
    text-align: left;
    font-family: inherit;
    transition: background .2s;
}
.vr-cnab-m:hover:not(:disabled)[b-felzqtxkbq] { background: #E9EBF0; }
.vr-cnab-m:disabled[b-felzqtxkbq] { cursor: not-allowed; opacity: .6; }
.vr-cnab-m.active[b-felzqtxkbq] { background: var(--pj-accent); box-shadow: 0 4px 16px rgba(59,130,246,.35); }
.vr-cnab-m.active .cnab-title[b-felzqtxkbq] { color: #fff; }
.vr-cnab-m.active .cnab-sub[b-felzqtxkbq]   { color: rgba(255,255,255,.78); }
.vr-cnab-m.active .cnab-icon[b-felzqtxkbq]  { background: rgba(255,255,255,.2); color: #fff; }
.cnab-icon[b-felzqtxkbq]  { width: 34px; height: 34px; border-radius: var(--pj-radius-sm); background: var(--pj-primary-mid); color: #fff; display: flex; align-items: center; justify-content: center; font-size: .95rem; flex-shrink: 0; transition: background .2s, color .2s; }
.cnab-title[b-felzqtxkbq] { font-size: .875rem; font-weight: 700; color: var(--pj-text); transition: color .2s; }
.cnab-sub[b-felzqtxkbq]   { font-size: .75rem; color: var(--pj-text-muted); margin-top: .1rem; transition: color .2s; }

.rv-total-sel-box[b-felzqtxkbq] {
    border-radius: 10px;
    background: var(--pj-primary-light);
    padding: .9rem;
    text-align: center;
}
.rv-total-sel-lbl[b-felzqtxkbq] {
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--pj-text-muted);
    margin-bottom: .35rem;
}
.rv-total-sel-val[b-felzqtxkbq] { font-size: 1.3rem; font-weight: 800; color: var(--pj-text); }

/* Card de arquivo CNAB gerado */
.cnab-file-card[b-felzqtxkbq] {
    display: flex;
    align-items: center;
    gap: .75rem;
    border: 1.5px solid #DCFCE7;
    border-radius: var(--pj-radius-sm);
    padding: .7rem .9rem;
    background: #F0FDF4;
}

.rv-divider[b-felzqtxkbq] { height: 1px; background: var(--pj-border); margin: 0 -1.25rem; }

/* Histórico */
.rv-hist-wrap[b-felzqtxkbq] { display: flex; flex-direction: column; }
.rv-hist-head[b-felzqtxkbq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .6rem;
}
.rv-hist-title[b-felzqtxkbq] { font-size: .82rem; font-weight: 700; color: var(--pj-text); }
.rv-hist-count[b-felzqtxkbq] {
    background: var(--pj-primary-light);
    color: var(--pj-text-muted);
    font-size: .7rem;
    font-weight: 700;
    padding: .15rem .55rem;
    border-radius: 100px;
}

.vr-hist-item-m[b-felzqtxkbq] { display: flex; align-items: flex-start; gap: .75rem; padding: .8rem 0; border-bottom: 1px solid var(--pj-border-light); }
.vr-hist-item-m:last-child[b-felzqtxkbq] { border-bottom: none; }

.rv-hist-dot[b-felzqtxkbq] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: .35rem;
}
.rv-hist-dot--success[b-felzqtxkbq] { background: var(--pj-success); }
.rv-hist-dot--error[b-felzqtxkbq]   { background: var(--pj-danger); }
.rv-hist-dot--warning[b-felzqtxkbq] { background: var(--pj-warning); }
.rv-hist-dot--info[b-felzqtxkbq]    { background: var(--pj-accent); }

/* ══ FOOTER ═══════════════════════════════════════════════ */
.rv-footer[b-felzqtxkbq] {
    padding: .9rem 1.5rem;
    border-top: 1px solid var(--pj-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    background: var(--pj-surface);
    flex-shrink: 0;
}

/* Botões usados no footer — cópia literal do mockup */
.btn-danger-out[b-felzqtxkbq] {
    background: transparent;
    color: var(--pj-danger);
    border: 1.5px solid var(--pj-danger);
    border-radius: var(--pj-radius-sm);
    font-weight: 600;
    font-size: .875rem;
    padding: .5rem 1.1rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
    font-family: inherit;
    transition: background .18s, color .18s;
}
.btn-danger-out:hover[b-felzqtxkbq] { background: var(--pj-danger); color: #fff; }

.btn-finalizar[b-felzqtxkbq] {
    background: var(--pj-accent);
    color: #fff;
    border: none;
    border-radius: var(--pj-radius-sm);
    font-weight: 600;
    font-size: .875rem;
    padding: .55rem 1.25rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
    font-family: inherit;
    transition: background .18s;
}
.btn-finalizar:hover[b-felzqtxkbq] { background: #2563EB; }

/* ══ RESPONSIVE ══════════════════════════════════════════ */
@media (max-width: 900px) {
    .rv-body[b-felzqtxkbq] { flex-direction: column; }
    .rv-body-left[b-felzqtxkbq] { border-right: none; border-bottom: 1px solid var(--pj-border); }
    .rv-body-right[b-felzqtxkbq] { width: 100%; }
}