/* /Components/Framework/Cards.razor.rz.scp.css */
/* ============================================================
   Cards.razor.css — Layout wrapper
   Prefixo: sgcard-
   ============================================================ */

.sgcard-page-wrap[b-nhtl6fl9vr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}
/* /Components/Framework/FormularioCampoForm.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   FormularioCampoForm — layout flat 2 colunas
   ══════════════════════════════════════════════════════════ */

.sgcampo-form[b-rwkj0rbz3s] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    min-width: 0;
    width: 100%;
}

/* ── Header com chave primária ── */
.sgcampo-header-row[b-rwkj0rbz3s] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: color-mix(in srgb, var(--color-sf-border, #e2e8f0) 30%, transparent);
    border-radius: 6px;
}
.sgcampo-pk-label[b-rwkj0rbz3s] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    font-weight: 600;
}
.sgcampo-pk-value[b-rwkj0rbz3s] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color, #1e293b);
    font-variant-numeric: tabular-nums;
}

/* ── Body: 2 colunas ── */
.sgcampo-body[b-rwkj0rbz3s] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    gap: 12px;
    align-items: flex-start;
}
@media (max-width: 1024px) {
    .sgcampo-body[b-rwkj0rbz3s] { grid-template-columns: 1fr; }
}

.sgcampo-left[b-rwkj0rbz3s], .sgcampo-right[b-rwkj0rbz3s] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

/* ── Fieldsets ── */
.sgcampo-fs[b-rwkj0rbz3s] {
    border: 1px solid color-mix(in srgb, var(--color-sf-border, #e2e8f0) 70%, transparent);
    border-radius: 8px;
    padding: 12px 12px 8px 12px;
    margin: 0;
    background: var(--color-sf-content-bg-color, #fff);
}
.sgcampo-fs-legend[b-rwkj0rbz3s] {
    padding: 0 8px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-sf-primary, #0078d4);
    margin-left: 6px;
    width: auto;
}

/* ── Coluna de checkboxes ── */
.sgcampo-fs--flags .sgcampo-cb-col[b-rwkj0rbz3s] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 4px 0 2px 2px;
}
.sgcampo-fs--flags .sgcampo-cb-col :global(.e-checkbox-wrapper)[b-rwkj0rbz3s] {
    display: flex;
    align-items: center;
    padding: 2px 0;
}
.sgcampo-fs--flags .sgcampo-cb-col :global(.e-label)[b-rwkj0rbz3s] {
    font-size: 0.82rem;
}

/* ── Obrigatório — borda laranja (decoração) ── */
.sg-req :global(.e-input-group)[b-rwkj0rbz3s],
.sg-req :global(.e-input-group.e-control-wrapper)[b-rwkj0rbz3s],
.sg-req :global(.e-ddl .e-input-group)[b-rwkj0rbz3s] {
    border-color: #f59e0b !important;
    box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.12);
}
.sg-req :global(.e-float-text)[b-rwkj0rbz3s],
.sg-req :global(.e-float-text.e-label-top)[b-rwkj0rbz3s] {
    color: #d97706 !important;
}

/* ── Dark mode ── */
:global(.e-dark-mode) .sgcampo-fs[b-rwkj0rbz3s] {
    background: #1e293b;
    border-color: #334155;
}
:global(.e-dark-mode) .sgcampo-header-row[b-rwkj0rbz3s] {
    background: rgba(30, 41, 59, 0.6);
}
:global(.e-dark-mode) .sgcampo-pk-label[b-rwkj0rbz3s] { color: #94a3b8; }
:global(.e-dark-mode) .sgcampo-pk-value[b-rwkj0rbz3s] { color: #f1f5f9; }
:global(.e-dark-mode) .sgcampo-fs-legend[b-rwkj0rbz3s] { color: #60a5fa; }
:global(.e-dark-mode) .sg-req :global(.e-input-group)[b-rwkj0rbz3s] {
    border-color: #fbbf24 !important;
}
:global(.e-dark-mode) .sg-req :global(.e-float-text)[b-rwkj0rbz3s] {
    color: #fbbf24 !important;
}
/* /Components/Framework/Formularios.razor.rz.scp.css */
/* ============================================================
   Formularios.razor.css
   Layout wrapper + grid
   Prefixo: sgmeta-
   ============================================================ */

/* Loading state — centralizado na viewport */
.mb-loading-wrap[b-wbwdq0mwd4] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    pointer-events: none;
}

.sgmeta-page-wrap[b-wbwdq0mwd4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.sgmeta-grid-wrap[b-wbwdq0mwd4] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Diálogo de edição Sub-formulário (sgmsub-*) ── */

[b-wbwdq0mwd4] .sgmsub-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 4px 0;
}

[b-wbwdq0mwd4] .sgmsub-section {
    border: 1px solid var(--color-sf-border-light, #e5e7eb);
    border-radius: 8px;
    padding: 14px 16px 16px;
    margin: 0;
}

[b-wbwdq0mwd4] .sgmsub-section legend {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--color-sf-primary);
    padding: 0 8px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-wbwdq0mwd4] .sgmsub-row {
    display: grid;
    gap: 12px 16px;
}

[b-wbwdq0mwd4] .sgmsub-row-2 {
    grid-template-columns: 1fr 1fr;
}

[b-wbwdq0mwd4] .sgmsub-row-3 {
    grid-template-columns: 5fr 3fr 2fr;
}

[b-wbwdq0mwd4] .sgmsub-row-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

[b-wbwdq0mwd4] .sgmsub-row-2-1 {
    grid-template-columns: 1fr 1fr;
}

[b-wbwdq0mwd4] .sgmsub-checks {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px 12px;
}

[b-wbwdq0mwd4] .sgmsub-vis-row {
    display: grid;
    grid-template-columns: 4fr 2fr 4fr auto;
    gap: 12px 16px;
    align-items: end;
}

[b-wbwdq0mwd4] .sgmsub-vis-row .e-checkbox-wrapper {
    padding-bottom: 8px;
}

/* Hint de ajuda abaixo dos campos */
[b-wbwdq0mwd4] .sgmsub-hint {
    font-size: 0.7rem;
    color: var(--color-sf-content-text-color-alt1, #8c8c8c);
    margin-top: 2px;
    line-height: 1.3;
}

/* Separador leve entre seções de visibilidade */
[b-wbwdq0mwd4] .sgmsub-vis-divider {
    border: 0;
    border-top: 1px dashed var(--color-sf-border-light, #e5e7eb);
    margin: 4px 0;
}

/* ══════════ Designer de campos (sgdes-*) ══════════ */

.sgdes-container[b-wbwdq0mwd4] {
    padding: 16px;
}

.sgdes-grid[b-wbwdq0mwd4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.sgdes-bloco[b-wbwdq0mwd4] {
    border: 1px solid var(--color-sf-border-light, #e5e7eb);
    border-radius: 10px;
    background: var(--color-sf-content-bg-color, #fff);
    overflow: hidden;
    min-height: 200px;
}

.sgdes-bloco-header[b-wbwdq0mwd4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    background: var(--color-sf-content-bg-color-alt1, #fafafa);
    border-bottom: 1px solid var(--color-sf-border-light, #e5e7eb);
}

.sgdes-bloco-title[b-wbwdq0mwd4] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
}

.sgdes-bloco-count[b-wbwdq0mwd4] {
    font-size: 0.7rem;
    color: var(--color-sf-content-text-color-alt1, #999);
}

.sgdes-bloco-body[b-wbwdq0mwd4] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 6px;
    padding: 10px;
    min-height: 120px;
    align-content: flex-start;
}

.sgdes-field[b-wbwdq0mwd4] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    border: 1px solid var(--color-sf-border-light, #e0e0e0);
    border-radius: 6px;
    background: var(--color-sf-content-bg-color, #fff);
    cursor: pointer;
    font-size: 0.75rem;
    transition: all 0.15s;
    user-select: none;
    min-height: 32px;
    overflow: hidden;
}

.sgdes-field:hover[b-wbwdq0mwd4] {
    border-color: var(--color-sf-primary, #0078d4);
    box-shadow: 0 2px 6px rgba(0, 120, 212, 0.15);
}

.sgdes-field--required[b-wbwdq0mwd4] {
    border-left: 3px solid #dc2626;
}

.sgdes-field--hidden[b-wbwdq0mwd4] {
    opacity: 0.4;
    border-style: dashed;
}

.sgdes-field--orphan[b-wbwdq0mwd4] {
    border-color: #f59e0b;
    background: #fffbeb;
}

.sgdes-field-top[b-wbwdq0mwd4] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.sgdes-field-name[b-wbwdq0mwd4] {
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgdes-field-type[b-wbwdq0mwd4] {
    font-size: 0.65rem;
    color: var(--color-sf-content-text-color-alt1, #999);
    white-space: nowrap;
}

.sgdes-field-type-pill[b-wbwdq0mwd4] {
    font-size: 0.58rem;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 4px;
    background: color-mix(in srgb, var(--color-sf-primary, #0078d4) 12%, transparent);
    color: var(--color-sf-primary, #0078d4);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    flex-shrink: 0;
}

.sgdes-field-req[b-wbwdq0mwd4] {
    color: #dc2626;
    font-weight: 700;
    font-size: 0.85rem;
}

.sgdes-field-meta[b-wbwdq0mwd4] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-top: 3px;
}

.sgdes-field-tag[b-wbwdq0mwd4] {
    font-size: 0.58rem;
    font-weight: 500;
    padding: 1px 5px;
    border-radius: 3px;
    background: var(--color-sf-content-bg-color-alt1, #f1f5f9);
    color: var(--color-sf-content-text-color-alt1, #64748b);
    border: 1px solid var(--color-sf-border-light, #e5e7eb);
    white-space: nowrap;
}

.sgdes-empty[b-wbwdq0mwd4] {
    width: 100%;
    text-align: center;
    padding: 32px 16px;
    color: var(--color-sf-content-text-color-alt1, #bbb);
    font-size: 0.78rem;
    font-style: italic;
}

.sgdes-orphans[b-wbwdq0mwd4] {
    margin-top: 16px;
    border: 1px dashed #f59e0b;
    border-radius: 10px;
    overflow: hidden;
}

.sgdes-orphans .sgdes-bloco-header[b-wbwdq0mwd4] {
    background: #fffbeb;
}

/* ── SortableJS feedback ── */

/* Ghost: a "sombra" que fica no lugar de origem durante o arrasto */
.sgdes-field--ghost[b-wbwdq0mwd4] {
    opacity: 0.25;
    border: 1.5px dashed var(--color-sf-primary, #0078d4);
    background: color-mix(in srgb, var(--color-sf-primary, #0078d4) 8%, transparent);
}

/* Chosen: o item no momento em que é segurado (antes de começar a mover) */
.sgdes-field--chosen[b-wbwdq0mwd4] {
    box-shadow: 0 4px 14px rgba(0, 120, 212, 0.25);
    border-color: var(--color-sf-primary, #0078d4);
}

/* Drag: o clone que segue o cursor */
.sgdes-field--drag[b-wbwdq0mwd4] {
    opacity: 0.9;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
    transform: scale(1.03);
    cursor: grabbing !important;
}

/* Bloco que está recebendo o item (SortableJS adiciona via CSS quando o ghost entra) */
.sgdes-bloco-body[data-bloco]:has(.sgdes-field--ghost)[b-wbwdq0mwd4] {
    outline: 2px dashed var(--color-sf-primary, #0078d4);
    outline-offset: -2px;
    background: color-mix(in srgb, var(--color-sf-primary, #0078d4) 4%, transparent);
}

.sgdes-field[b-wbwdq0mwd4] {
    cursor: grab;
}

.sgdes-field:active[b-wbwdq0mwd4] {
    cursor: grabbing;
}

.sgdes-orphans-list[b-wbwdq0mwd4] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px;
}

/* ══════════ Popup flutuante de edição de campo ══════════ */
.sgdes-popup-overlay[b-wbwdq0mwd4] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.08);
    z-index: 9998;
}

.sgdes-popup[b-wbwdq0mwd4] {
    position: fixed;
    z-index: 9999;
    width: 420px;
    max-height: 85vh;
    overflow-y: auto;
    background: var(--color-sf-surface, #ffffff);
    border-radius: 14px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, .16), 0 2px 8px rgba(0, 0, 0, .08);
    border: 1px solid var(--color-sf-border, #e2e8f0);
    animation: sgdes-popup-in-b-wbwdq0mwd4 0.2s ease-out;
}

@keyframes sgdes-popup-in-b-wbwdq0mwd4 {
    from { opacity: 0; transform: translateY(8px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.sgdes-popup-header[b-wbwdq0mwd4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 14px 16px 10px;
    border-bottom: 1px solid var(--color-sf-border-light, #f0f0f0);
    cursor: grab;
    user-select: none;
    touch-action: none;
}

.sgdes-popup-header:active[b-wbwdq0mwd4] {
    cursor: grabbing;
}

.sgdes-popup-title-row[b-wbwdq0mwd4] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.sgdes-popup-icon[b-wbwdq0mwd4] {
    font-size: 20px;
    color: var(--color-sf-primary, #0078d4);
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--color-sf-primary, #0078d4) 10%, transparent);
    border-radius: 10px;
}

.sgdes-popup-title-text[b-wbwdq0mwd4] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.sgdes-popup-title[b-wbwdq0mwd4] {
    font-weight: 700;
    font-size: 0.84rem;
    color: var(--color-sf-content-text-color, #1e293b);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgdes-popup-subtitle[b-wbwdq0mwd4] {
    font-size: 0.65rem;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
}

.sgdes-popup-close[b-wbwdq0mwd4] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    font-size: 16px;
    line-height: 1;
    transition: background 0.15s;
    flex-shrink: 0;
}

.sgdes-popup-close:hover[b-wbwdq0mwd4] {
    background: var(--color-sf-content-bg-color-alt1, #f1f5f9);
    color: var(--color-sf-content-text-color, #1e293b);
}

.sgdes-popup-body[b-wbwdq0mwd4] {
    padding: 10px 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sgdes-popup-section[b-wbwdq0mwd4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sgdes-popup-section-label[b-wbwdq0mwd4] {
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-sf-primary, #0078d4);
}

.sgdes-popup-grid4[b-wbwdq0mwd4] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 6px;
}

.sgdes-popup-checks[b-wbwdq0mwd4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 12px;
    padding: 8px 0 4px;
    border-top: 1px solid var(--color-sf-border-light, #f0f0f0);
}

.sgdes-popup-footer[b-wbwdq0mwd4] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 16px 14px;
    border-top: 1px solid var(--color-sf-border-light, #f0f0f0);
}

/* ── Popup scrollbar ── */
.sgdes-popup[b-wbwdq0mwd4]::-webkit-scrollbar { width: 6px; }
.sgdes-popup[b-wbwdq0mwd4]::-webkit-scrollbar-track { background: transparent; }
.sgdes-popup[b-wbwdq0mwd4]::-webkit-scrollbar-thumb { background: rgba(100,116,139,.2); border-radius: 3px; }

/* Dark mode: regras movidas para wwwroot/app.css (scoped CSS não alcança body.e-dark-mode) */

/* ══════════ Botão editar no Designer (ícone lápis) ══════════ */
.sgdes-field[b-wbwdq0mwd4] {
    cursor: grab;
}
.sgdes-field:active[b-wbwdq0mwd4] {
    cursor: grabbing;
}
.sgdes-field-top[b-wbwdq0mwd4] {
    position: relative;
}
.sgdes-field-edit[b-wbwdq0mwd4] {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    padding: 0;
    margin-left: auto;
    opacity: 0;
    transition: all 0.15s;
}
.sgdes-field:hover .sgdes-field-edit[b-wbwdq0mwd4] {
    opacity: 1;
}
.sgdes-field-edit:hover[b-wbwdq0mwd4] {
    background: var(--color-sf-primary-bg-color, rgba(0,120,212,0.08));
    border-color: var(--color-sf-border-color, #e2e8f0);
    color: var(--color-sf-primary, #0078d4);
}
.sgdes-field-edit span[b-wbwdq0mwd4] {
    font-size: 13px;
}
.sgdes-field-edit span[b-wbwdq0mwd4]::before {
    color: inherit !important;
}

/* Dark mode */
:global(.e-dark-mode) .sgdes-field-edit:hover[b-wbwdq0mwd4] {
    background: rgba(96, 165, 250, 0.15);
    border-color: #334155;
    color: #60a5fa;
}
/* /Components/Framework/Graficos.razor.rz.scp.css */
/* ============================================================
   Graficos.razor.css — Layout wrapper
   Prefixo: sggraf-
   ============================================================ */

.sggraf-page-wrap[b-3otdz3oxx5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}
/* /Components/Framework/Icones.razor.rz.scp.css */
/* ============================================================
   Icones.razor.css — Layout wrapper
   Prefixo: sgico-
   ============================================================ */

.sgico-page-wrap[b-7kybeu9eyr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}
/* /Components/Framework/Kanbans.razor.rz.scp.css */
/* ============================================================
   Kanbans.razor.css — Layout wrapper + grid
   Prefixo: sgkb-
   ============================================================ */

.sgkb-page-wrap[b-te9d6dniox] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.sgkb-grid-wrap[b-te9d6dniox] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Grid interno de itens (dentro do dialog) ────────────── */
.sgkb-itens-section[b-te9d6dniox] {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--color-sf-border-light);
}

.sgkb-itens-title[b-te9d6dniox] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 10px;
}

.sgkb-itens-grid-wrap[b-te9d6dniox] {
    height: 240px;
    overflow: hidden;
}
/* /Components/Framework/KPIs.razor.rz.scp.css */
/* ============================================================
   KPIs.razor.css — Layout wrapper
   Prefixo: sgkpi-
   ============================================================ */

.sgkpi-page-wrap[b-29q1cm3zjq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}
/* /Components/Framework/Menus.razor.rz.scp.css */
/* ============================================================
   Menus.razor.css
   Layout wrapper + grid
   Prefixo: sgmenu-
   ============================================================ */

.sgmenu-page-wrap[b-g0ihgwjxoc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.sgmenu-grid-wrap[b-g0ihgwjxoc] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Formulário de edição (global — dialog teleporta para body) ── */
:global(.sgmenu-edit-form)[b-g0ihgwjxoc] {
    display: flex; flex-direction: column; gap: 16px; padding: 8px 0;
}
:global(.sgmenu-edit-section)[b-g0ihgwjxoc] {
    display: flex; flex-direction: column; gap: 8px;
    padding: 12px 14px; border-radius: 8px;
    background: var(--color-sf-content-bg-color-alt1, #f9fafb);
    border: 1px solid var(--color-sf-content-border-color-alt1, #f3f4f6);
}
:global(.sgmenu-edit-section-title)[b-g0ihgwjxoc] {
    font-size: 0.68rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.04em; color: var(--color-sf-content-text-color-alt2, #9ca3af);
    margin-bottom: 2px;
}
:global(.e-dark-mode .sgmenu-edit-section)[b-g0ihgwjxoc] {
    background: rgba(255,255,255,0.02) !important;
    border-color: rgba(255,255,255,0.04) !important;
}

/* ============================================================
   TIPO_ITEM badge — Sprint Q2/2026 Item 1
   ============================================================ */
.sgmenu-tipo-badge[b-g0ihgwjxoc] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: lowercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
}
.sgmenu-tipo-badge span[class*='icon-'][b-g0ihgwjxoc] { font-size: 12px; }


/* ============================================================
   Bulk actions bar + diálogos — Sprint Q2/2026 Item 1
   ============================================================ */

.sgmenu-bulk-bar[b-g0ihgwjxoc] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    margin: 12px 16px 0;
    background: linear-gradient(135deg, rgba(37,99,235,0.10), rgba(37,99,235,0.04));
    border: 1px solid rgba(37,99,235,0.25);
    border-radius: 10px;
    flex-wrap: wrap;
}
body.e-dark-mode .sgmenu-bulk-bar[b-g0ihgwjxoc] {
    background: linear-gradient(135deg, rgba(37,99,235,0.18), rgba(37,99,235,0.08));
    border-color: rgba(37,99,235,0.40);
}

.sgmenu-bulk-count[b-g0ihgwjxoc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1e3a8a;
    font-size: 0.9rem;
}
.sgmenu-bulk-count strong[b-g0ihgwjxoc] { font-size: 1.1rem; }
.sgmenu-bulk-count span[class*='icon-'][b-g0ihgwjxoc] { font-size: 18px; color: #2563eb !important; }
.sgmenu-bulk-count span[class*='icon-'][b-g0ihgwjxoc]::before { color: #2563eb !important; }
body.e-dark-mode .sgmenu-bulk-count[b-g0ihgwjxoc] { color: #93c5fd; }

.sgmenu-bulk-actions[b-g0ihgwjxoc] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-left: auto;
}

.sgmenu-bulk-btn[b-g0ihgwjxoc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    background: #fff;
    color: #1e3a8a;
    border: 1px solid rgba(37,99,235,0.30);
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 600;
    transition: all 0.15s;
}
.sgmenu-bulk-btn:hover[b-g0ihgwjxoc] { background: rgba(37,99,235,0.08); border-color: rgba(37,99,235,0.50); }
.sgmenu-bulk-btn span[class*='icon-'][b-g0ihgwjxoc] { font-size: 14px; color: #2563eb !important; }
.sgmenu-bulk-btn span[class*='icon-'][b-g0ihgwjxoc]::before { color: #2563eb !important; }

.sgmenu-bulk-btn--danger[b-g0ihgwjxoc] {
    color: #b91c1c;
    border-color: rgba(239,68,68,0.35);
}
.sgmenu-bulk-btn--danger:hover[b-g0ihgwjxoc] { background: rgba(239,68,68,0.08); border-color: rgba(239,68,68,0.55); }
.sgmenu-bulk-btn--danger span[class*='icon-'][b-g0ihgwjxoc],
.sgmenu-bulk-btn--danger span[class*='icon-'][b-g0ihgwjxoc]::before { color: #ef4444 !important; }

.sgmenu-bulk-btn--ghost[b-g0ihgwjxoc] {
    background: transparent;
    border-color: rgba(100,116,139,0.30);
    color: #475569;
}
.sgmenu-bulk-btn--ghost:hover[b-g0ihgwjxoc] { background: rgba(0,0,0,0.03); }

body.e-dark-mode .sgmenu-bulk-btn[b-g0ihgwjxoc] {
    background: #1e2128;
    color: #93c5fd;
    border-color: rgba(37,99,235,0.40);
}
body.e-dark-mode .sgmenu-bulk-btn--ghost[b-g0ihgwjxoc] { color: #c7cbd4; border-color: rgba(255,255,255,0.14); }

/* ── Diálogos ── */
.sgmenu-bulk-dialog .e-dlg-header-content[b-g0ihgwjxoc] { padding: 14px 18px; }

.sgmenu-bulk-dlg-head[b-g0ihgwjxoc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
}
.sgmenu-bulk-dlg-head span[class*='icon-'][b-g0ihgwjxoc] { font-size: 18px; color: #2563eb !important; }
.sgmenu-bulk-dlg-head span[class*='icon-'][b-g0ihgwjxoc]::before { color: #2563eb !important; }
.sgmenu-bulk-dlg-head--danger span[class*='icon-'][b-g0ihgwjxoc],
.sgmenu-bulk-dlg-head--danger span[class*='icon-'][b-g0ihgwjxoc]::before { color: #ef4444 !important; }

.sgmenu-bulk-dlg-body[b-g0ihgwjxoc] { padding: 4px 0; font-size: 0.88rem; }
.sgmenu-bulk-dlg-body p[b-g0ihgwjxoc] { margin: 0 0 14px; color: #475569; line-height: 1.5; }
body.e-dark-mode .sgmenu-bulk-dlg-body p[b-g0ihgwjxoc] { color: #c7cbd4; }

.sgmenu-bulk-dlg-list[b-g0ihgwjxoc] {
    margin-top: 14px;
    max-height: 220px;
    overflow-y: auto;
    padding: 8px 10px;
    background: rgba(0,0,0,0.02);
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 6px;
}
body.e-dark-mode .sgmenu-bulk-dlg-list[b-g0ihgwjxoc] {
    background: rgba(255,255,255,0.02);
    border-color: rgba(255,255,255,0.08);
}

.sgmenu-bulk-dlg-item[b-g0ihgwjxoc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
    font-size: 0.82rem;
}
.sgmenu-bulk-dlg-pk[b-g0ihgwjxoc] {
    display: inline-block;
    min-width: 44px;
    padding: 1px 7px;
    background: rgba(100,116,139,0.15);
    color: #475569;
    border-radius: 10px;
    font-family: "JetBrains Mono", "Consolas", monospace;
    font-size: 0.72rem;
    text-align: center;
}
body.e-dark-mode .sgmenu-bulk-dlg-pk[b-g0ihgwjxoc] { background: rgba(255,255,255,0.08); color: #c7cbd4; }

/* ── Botões do footer dos diálogos (SfButton com CssClass custom) ── */
.sgmenu-bulk-btn-ghost[b-g0ihgwjxoc] { background: transparent !important; color: #475569 !important; border: 1px solid rgba(0,0,0,0.12) !important; }
.sgmenu-bulk-btn-primary[b-g0ihgwjxoc] { background: linear-gradient(135deg,#2563eb,#1d4ed8) !important; color: #fff !important; border: none !important; }
.sgmenu-bulk-btn-danger[b-g0ihgwjxoc]  { background: linear-gradient(135deg,#ef4444,#b91c1c) !important; color: #fff !important; border: none !important; }
/* /Components/Framework/Processamentos.razor.rz.scp.css */
/* ============================================================
   Processamentos.razor.css
   Layout wrapper + grid + dialog de edição
   Prefixo: sgproc- (page) | sg-assoc- (dialog)
   ============================================================ */

/* ── Wrapper de página — flex column que preenche dl-content ── */
.sgproc-page-wrap[b-lzrq8927rt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

/* ── Grid wrapper — preenche o espaço restante ────────────── */
.sgproc-grid-wrap[b-lzrq8927rt] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ============================================================
   sg-assoc — Seção de formulários associados ao processamento
   ============================================================ */

.sg-assoc-section[b-lzrq8927rt] {
    margin-top: 20px;
    border-top: 1px solid var(--color-sf-border-light);
    padding-top: 16px;
}

.sg-assoc-header[b-lzrq8927rt] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.sg-assoc-header-icon[b-lzrq8927rt] {
    font-size: 1rem;
    color: var(--color-sf-icon-color);
}

.sg-assoc-header-text[b-lzrq8927rt] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
}

.sg-assoc-badge[b-lzrq8927rt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 0.72rem;
    font-weight: 600;
    background-color: var(--color-sf-primary);
    color: var(--color-sf-primary-text-color);
    line-height: 1;
}

.sg-assoc-chips[b-lzrq8927rt] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 36px;
    margin-bottom: 12px;
}

.sg-assoc-empty[b-lzrq8927rt] {
    font-size: 0.85rem;
    color: var(--color-sf-content-text-color-alt1);
    font-style: italic;
    align-self: center;
}

.sg-assoc-chip[b-lzrq8927rt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: var(--color-sf-content-bg-color-alt2, rgba(0, 120, 212, 0.08));
    border: 1px solid var(--color-sf-primary-border-color, rgba(0, 120, 212, 0.25));
    border-radius: 16px;
    padding: 4px 10px 4px 8px;
    max-width: 280px;
    transition: background-color 0.15s ease;
}

.sg-assoc-chip:hover[b-lzrq8927rt] {
    background-color: var(--color-sf-content-bg-color-alt3, rgba(0, 120, 212, 0.14));
}

.sg-assoc-chip-icon[b-lzrq8927rt] {
    font-size: 0.8rem;
    color: var(--color-sf-primary);
    flex-shrink: 0;
}

.sg-assoc-chip-label[b-lzrq8927rt] {
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 210px;
}

.sg-assoc-chip-remove[b-lzrq8927rt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
    color: var(--color-sf-icon-color);
    flex-shrink: 0;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.sg-assoc-chip-remove:hover[b-lzrq8927rt] {
    background-color: var(--color-sf-danger);
    color: var(--color-sf-danger-text, #fff);
}

.sg-assoc-chip-remove .e-icons[b-lzrq8927rt] {
    font-size: 0.65rem;
    line-height: 1;
}

.sg-assoc-add[b-lzrq8927rt] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-top: 4px;
}

.sg-assoc-add .e-combobox[b-lzrq8927rt],
.sg-assoc-add .e-input-group[b-lzrq8927rt] {
    flex: 1;
    min-width: 0;
}

.sg-assoc-hint[b-lzrq8927rt] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color-alt1);
    margin: 4px 0 0 0;
}

.sg-assoc-hint .e-icons[b-lzrq8927rt] {
    color: var(--color-sf-primary);
    font-size: 0.9rem;
}

.e-dark-mode .sg-assoc-chip[b-lzrq8927rt] {
    background-color: rgba(0, 120, 212, 0.12);
    border-color: rgba(0, 120, 212, 0.3);
}

.e-dark-mode .sg-assoc-chip:hover[b-lzrq8927rt] {
    background-color: rgba(0, 120, 212, 0.2);
}
/* /Components/Framework/Queryes.razor.rz.scp.css */
/* ============================================================
   Queryes.razor.css
   Layout wrapper + grid
   Prefixo: sgqry-
   ============================================================ */

.sgqry-page-wrap[b-pyf3ce6d82] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.sgqry-grid-wrap[b-pyf3ce6d82] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}
/* /Components/Framework/Reports.razor.rz.scp.css */
/* ══════════ Reports — Prefixo: sgrpt- ══════════ */

.sgrpt-page[b-6nb3r1ptm1] { display: flex; flex-direction: column; height: 100%; overflow: hidden; }

/* ── Error banner ── */
.sgrpt-error-banner[b-6nb3r1ptm1] {
    display: flex; align-items: flex-start; gap: 10px;
    margin: 8px 16px; padding: 12px 14px; border-radius: 8px;
    background: #fef2f2; border: 1px solid #fecaca;
    animation: sgrpt-banner-in-b-6nb3r1ptm1 0.25s ease-out;
}
@keyframes sgrpt-banner-in-b-6nb3r1ptm1 { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.sgrpt-error-banner-icon[b-6nb3r1ptm1] { color: #dc2626; font-size: 18px; flex-shrink: 0; margin-top: 1px; }
.sgrpt-error-banner-body[b-6nb3r1ptm1] { display: flex; flex-direction: column; gap: 2px; flex: 1; }
.sgrpt-error-banner-title[b-6nb3r1ptm1] { font-size: 0.78rem; font-weight: 700; color: #991b1b; }
.sgrpt-error-banner-msg[b-6nb3r1ptm1] { font-size: 0.74rem; color: #b91c1c; line-height: 1.4; word-break: break-word; }
.sgrpt-error-banner-sql[b-6nb3r1ptm1] {
    display: block;
    margin-top: 6px;
    padding: 6px 10px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 5px;
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    font-size: 0.72rem;
    color: #991b1b;
    word-break: break-all;
}
.sgrpt-error-banner-close[b-6nb3r1ptm1] {
    background: none; border: none; cursor: pointer; color: #dc2626; opacity: 0.5;
    padding: 2px; border-radius: 4px; transition: opacity 0.15s;
}
.sgrpt-error-banner-close:hover[b-6nb3r1ptm1] { opacity: 1; }
.sgrpt-toolbar[b-6nb3r1ptm1] {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
}
.sgrpt-import-btn[b-6nb3r1ptm1] {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 0.78rem; font-weight: 600; padding: 6px 14px; border-radius: 6px;
    background: rgba(8,145,178,0.08); color: #0891b2;
    border: 1px solid rgba(8,145,178,0.20);
    cursor: pointer; transition: all 0.15s;
}
.sgrpt-import-btn:hover[b-6nb3r1ptm1] { background: rgba(8,145,178,0.15); }
.sgrpt-import-btn span[b-6nb3r1ptm1]::before { color: #0891b2 !important; }
.sgrpt-input-file[b-6nb3r1ptm1] { display: none; }
.sgrpt-grid-wrap[b-6nb3r1ptm1] { flex: 1; overflow: auto; padding: 0 16px 16px; }

/* Import form */
.sgrpt-import-form[b-6nb3r1ptm1] { display: flex; flex-direction: column; gap: 14px; padding: 8px 0; }
.sgrpt-import-tipo[b-6nb3r1ptm1] { display: flex; align-items: center; gap: 16px; font-size: 0.78rem; }
.sgrpt-import-tipo label[b-6nb3r1ptm1] { font-weight: 600; color: var(--color-sf-content-text-color-alt2, #6b7280); }

.sgrpt-import-hint[b-6nb3r1ptm1] {
    display: flex;
    gap: 6px;
    align-items: flex-start;
    font-size: 11px;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    background: rgba(15, 23, 42, 0.04);
    border: 1px dashed var(--color-sf-card-border-color, #cbd5e1);
    border-radius: 6px;
    padding: 6px 10px;
    margin-top: -8px;
    line-height: 1.4;
}
.sgrpt-import-hint .icon-ic_fluent_info_16_regular[b-6nb3r1ptm1] {
    flex: 0 0 auto;
    color: #2563eb;
    margin-top: 1px;
}
.sgrpt-import-hint code[b-6nb3r1ptm1] {
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    background: rgba(124,58,237,0.10);
    color: #6d28d9;
    padding: 0 4px;
    border-radius: 3px;
    word-break: break-all;
}
.sgrpt-import-file-info[b-6nb3r1ptm1] {
    display: flex; align-items: center; gap: 6px;
    font-size: 0.72rem; color: var(--color-sf-content-text-color-alt2, #6b7280);
    padding: 8px 10px; border-radius: 6px;
    background: var(--color-sf-content-bg-color-alt1, #f9fafb);
    border: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
}
.sgrpt-import-file-info span[b-6nb3r1ptm1]::before { color: #0891b2 !important; }

/* Actions */
.sgrpt-actions[b-6nb3r1ptm1] { display: flex; gap: 6px; justify-content: center; }
.sgrpt-btn[b-6nb3r1ptm1] {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 0.68rem; font-weight: 600; padding: 3px 8px; border-radius: 4px;
    border: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
    background: none; color: var(--color-sf-content-text-color-alt1, #4b5563);
    cursor: pointer; transition: all 0.15s;
}
.sgrpt-btn:hover[b-6nb3r1ptm1] { background: rgba(0,0,0,0.03); }
.sgrpt-btn--edit[b-6nb3r1ptm1] { color: #6366f1; }
.sgrpt-btn--edit span[b-6nb3r1ptm1]::before { color: #6366f1 !important; }
.sgrpt-btn--edit:hover[b-6nb3r1ptm1] { background: rgba(99,102,241,0.06); border-color: rgba(99,102,241,0.30); }
.sgrpt-btn--design[b-6nb3r1ptm1] { color: #a855f7; }
.sgrpt-btn--design span[b-6nb3r1ptm1]::before { color: #a855f7 !important; }
.sgrpt-btn--design:hover[b-6nb3r1ptm1] { background: rgba(168,85,247,0.06); border-color: rgba(168,85,247,0.30); }
.sgrpt-btn--test[b-6nb3r1ptm1] { color: #0891b2; }
.sgrpt-btn--test span[b-6nb3r1ptm1]::before { color: #0891b2 !important; }
.sgrpt-btn--test:hover[b-6nb3r1ptm1] { background: rgba(8,145,178,0.06); border-color: rgba(8,145,178,0.30); }
.sgrpt-btn--del[b-6nb3r1ptm1] { color: #dc2626; }
.sgrpt-btn--del span[b-6nb3r1ptm1]::before { color: #dc2626 !important; }
.sgrpt-btn--del:hover[b-6nb3r1ptm1] { background: rgba(239,68,68,0.06); border-color: rgba(239,68,68,0.30); }

/* ══════════ Spinner Overlay ══════════ */
.sgrpt-overlay[b-6nb3r1ptm1] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: sgrpt-overlay-in-b-6nb3r1ptm1 0.25s ease-out;
}

@keyframes sgrpt-overlay-in-b-6nb3r1ptm1 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.sgrpt-spinner-card[b-6nb3r1ptm1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 36px 48px;
    background: var(--color-sf-content-bg-color, #fff);
    border: 1px solid var(--color-sf-border-light, #e5e7eb);
    border-radius: 16px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25), 0 4px 16px rgba(0, 0, 0, 0.10);
    min-width: 320px;
    animation: sgrpt-card-in-b-6nb3r1ptm1 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes sgrpt-card-in-b-6nb3r1ptm1 {
    from { opacity: 0; transform: scale(0.92) translateY(12px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}

/* ── Visual animado (3D atômico) ──
   3 anéis orbitam em eixos X/Y/Z criando ilusão de profundidade.
   Keyframes definidos globalmente em wwwroot/app.css (sg-spin-3d-*). */
.sgrpt-spinner-visual[b-6nb3r1ptm1] {
    position: relative;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 200px;
    transform-style: preserve-3d;
}

.sgrpt-spinner-ring[b-6nb3r1ptm1] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2.5px solid transparent;
    border-top-color: #0891b2;
    border-bottom-color: color-mix(in srgb, #0891b2 30%, transparent);
    animation: sg-spin-3d-x 1.6s linear infinite;
}

.sgrpt-spinner-ring--2[b-6nb3r1ptm1] {
    inset: 8px;
    border-top-color: transparent;
    border-left-color: #06b6d4;
    border-right-color: color-mix(in srgb, #06b6d4 30%, transparent);
    animation: sg-spin-3d-y 1.9s linear infinite;
}

.sgrpt-spinner-ring--3[b-6nb3r1ptm1] {
    inset: 16px;
    border-top-color: #22d3ee;
    border-left-color: color-mix(in srgb, #22d3ee 40%, transparent);
    animation: sg-spin-3d-z-inline 2.4s linear infinite;
}

.sgrpt-spinner-icon[b-6nb3r1ptm1] {
    font-size: 22px;
    color: #0891b2;
    position: relative;
    z-index: 1;
}
.sgrpt-spinner-icon[b-6nb3r1ptm1]::before { color: #0891b2 !important; }

/* ── Info ── */
.sgrpt-spinner-info[b-6nb3r1ptm1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.sgrpt-spinner-title[b-6nb3r1ptm1] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    letter-spacing: 0.01em;
}

.sgrpt-spinner-subtitle[b-6nb3r1ptm1] {
    font-size: 0.76rem;
    color: var(--color-sf-content-text-color-alt1);
    font-weight: 500;
}

/* ── Steps ── */
.sgrpt-spinner-steps[b-6nb3r1ptm1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 0 4px;
}

.sgrpt-spinner-step[b-6nb3r1ptm1] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.76rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt1);
    opacity: 0.4;
    transition: all 0.3s ease;
    padding: 5px 10px;
    border-radius: 6px;
}

.sgrpt-spinner-step--active[b-6nb3r1ptm1] {
    opacity: 1;
    color: #0891b2;
    background: rgba(8, 145, 178, 0.06);
}

.sgrpt-spinner-step-icon[b-6nb3r1ptm1] {
    font-size: 14px;
    width: 18px;
    text-align: center;
    flex-shrink: 0;
}

.sgrpt-spinner-step--active .sgrpt-spinner-step-icon[b-6nb3r1ptm1] { color: #0891b2; }
.sgrpt-spinner-step--active .sgrpt-spinner-step-icon[b-6nb3r1ptm1]::before { color: #0891b2 !important; }

.sgrpt-spinner-step--active .e-check[b-6nb3r1ptm1] { color: #16a34a; }

/* ── Barra de progresso ── */
.sgrpt-spinner-bar-track[b-6nb3r1ptm1] {
    width: 100%;
    height: 3px;
    background: var(--color-sf-border-light, #e5e7eb);
    border-radius: 2px;
    overflow: hidden;
}

.sgrpt-spinner-bar-fill[b-6nb3r1ptm1] {
    height: 100%;
    background: linear-gradient(90deg, #0891b2 0%, #22d3ee 100%);
    border-radius: 2px;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px rgba(8, 145, 178, 0.50);
}
/* /Components/Framework/Sistemas.razor.rz.scp.css */
/* ============================================================
   Sistemas.razor.css
   Layout wrapper + grid
   Prefixo: sgsist-
   ============================================================ */

.sgsist-page-wrap[b-nnsz4589ey] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.sgsist-grid-wrap[b-nnsz4589ey] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}
/* /Components/Layout/FormErrorBoundary.razor.rz.scp.css */
/* ============================================================
   sg-err — Error Boundary Panel
   Fiori Horizon / Fluent 2 design language
   ============================================================ */

.sg-err-overlay[b-hpdzrqch2y] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    min-height: 60vh;
}

.sg-err-card[b-hpdzrqch2y] {
    background-color: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-top: 4px solid var(--color-sf-danger, #d92b3a);
    border-radius: 12px;
    padding: 40px 48px;
    max-width: 680px;
    width: 100%;
    text-align: center;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.10);
}

/* Ícone */
.sg-err-icon-wrap[b-hpdzrqch2y] {
    margin-bottom: 20px;
}

.sg-err-icon[b-hpdzrqch2y] {
    font-size: 3rem;
    color: var(--color-sf-danger, #d92b3a);
    line-height: 1;
}

/* Título */
.sg-err-title[b-hpdzrqch2y] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    margin-bottom: 4px;
}

/* Tipo da exceção */
.sg-err-type[b-hpdzrqch2y] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-sf-danger, #d92b3a);
    background-color: rgba(217, 43, 58, 0.08);
    border-radius: 4px;
    padding: 2px 10px;
    margin-bottom: 16px;
}

/* Mensagem */
.sg-err-message[b-hpdzrqch2y] {
    font-size: 0.95rem;
    color: var(--color-sf-content-text-color-alt1, #555);
    margin-bottom: 20px;
    word-break: break-word;
    text-align: left;
    background-color: var(--color-sf-content-bg-color, rgba(0,0,0,0.03));
    border-radius: 6px;
    padding: 12px 16px;
    border-left: 3px solid var(--color-sf-danger, #d92b3a);
}

/* Stack trace colapsável */
.sg-err-stack-wrap[b-hpdzrqch2y] {
    text-align: left;
    margin-bottom: 24px;
    animation: sg-err-expand-b-hpdzrqch2y 0.2s ease;
}

@keyframes sg-err-expand-b-hpdzrqch2y {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.sg-err-stack[b-hpdzrqch2y] {
    background-color: var(--color-sf-content-bg-color, #f5f5f5);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 0.75rem;
    line-height: 1.6;
    max-height: 240px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0 0 8px 0;
    color: var(--color-sf-content-text-color);
}

.sg-err-inner-label[b-hpdzrqch2y] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-sf-icon-color);
    margin: 8px 0 4px 0;
}

/* Botões */
.sg-err-actions[b-hpdzrqch2y] {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 8px;
}

.sg-err-btn-icon[b-hpdzrqch2y] {
    font-size: 14px;
    margin-right: 5px;
    vertical-align: middle;
}

/* Dark mode */
.e-dark-mode .sg-err-type[b-hpdzrqch2y] {
    background-color: rgba(239, 83, 80, 0.15);
}

.e-dark-mode .sg-err-message[b-hpdzrqch2y] {
    background-color: rgba(255, 255, 255, 0.04);
}
/* /Components/Layout/FormLayout.razor.rz.scp.css */
.page[b-q9kmtln70x] {
    position: relative;
    display: flex;
    flex-direction: column;
}
.e-icons[b-q9kmtln70x] {
    color: #0074E2;
}
main[b-q9kmtln70x] {
    flex: 1;
}

.sidebar[b-q9kmtln70x] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-q9kmtln70x] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-q9kmtln70x]  a, .top-row[b-q9kmtln70x]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-q9kmtln70x]  a:hover, .top-row[b-q9kmtln70x]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-q9kmtln70x]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-q9kmtln70x] {
        justify-content: space-between;
    }

        .top-row[b-q9kmtln70x]  a, .top-row[b-q9kmtln70x]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-q9kmtln70x] {
        flex-direction: row;
    }

    .sidebar[b-q9kmtln70x] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-q9kmtln70x] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-q9kmtln70x]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-q9kmtln70x], article[b-q9kmtln70x] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-q9kmtln70x] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-q9kmtln70x] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/FullscreenLayout.razor.rz.scp.css */
.sg-fullscreen-layout[b-pbjraw38wq] {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-wsdpk4fwke] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-wsdpk4fwke] {
    flex: 1;
}

.sidebar[b-wsdpk4fwke] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-wsdpk4fwke] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-wsdpk4fwke]  a, .top-row[b-wsdpk4fwke]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-wsdpk4fwke]  a:hover, .top-row[b-wsdpk4fwke]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-wsdpk4fwke]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-wsdpk4fwke] {
        justify-content: space-between;
    }

    .top-row[b-wsdpk4fwke]  a, .top-row[b-wsdpk4fwke]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-wsdpk4fwke] {
        flex-direction: row;
    }

    .sidebar[b-wsdpk4fwke] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-wsdpk4fwke] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-wsdpk4fwke]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-wsdpk4fwke], article[b-wsdpk4fwke] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-wsdpk4fwke] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-wsdpk4fwke] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-83f0bgqpn4] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-83f0bgqpn4] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-83f0bgqpn4] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-83f0bgqpn4] {
    font-size: 1.1rem;
}

.bi[b-83f0bgqpn4] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-83f0bgqpn4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-83f0bgqpn4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-83f0bgqpn4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-83f0bgqpn4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-83f0bgqpn4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-83f0bgqpn4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-83f0bgqpn4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-83f0bgqpn4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-83f0bgqpn4] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-83f0bgqpn4] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-83f0bgqpn4] {
        padding-bottom: 1rem;
    }

    .nav-item[b-83f0bgqpn4]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-83f0bgqpn4]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-83f0bgqpn4]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-83f0bgqpn4] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-83f0bgqpn4] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-83f0bgqpn4] {
        display: none;
    }

    .nav-scrollable[b-83f0bgqpn4] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.e-dialog .e-dlg-header[b-83f0bgqpn4]{
    font-size:16px!important;
}
/* /Components/Layout/Popovers/AgendaDialog.razor.rz.scp.css */
/* ============================================================
   AgendaDialog — Prefixo sg-agd-
   ============================================================ */

/* Estilos do conteúdo interno (SfDialog teleporta para body — padrão
   global de CSS em app.css vale para o chrome do diálogo) */

.sg-agd-head[b-eyrdc8nqmo] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.sg-agd-head-icon[b-eyrdc8nqmo] {
    font-size: 22px;
    color: #2563eb !important;
}
.sg-agd-head-icon[b-eyrdc8nqmo]::before { color: #2563eb !important; }

.sg-agd-head-text[b-eyrdc8nqmo] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.sg-agd-head-title[b-eyrdc8nqmo] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
}

.sg-agd-head-sub[b-eyrdc8nqmo] {
    font-size: 0.68rem;
    color: #64748b;
    margin-top: 2px;
}

.sg-agd-refresh[b-eyrdc8nqmo] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background: transparent;
    border: 1px solid rgba(0,0,0,0.10);
    cursor: pointer;
    flex-shrink: 0;
}
.sg-agd-refresh:hover[b-eyrdc8nqmo] { background: rgba(37,99,235,0.08); }
.sg-agd-refresh:disabled[b-eyrdc8nqmo] { opacity: 0.5; cursor: not-allowed; }
.sg-agd-refresh span[class*="icon-"][b-eyrdc8nqmo] { font-size: 14px; color: #475569 !important; }
.sg-agd-refresh span[class*="icon-"][b-eyrdc8nqmo]::before { color: #475569 !important; }

.sg-agd-body[b-eyrdc8nqmo] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.sg-agd-loading[b-eyrdc8nqmo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #64748b;
    font-size: 0.85rem;
}

.sg-agd-spin[b-eyrdc8nqmo] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(0,0,0,0.10);
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: sg-agd-spin-b-eyrdc8nqmo 0.75s linear infinite;
}
.sg-agd-spin--lg[b-eyrdc8nqmo] { width: 28px; height: 28px; border-width: 3px; }

@keyframes sg-agd-spin-b-eyrdc8nqmo { to { transform: rotate(360deg); } }

/* dark */
body.e-dark-mode .sg-agd-head-title[b-eyrdc8nqmo] { color: #e8e8e8; }
body.e-dark-mode .sg-agd-head-sub[b-eyrdc8nqmo]   { color: #8b8fa3; }
body.e-dark-mode .sg-agd-refresh[b-eyrdc8nqmo]    { border-color: rgba(255,255,255,0.10); }
body.e-dark-mode .sg-agd-refresh:hover[b-eyrdc8nqmo] { background: rgba(123,163,201,0.12); }
body.e-dark-mode .sg-agd-refresh span[class*="icon-"][b-eyrdc8nqmo],
body.e-dark-mode .sg-agd-refresh span[class*="icon-"][b-eyrdc8nqmo]::before { color: #c7cbd4 !important; }
body.e-dark-mode .sg-agd-spin[b-eyrdc8nqmo] { border-color: rgba(255,255,255,0.18); border-top-color: #7BA3C9; }
body.e-dark-mode .sg-agd-loading[b-eyrdc8nqmo] { color: #8b8fa3; }
/* /Components/Layout/Popovers/AlertaDetailDialog.razor.rz.scp.css */
/* ============================================================
   AlertaDetailDialog — Prefixo sg-alrt-detail-
   ============================================================ */

[b-9nagk5b7dk] .sg-alrt-detail-dlg .e-dlg-header-content {
    border-bottom: 1px solid rgba(0,0,0,0.06);
    padding: 12px 18px;
}

[b-9nagk5b7dk] .sg-alrt-detail-dlg .e-dlg-content {
    padding: 0;
    background: #fafbfc;
}

/* header */
[b-9nagk5b7dk] .sg-alrt-detail-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 2px 0;
    border-left: 4px solid #2563eb;
    padding-left: 12px;
}

[b-9nagk5b7dk] .sg-alrt-detail-head--p1 { border-left-color: #f59e0b; }
[b-9nagk5b7dk] .sg-alrt-detail-head--p2 { border-left-color: #ef4444; }

[b-9nagk5b7dk] .sg-alrt-detail-head-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(37,99,235,0.10);
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-9nagk5b7dk] .sg-alrt-detail-head-icon span {
    font-size: 22px;
    color: #2563eb !important;
}
[b-9nagk5b7dk] .sg-alrt-detail-head-icon span::before { color: #2563eb !important; }

[b-9nagk5b7dk] .sg-alrt-detail-head--p1 .sg-alrt-detail-head-icon { background: rgba(245,158,11,0.14); }
[b-9nagk5b7dk] .sg-alrt-detail-head--p1 .sg-alrt-detail-head-icon span,
[b-9nagk5b7dk] .sg-alrt-detail-head--p1 .sg-alrt-detail-head-icon span::before { color: #f59e0b !important; }
[b-9nagk5b7dk] .sg-alrt-detail-head--p2 .sg-alrt-detail-head-icon { background: rgba(239,68,68,0.15); }
[b-9nagk5b7dk] .sg-alrt-detail-head--p2 .sg-alrt-detail-head-icon span,
[b-9nagk5b7dk] .sg-alrt-detail-head--p2 .sg-alrt-detail-head-icon span::before { color: #ef4444 !important; }

[b-9nagk5b7dk] .sg-alrt-detail-head-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

[b-9nagk5b7dk] .sg-alrt-detail-head-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
}

[b-9nagk5b7dk] .sg-alrt-detail-head-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0 4px;
    font-size: 0.72rem;
    color: #64748b;
}

[b-9nagk5b7dk] .sg-alrt-dot-sep { opacity: 0.6; }
[b-9nagk5b7dk] .sg-alrt-prazo { color: #e07a5f; font-weight: 600; }

/* body */
[b-9nagk5b7dk] .sg-alrt-detail-body {
    padding: 18px 22px;
    max-height: 100%;
    overflow-y: auto;
}

[b-9nagk5b7dk] .sg-alrt-detail-msg {
    font-family: inherit;
    font-size: 0.85rem;
    line-height: 1.55;
    color: #1e293b;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    background: transparent;
    border: none;
    padding: 0;
}

[b-9nagk5b7dk] .sg-alrt-detail-empty {
    color: #94a3b8;
    font-style: italic;
    font-size: 0.85rem;
    text-align: center;
    padding: 40px 16px;
}

/* footer */
[b-9nagk5b7dk] .sg-alrt-detail-dlg .e-footer-content {
    padding: 10px 18px;
    background: #f8fafc;
    border-top: 1px solid rgba(0,0,0,0.06);
}

[b-9nagk5b7dk] .sg-alrt-detail-footer {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    width: 100%;
}

[b-9nagk5b7dk] .sg-alrt-detail-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.12);
    background: #ffffff;
    color: #0f172a;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}
[b-9nagk5b7dk] .sg-alrt-detail-btn:hover { background: #f1f5f9; border-color: rgba(0,0,0,0.20); }

[b-9nagk5b7dk] .sg-alrt-detail-btn--primary {
    background: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}
[b-9nagk5b7dk] .sg-alrt-detail-btn--primary:hover { background: #1d4ed8; border-color: #1d4ed8; }
[b-9nagk5b7dk] .sg-alrt-detail-btn--primary span[class*="icon-"] { color: #ffffff !important; font-size: 14px; }
[b-9nagk5b7dk] .sg-alrt-detail-btn--primary span[class*="icon-"]::before { color: #ffffff !important; }

/* dark mode */
[b-9nagk5b7dk] body.e-dark-mode .sg-alrt-detail-dlg .e-dlg-content { background: #1a1d23; }
[b-9nagk5b7dk] body.e-dark-mode .sg-alrt-detail-head-title { color: #e8e8e8; }
[b-9nagk5b7dk] body.e-dark-mode .sg-alrt-detail-head-meta { color: #94a3b8; }
[b-9nagk5b7dk] body.e-dark-mode .sg-alrt-detail-msg { color: #d1d5db; }
[b-9nagk5b7dk] body.e-dark-mode .sg-alrt-detail-dlg .e-footer-content {
    background: #252830;
    border-top-color: rgba(255,255,255,0.08);
}
[b-9nagk5b7dk] body.e-dark-mode .sg-alrt-detail-btn {
    background: #2a2e36;
    border-color: rgba(255,255,255,0.12);
    color: #e8e8e8;
}
[b-9nagk5b7dk] body.e-dark-mode .sg-alrt-detail-btn:hover { background: #343942; }
/* /Components/Layout/Popovers/AlertasPopover.razor.rz.scp.css */
/* ============================================================
   AlertasPopover — Prefixo sg-alrt-
   ============================================================ */

.sg-alrt-pop[b-ahuebym0qp] {
    position: fixed;
    top: 56px;
    right: 220px;
    width: 380px;
    max-height: 520px;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.14);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /* Precisa ficar acima da .sg-estab-overlay (z-index 100010 em NavMenu) */
    z-index: 100011;
    animation: sg-alrt-in-b-ahuebym0qp .16s ease-out;
}

@keyframes sg-alrt-in-b-ahuebym0qp {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* header */
.sg-alrt-pop-head[b-ahuebym0qp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    background: #f8fafc;
}

.sg-alrt-pop-head-icon[b-ahuebym0qp] {
    color: #0369a1 !important;
    font-size: 18px;
}
.sg-alrt-pop-head-icon[b-ahuebym0qp]::before { color: #0369a1 !important; }

.sg-alrt-pop-head-title[b-ahuebym0qp] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #0f172a;
    flex: 1;
}

.sg-alrt-mark-all[b-ahuebym0qp] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: transparent;
    border: none;
    color: #2563eb;
    font-size: 0.7rem;
    font-weight: 500;
    cursor: pointer;
    padding: 3px 6px;
    border-radius: 4px;
}
.sg-alrt-mark-all:hover[b-ahuebym0qp] { background: rgba(37,99,235,0.08); }
.sg-alrt-mark-all span[class*="icon-"][b-ahuebym0qp] { font-size: 12px; }
.sg-alrt-mark-all span[class*="icon-"][b-ahuebym0qp]::before { color: #2563eb !important; }

/* lista */
.sg-alrt-pop-list[b-ahuebym0qp] {
    overflow-y: auto;
    flex: 1;
    padding: 6px 0;
}

.sg-alrt-empty[b-ahuebym0qp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px 16px;
    color: #64748b;
    font-size: 0.82rem;
}
.sg-alrt-empty span[class*="icon-"][b-ahuebym0qp] { font-size: 28px; color: #cbd5e1 !important; }
.sg-alrt-empty span[class*="icon-"][b-ahuebym0qp]::before { color: #cbd5e1 !important; }

/* item */
.sg-alrt-item[b-ahuebym0qp] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    text-align: left;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    cursor: pointer;
    transition: background 0.15s;
}
.sg-alrt-item:hover[b-ahuebym0qp] { background: rgba(0,0,0,0.03); }

.sg-alrt-item--unread[b-ahuebym0qp] {
    background: rgba(37,99,235,0.04);
    border-left-color: #2563eb;
}
.sg-alrt-item--unread:hover[b-ahuebym0qp] { background: rgba(37,99,235,0.07); }

.sg-alrt-item--p1[b-ahuebym0qp] { border-left-color: #f59e0b; }
.sg-alrt-item--p2[b-ahuebym0qp] { border-left-color: #ef4444; }

.sg-alrt-item-icon[b-ahuebym0qp] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(37,99,235,0.10);
    display: flex;
    align-items: center;
    justify-content: center;
}
.sg-alrt-item-icon span[b-ahuebym0qp] { font-size: 14px; color: #2563eb !important; }
.sg-alrt-item-icon span[b-ahuebym0qp]::before { color: #2563eb !important; }

.sg-alrt-item--p1 .sg-alrt-item-icon[b-ahuebym0qp] { background: rgba(245,158,11,0.14); }
.sg-alrt-item--p1 .sg-alrt-item-icon span[b-ahuebym0qp],
.sg-alrt-item--p1 .sg-alrt-item-icon span[b-ahuebym0qp]::before { color: #f59e0b !important; }
.sg-alrt-item--p2 .sg-alrt-item-icon[b-ahuebym0qp] { background: rgba(239,68,68,0.15); }
.sg-alrt-item--p2 .sg-alrt-item-icon span[b-ahuebym0qp],
.sg-alrt-item--p2 .sg-alrt-item-icon span[b-ahuebym0qp]::before { color: #ef4444 !important; }

.sg-alrt-item-info[b-ahuebym0qp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.sg-alrt-item-title[b-ahuebym0qp] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #0f172a;
    line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sg-alrt-item-msg[b-ahuebym0qp] {
    font-size: 0.72rem;
    color: #475569;
    line-height: 1.35;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sg-alrt-item-meta[b-ahuebym0qp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 4px;
    font-size: 0.66rem;
    color: #94a3b8;
    margin-top: 2px;
}
.sg-alrt-dot-sep[b-ahuebym0qp] { opacity: 0.6; }
.sg-alrt-prazo[b-ahuebym0qp] { color: #e07a5f; font-weight: 600; }

.sg-alrt-item-dot[b-ahuebym0qp] {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2563eb;
    margin-top: 6px;
}

/* dark mode */
body.e-dark-mode .sg-alrt-pop[b-ahuebym0qp] {
    background: #1e2128;
    border-color: rgba(255,255,255,0.08);
    box-shadow: 0 10px 30px rgba(0,0,0,0.45);
}
body.e-dark-mode .sg-alrt-pop-head[b-ahuebym0qp] {
    background: #252830;
    border-bottom-color: rgba(255,255,255,0.08);
}
body.e-dark-mode .sg-alrt-pop-head-title[b-ahuebym0qp] { color: #e8e8e8; }
body.e-dark-mode .sg-alrt-item-title[b-ahuebym0qp] { color: #e8e8e8; }
body.e-dark-mode .sg-alrt-item-msg[b-ahuebym0qp] { color: #c7cbd4; }
body.e-dark-mode .sg-alrt-item-meta[b-ahuebym0qp] { color: #6b7280; }
body.e-dark-mode .sg-alrt-item:hover[b-ahuebym0qp] { background: rgba(255,255,255,0.04); }
body.e-dark-mode .sg-alrt-item--unread[b-ahuebym0qp] { background: rgba(123,163,201,0.08); }
body.e-dark-mode .sg-alrt-item--unread:hover[b-ahuebym0qp] { background: rgba(123,163,201,0.12); }
body.e-dark-mode .sg-alrt-empty[b-ahuebym0qp] { color: #8b8fa3; }
/* /Components/Layout/Popovers/AprovacoesDialog.razor.rz.scp.css */
/* ============================================================
   AprovacoesDialog — Prefixo sg-aprov-
   ============================================================ */

.sg-aprov-head[b-cfd4aktitm] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.sg-aprov-head-icon[b-cfd4aktitm] {
    font-size: 22px;
    color: #7c3aed !important;
}
.sg-aprov-head-icon[b-cfd4aktitm]::before { color: #7c3aed !important; }

.sg-aprov-head-text[b-cfd4aktitm] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.sg-aprov-head-title[b-cfd4aktitm] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
}

.sg-aprov-head-sub[b-cfd4aktitm] {
    font-size: 0.68rem;
    color: #64748b;
    margin-top: 2px;
}

/* body & tabs */
.sg-aprov-body[b-cfd4aktitm] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.sg-aprov-tabs[b-cfd4aktitm] {
    display: flex;
    gap: 4px;
    padding: 0 4px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    flex-shrink: 0;
}

.sg-aprov-tab[b-cfd4aktitm] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 9px 16px;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: -1px;
    transition: color 0.15s, background 0.15s;
}
.sg-aprov-tab:hover[b-cfd4aktitm] { color: #0f172a; background: rgba(0,0,0,0.02); }
.sg-aprov-tab--active[b-cfd4aktitm] {
    color: #7c3aed;
    border-bottom-color: #7c3aed;
    font-weight: 600;
}
.sg-aprov-tab span[class*="icon-"][b-cfd4aktitm] { font-size: 14px; }
.sg-aprov-tab--active span[class*="icon-"][b-cfd4aktitm]::before { color: #7c3aed !important; }

.sg-aprov-tab-count[b-cfd4aktitm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 6px;
    border-radius: 9px;
    background: rgba(100,116,139,0.15);
    color: #475569;
    font-size: 0.68rem;
    font-weight: 700;
}
.sg-aprov-tab-count--urg[b-cfd4aktitm] {
    background: #ef4444;
    color: #fff;
}

/* loading / empty */
.sg-aprov-loading[b-cfd4aktitm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #64748b;
    font-size: 0.85rem;
}

.sg-aprov-empty[b-cfd4aktitm] {
    padding: 48px 20px;
    text-align: center;
    color: #94a3b8;
    font-size: 0.85rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.sg-aprov-empty span[class*="icon-"][b-cfd4aktitm] { font-size: 32px; color: #cbd5e1 !important; }
.sg-aprov-empty span[class*="icon-"][b-cfd4aktitm]::before { color: #cbd5e1 !important; }

.sg-aprov-spin[b-cfd4aktitm] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(0,0,0,0.10);
    border-top-color: #7c3aed;
    border-radius: 50%;
    animation: sg-aprov-spin-b-cfd4aktitm 0.75s linear infinite;
}
.sg-aprov-spin--lg[b-cfd4aktitm] { width: 28px; height: 28px; border-width: 3px; }

@keyframes sg-aprov-spin-b-cfd4aktitm { to { transform: rotate(360deg); } }

/* lista */
.sg-aprov-list[b-cfd4aktitm] {
    flex: 1;
    overflow-y: auto;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* card */
.sg-aprov-card[b-cfd4aktitm] {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.08);
    border-left: 3px solid #7c3aed;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.15s;
}
.sg-aprov-card:hover[b-cfd4aktitm] { box-shadow: 0 4px 12px rgba(0,0,0,0.06); }

.sg-aprov-card--p1[b-cfd4aktitm] { border-left-color: #f59e0b; }
.sg-aprov-card--p2[b-cfd4aktitm] { border-left-color: #ef4444; }

.sg-aprov-card--done[b-cfd4aktitm] { opacity: 0.85; }
.sg-aprov-card--aprovado[b-cfd4aktitm] { border-left-color: #16a34a; }
.sg-aprov-card--rejeitado[b-cfd4aktitm] { border-left-color: #94a3b8; }

.sg-aprov-card-head[b-cfd4aktitm] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    cursor: pointer;
    transition: background 0.12s;
}
.sg-aprov-card-head:hover[b-cfd4aktitm] { background: rgba(0,0,0,0.02); }

.sg-aprov-card--done .sg-aprov-card-head[b-cfd4aktitm] { cursor: default; }
.sg-aprov-card--done .sg-aprov-card-head:hover[b-cfd4aktitm] { background: transparent; }

.sg-aprov-card-icon[b-cfd4aktitm] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(124,58,237,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}
.sg-aprov-card-icon span[b-cfd4aktitm] { font-size: 16px; color: #7c3aed !important; }
.sg-aprov-card-icon span[b-cfd4aktitm]::before { color: #7c3aed !important; }

.sg-aprov-card--p1 .sg-aprov-card-icon[b-cfd4aktitm] { background: rgba(245,158,11,0.14); }
.sg-aprov-card--p1 .sg-aprov-card-icon span[b-cfd4aktitm],
.sg-aprov-card--p1 .sg-aprov-card-icon span[b-cfd4aktitm]::before { color: #f59e0b !important; }
.sg-aprov-card--p2 .sg-aprov-card-icon[b-cfd4aktitm] { background: rgba(239,68,68,0.15); }
.sg-aprov-card--p2 .sg-aprov-card-icon span[b-cfd4aktitm],
.sg-aprov-card--p2 .sg-aprov-card-icon span[b-cfd4aktitm]::before { color: #ef4444 !important; }

.sg-aprov-card--aprovado .sg-aprov-card-icon[b-cfd4aktitm] { background: rgba(22,163,74,0.14); }
.sg-aprov-card--aprovado .sg-aprov-card-icon span[b-cfd4aktitm],
.sg-aprov-card--aprovado .sg-aprov-card-icon span[b-cfd4aktitm]::before { color: #16a34a !important; }

.sg-aprov-card--rejeitado .sg-aprov-card-icon[b-cfd4aktitm] { background: rgba(148,163,184,0.18); }
.sg-aprov-card--rejeitado .sg-aprov-card-icon span[b-cfd4aktitm],
.sg-aprov-card--rejeitado .sg-aprov-card-icon span[b-cfd4aktitm]::before { color: #94a3b8 !important; }

.sg-aprov-card-info[b-cfd4aktitm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.sg-aprov-card-title[b-cfd4aktitm] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #0f172a;
    line-height: 1.3;
}

.sg-aprov-card-meta[b-cfd4aktitm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 6px;
    font-size: 0.7rem;
    color: #94a3b8;
}
.sg-aprov-dot[b-cfd4aktitm] { opacity: 0.6; }
.sg-aprov-prazo[b-cfd4aktitm] { color: #e07a5f; font-weight: 600; }

.sg-aprov-status-badge[b-cfd4aktitm] {
    display: inline-flex;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.sg-aprov-status-badge--aprovado[b-cfd4aktitm] { background: rgba(22,163,74,0.15); color: #15803d; }
.sg-aprov-status-badge--rejeitado[b-cfd4aktitm] { background: rgba(148,163,184,0.20); color: #475569; }

.sg-aprov-chevron[b-cfd4aktitm] {
    color: #94a3b8 !important;
    font-size: 14px;
    flex-shrink: 0;
}
.sg-aprov-chevron[b-cfd4aktitm]::before { color: #94a3b8 !important; }

/* body expandido */
.sg-aprov-card-body[b-cfd4aktitm] {
    padding: 0 14px 14px;
    border-top: 1px solid rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sg-aprov-card-msg[b-cfd4aktitm] {
    font-size: 0.8rem;
    color: #334155;
    line-height: 1.5;
    margin: 10px 0 0;
    white-space: pre-wrap;
}

.sg-aprov-link-btn[b-cfd4aktitm] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    background: rgba(37,99,235,0.08);
    border: 1px solid rgba(37,99,235,0.20);
    border-radius: 5px;
    color: #2563eb;
    font-size: 0.74rem;
    font-weight: 500;
    cursor: pointer;
    align-self: flex-start;
}
.sg-aprov-link-btn:hover[b-cfd4aktitm] { background: rgba(37,99,235,0.13); }
.sg-aprov-link-btn span[class*="icon-"][b-cfd4aktitm] { font-size: 13px; }
.sg-aprov-link-btn span[class*="icon-"][b-cfd4aktitm]::before { color: #2563eb !important; }
.sg-aprov-link-btn--sm[b-cfd4aktitm] {
    padding: 4px 6px;
    flex-shrink: 0;
}

.sg-aprov-comentario[b-cfd4aktitm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sg-aprov-field-label[b-cfd4aktitm] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sg-aprov-actions[b-cfd4aktitm] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 6px;
    border-top: 1px dashed rgba(0,0,0,0.06);
    margin-top: 4px;
}

.sg-aprov-btn[b-cfd4aktitm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 6px;
    border: none;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s, transform 0.1s;
}
.sg-aprov-btn:hover:not(:disabled)[b-cfd4aktitm] { opacity: 0.88; transform: translateY(-1px); }
.sg-aprov-btn:disabled[b-cfd4aktitm] { opacity: 0.5; cursor: not-allowed; }

.sg-aprov-btn--apr[b-cfd4aktitm] { background: #16a34a; color: #fff; }
.sg-aprov-btn--apr span[class*="icon-"][b-cfd4aktitm]::before { color: #fff !important; }
.sg-aprov-btn--rej[b-cfd4aktitm] { background: transparent; color: #ef4444; border: 1px solid rgba(239,68,68,0.35); }
.sg-aprov-btn--rej:hover:not(:disabled)[b-cfd4aktitm] { background: rgba(239,68,68,0.08); }
.sg-aprov-btn--rej span[class*="icon-"][b-cfd4aktitm]::before { color: #ef4444 !important; }

/* dark mode */
body.e-dark-mode .sg-aprov-head-title[b-cfd4aktitm] { color: #e8e8e8; }
body.e-dark-mode .sg-aprov-head-sub[b-cfd4aktitm]   { color: #8b8fa3; }
body.e-dark-mode .sg-aprov-tabs[b-cfd4aktitm]       { border-bottom-color: rgba(255,255,255,0.08); }
body.e-dark-mode .sg-aprov-tab[b-cfd4aktitm]        { color: #8b8fa3; }
body.e-dark-mode .sg-aprov-tab:hover[b-cfd4aktitm]  { color: #e8e8e8; background: rgba(255,255,255,0.04); }
body.e-dark-mode .sg-aprov-tab--active[b-cfd4aktitm] { color: #C9A7D9; border-bottom-color: #C9A7D9; }
body.e-dark-mode .sg-aprov-tab--active span[class*="icon-"][b-cfd4aktitm]::before { color: #C9A7D9 !important; }
body.e-dark-mode .sg-aprov-tab-count[b-cfd4aktitm]   { background: rgba(255,255,255,0.10); color: #c7cbd4; }
body.e-dark-mode .sg-aprov-card[b-cfd4aktitm]        { background: #1e2128; border-color: rgba(255,255,255,0.08); }
body.e-dark-mode .sg-aprov-card:hover[b-cfd4aktitm]  { box-shadow: 0 4px 14px rgba(0,0,0,0.4); }
body.e-dark-mode .sg-aprov-card-title[b-cfd4aktitm]  { color: #e8e8e8; }
body.e-dark-mode .sg-aprov-card-meta[b-cfd4aktitm]   { color: #8b8fa3; }
body.e-dark-mode .sg-aprov-card-msg[b-cfd4aktitm]    { color: #c7cbd4; }
body.e-dark-mode .sg-aprov-card-head:hover[b-cfd4aktitm] { background: rgba(255,255,255,0.04); }
body.e-dark-mode .sg-aprov-card-body[b-cfd4aktitm]   { border-top-color: rgba(255,255,255,0.05); }
body.e-dark-mode .sg-aprov-loading[b-cfd4aktitm]     { color: #8b8fa3; }
body.e-dark-mode .sg-aprov-empty[b-cfd4aktitm]       { color: #8b8fa3; }
body.e-dark-mode .sg-aprov-empty span[class*="icon-"][b-cfd4aktitm],
body.e-dark-mode .sg-aprov-empty span[class*="icon-"][b-cfd4aktitm]::before { color: #3f4650 !important; }
/* /Components/Layout/WorkspaceLayout.razor.rz.scp.css */
/* ── Shell do WorkspaceLayout — sidebar lateral + conteúdo ─────── */
.ws-shell[b-tixvmh2v32] {
    display: flex;
    flex-direction: row;
    height: calc(100vh - 50px);
    overflow: hidden;
}

.ws-main[b-tixvmh2v32] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 0; /* evita overflow em flex com conteúdo largo */
}

/* ── Barra de contexto do sistema (breadcrumb colorida) ───── */
.ws-system-bar[b-tixvmh2v32] {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    min-height: 30px;
    padding: 0 14px;
    background: var(--sys-color-glow, rgba(100, 116, 139, 0.08));
    border-bottom: 1px solid var(--sys-color-glow, rgba(100, 116, 139, 0.12));
    font-size: 0.72rem;
    letter-spacing: 0.02em;
    flex-shrink: 0;
    overflow: hidden;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.ws-system-dot[b-tixvmh2v32] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--sys-color, #64748B);
    box-shadow: 0 0 6px var(--sys-color-glow, rgba(100, 116, 139, 0.3));
    flex-shrink: 0;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.ws-system-label[b-tixvmh2v32] {
    color: var(--sys-color, #64748B);
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color 0.3s ease;
}

.ws-system-sep[b-tixvmh2v32] {
    color: rgba(0, 0, 0, 0.2);
    font-weight: 300;
}

.ws-system-menu[b-tixvmh2v32] {
    color: #475569;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Pages/Admin/Estabelecimento.razor.rz.scp.css */
/* ══ Manutenção de Estabelecimento — layout Fiori Horizon (sidebar + main + tabs) ══ */

.sg-est-shell[b-i0a42trb9k] {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    min-height: calc(100vh - 60px);
    background: var(--color-sf-content-bg-color);
}

/* ── Sidebar ────────────────────────────────────────────────────────────── */
.sg-est-sidebar[b-i0a42trb9k] {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    color: #cbd5e1;
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.sg-est-sidebar-header[b-i0a42trb9k] {
    display: flex; align-items: center; gap: 11px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.sg-est-sidebar-icon[b-i0a42trb9k] { font-size: 1.6rem; color: #7c3aed; }
.sg-est-sidebar-title[b-i0a42trb9k] { font-size: 0.95rem; font-weight: 700; color: #fff; }
.sg-est-sidebar-sub[b-i0a42trb9k]   { font-size: 0.7rem; color: #94a3b8; }

.sg-est-info[b-i0a42trb9k] {
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    padding: 10px 12px;
}
.sg-est-info-label[b-i0a42trb9k] {
    font-size: 10px; font-weight: 700; color: #94a3b8;
    text-transform: uppercase; letter-spacing: 0.04em;
}
.sg-est-info-value[b-i0a42trb9k] {
    font-size: 1.05rem; font-weight: 700; color: #fff;
    font-variant-numeric: tabular-nums;
}
.sg-est-info-sub[b-i0a42trb9k] {
    font-size: 0.72rem; color: #cbd5e1; margin-top: 2px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.sg-est-segla-badge[b-i0a42trb9k] {
    display: flex; gap: 10px; align-items: center;
    padding: 10px 12px;
    background: linear-gradient(135deg, rgba(124,58,237,0.20), rgba(124,58,237,0.10));
    border: 1px solid rgba(124,58,237,0.45);
    border-radius: 10px;
}
.sg-est-segla-badge .icon-ic_fluent_shield_keyhole_24_regular[b-i0a42trb9k] { font-size: 1.4rem; color: #c4b5fd; }
.sg-est-segla-title[b-i0a42trb9k] { font-size: 0.78rem; font-weight: 700; color: #fff; }
.sg-est-segla-sub[b-i0a42trb9k]   { font-size: 0.7rem; color: #c4b5fd; }

.sg-est-loading[b-i0a42trb9k] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 10px; background: rgba(255,255,255,0.05);
    border-radius: 8px; font-size: 0.72rem; color: #94a3b8;
}
.sg-est-spin[b-i0a42trb9k] { animation: sg-est-rotate-b-i0a42trb9k 1.2s linear infinite; }
@keyframes sg-est-rotate-b-i0a42trb9k { to { transform: rotate(360deg); } }

/* ── Conteúdo ───────────────────────────────────────────────────────────── */
.sg-est-content[b-i0a42trb9k] {
    padding: 16px 24px 32px;
    background: var(--color-sf-content-bg-color);
    overflow-y: auto;
}
.sg-est-crumb[b-i0a42trb9k] {
    font-size: 0.78rem; color: var(--color-sf-content-text-color-alt1);
    display: flex; align-items: center; gap: 6px; margin-bottom: 14px;
}
.sg-est-crumb-sep[b-i0a42trb9k] { font-size: 0.85rem; }

/* ── Tabs ──────────────────────────────────────────────────────────────── */
.sg-est-tabs[b-i0a42trb9k] {
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 12px;
    padding: 0 0 14px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
.sg-est-tab-body[b-i0a42trb9k] {
    padding: 14px 20px 6px;
}
.sg-est-section-title[b-i0a42trb9k] {
    margin: 18px 0 8px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-bottom: 6px;
    border-bottom: 1px dashed var(--color-sf-card-border-color);
}
.sg-est-section-title:first-child[b-i0a42trb9k] { margin-top: 6px; }

.sg-est-grid[b-i0a42trb9k] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px 18px;
}
.sg-est-field[b-i0a42trb9k] { min-width: 0; }
.sg-est-field-full[b-i0a42trb9k] { grid-column: 1 / -1; }
.sg-est-field-row[b-i0a42trb9k] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 8px 0 4px;
}
.sg-est-note[b-i0a42trb9k] {
    margin: 0;
    padding: 10px 12px;
    background: var(--color-sf-content-bg-color);
    border: 1px dashed var(--color-sf-card-border-color);
    border-radius: 8px;
    font-size: 12px;
    color: var(--color-sf-content-text-color-alt1);
}
.sg-est-note a[b-i0a42trb9k] {
    color: var(--color-sf-primary);
    text-decoration: none;
}
.sg-est-note a:hover[b-i0a42trb9k] { text-decoration: underline; }

/* ── Ações ─────────────────────────────────────────────────────────────── */
.sg-est-actions[b-i0a42trb9k] {
    display: flex; align-items: center; gap: 12px;
    margin-top: 16px;
    padding: 12px 16px;
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 12px;
    position: sticky; bottom: 0;
    z-index: 2;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.06);
}
.sg-est-actions-spacer[b-i0a42trb9k] { flex: 1; }

/* ── HTML & Templates (aba) ────────────────────────────────────────────── */
.sg-est-html-hint[b-i0a42trb9k] {
    margin: 4px 0 12px;
}
.sg-est-html-hint code[b-i0a42trb9k] {
    background: rgba(124,58,237,0.10);
    padding: 1px 6px;
    border-radius: 4px;
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: 12px;
    color: #7c3aed;
}

.sg-est-html-block[b-i0a42trb9k] {
    margin: 10px 0 18px;
}
.sg-est-html-label[b-i0a42trb9k] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    margin-bottom: 6px;
    display: inline-block;
}
.sg-est-html-label-row[b-i0a42trb9k] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.sg-est-html-dias[b-i0a42trb9k] {
    min-width: 200px;
    max-width: 240px;
}

/* ── Skeleton ──────────────────────────────────────────────────────────── */
.sg-est-skeleton-block[b-i0a42trb9k] {
    height: 240px;
    border-radius: 12px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-est-shimmer-b-i0a42trb9k 1.4s linear infinite;
    opacity: 0.18;
    margin-bottom: 14px;
}
@keyframes sg-est-shimmer-b-i0a42trb9k {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* /Components/Pages/Admin/Tabs/EstabCertificadosTab.razor.rz.scp.css */
/* ══ Aba Certificados do Estabelecimento ══ */

.sgect-wrap[b-wkefzxrg7n] {
    padding: 6px 4px 0;
}

.sgect-toolbar[b-wkefzxrg7n] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 4px 14px;
    border-bottom: 1px dashed var(--color-sf-card-border-color);
    margin-bottom: 12px;
}
.sgect-toolbar-info[b-wkefzxrg7n] { display: flex; align-items: center; gap: 12px; }
.sgect-toolbar-icon[b-wkefzxrg7n] { font-size: 1.6rem; color: #10b981; }
.sgect-toolbar-title[b-wkefzxrg7n] { font-weight: 700; font-size: 0.92rem; color: var(--color-sf-content-text-color); }
.sgect-toolbar-sub[b-wkefzxrg7n]   { font-size: 0.74rem; color: var(--color-sf-content-text-color-alt1); }
.sgect-toolbar-spacer[b-wkefzxrg7n] { flex: 1; }

/* Lista de cards */
.sgect-list[b-wkefzxrg7n] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.sgect-card[b-wkefzxrg7n] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 12px;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.sgect-card:hover[b-wkefzxrg7n] {
    border-color: #10b981;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.10);
}
.sgect-card-left[b-wkefzxrg7n] { display: flex; gap: 14px; flex: 1; min-width: 0; }
.sgect-icon-wrap[b-wkefzxrg7n] {
    flex: 0 0 auto;
    width: 48px; height: 48px;
    background: linear-gradient(135deg, #10b981, #059669);
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    color: #fff;
}
.sgect-icon-wrap span[b-wkefzxrg7n] { font-size: 1.6rem; color: #fff; }

.sgect-info[b-wkefzxrg7n] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sgect-info-top[b-wkefzxrg7n] { display: flex; gap: 8px; align-items: center; }
.sgect-tipo-badge[b-wkefzxrg7n] {
    background: #ecfdf5; color: #047857;
    font-weight: 700; font-size: 11px;
    padding: 2px 8px; border-radius: 10px;
}
.sgect-status-badge[b-wkefzxrg7n] {
    font-weight: 700; font-size: 11px;
    padding: 2px 8px; border-radius: 10px;
}
.sgect-status-badge--valido[b-wkefzxrg7n]      { background: #ecfdf5; color: #047857; }
.sgect-status-badge--avencer[b-wkefzxrg7n]     { background: #fef3c7; color: #92400e; }
.sgect-status-badge--expirado[b-wkefzxrg7n]    { background: #fee2e2; color: #b91c1c; }
.sgect-status-badge--semvalidade[b-wkefzxrg7n] { background: #e0e7ff; color: #3730a3; }
.sgect-nome[b-wkefzxrg7n] { font-weight: 600; color: var(--color-sf-content-text-color); margin-top: 2px; }
.sgect-id-tag[b-wkefzxrg7n] {
    display: inline-block;
    margin-top: 2px;
    font-size: 11px;
    background: #f3f4f6;
    color: #4b5563;
    padding: 1px 8px;
    border-radius: 6px;
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
}
.sgect-meta[b-wkefzxrg7n] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
    margin-top: 2px;
}
.sgect-meta-sep[b-wkefzxrg7n]   { margin: 0 6px; }
.sgect-meta-arrow[b-wkefzxrg7n] { margin: 0 4px; }

.sgect-actions[b-wkefzxrg7n] { display: flex; gap: 6px; flex: 0 0 auto; }
.sgect-action-btn[b-wkefzxrg7n] {
    background: transparent;
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 8px;
    padding: 6px 8px;
    cursor: pointer;
    color: var(--color-sf-content-text-color-alt1);
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.sgect-action-btn:hover[b-wkefzxrg7n] {
    background: #f3f4f6;
    color: var(--color-sf-content-text-color);
}
.sgect-action-btn--delete:hover[b-wkefzxrg7n] {
    background: #fee2e2;
    color: #b91c1c;
    border-color: #fca5a5;
}

.sgect-skel[b-wkefzxrg7n] {
    height: 76px;
    margin: 6px 0;
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0.04) 100%);
    background-size: 200% 100%;
    animation: sgect-shimmer-b-wkefzxrg7n 1.4s linear infinite;
}
@keyframes sgect-shimmer-b-wkefzxrg7n { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

.sgect-empty[b-wkefzxrg7n] {
    padding: 40px 16px;
    text-align: center;
    color: var(--color-sf-content-text-color-alt1);
}
.sgect-empty-icon[b-wkefzxrg7n] {
    font-size: 2.6rem;
    color: #94a3b8;
    display: block;
    margin: 0 auto 8px;
}
.sgect-empty p[b-wkefzxrg7n] { font-weight: 600; margin: 4px 0 2px; color: var(--color-sf-content-text-color); }
.sgect-empty-hint[b-wkefzxrg7n] { font-size: 0.78rem; }

/* Dialog */
.sgect-dlg-header[b-wkefzxrg7n] {
    display: flex; align-items: center; gap: 12px;
    padding: 4px 0;
}
.sgect-dlg-title[b-wkefzxrg7n] { font-weight: 700; font-size: 1rem; display: block; }
.sgect-dlg-sub[b-wkefzxrg7n]   { font-size: 0.78rem; color: var(--color-sf-content-text-color-alt1); display: block; }
.sgect-warn-icon[b-wkefzxrg7n] { color: #d97706; font-size: 1.4rem; }

.sgect-form[b-wkefzxrg7n] {
    display: flex; flex-direction: column;
    gap: 14px; padding: 6px 0;
}
.sgect-form-field[b-wkefzxrg7n] { display: flex; flex-direction: column; gap: 6px; }
.sgect-form-label[b-wkefzxrg7n] {
    font-weight: 600; font-size: 0.82rem;
    color: var(--color-sf-content-text-color);
}
.sgect-form-optional[b-wkefzxrg7n] {
    color: var(--color-sf-content-text-color-alt1);
    font-weight: 500;
}

.sgect-upload-zone[b-wkefzxrg7n] {
    border: 1.5px dashed var(--color-sf-card-border-color);
    border-radius: 10px;
    padding: 18px;
    text-align: center;
    background: var(--color-sf-content-bg-color);
}
.sgect-upload-icon[b-wkefzxrg7n] {
    font-size: 2rem; color: #94a3b8; display: block; margin-bottom: 6px;
}
.sgect-upload-hint[b-wkefzxrg7n] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
    margin: 6px 0;
}
.sgect-btn-browse[b-wkefzxrg7n] {
    display: inline-block;
    padding: 6px 14px;
    background: #10b981;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.8rem;
    position: relative;
}
.sgect-input-file[b-wkefzxrg7n] {
    position: absolute; inset: 0;
    opacity: 0; cursor: pointer;
}

.sgect-arquivo-info[b-wkefzxrg7n] {
    display: flex; gap: 10px; align-items: center;
    text-align: left;
}
.sgect-arquivo-info .icon-ic_fluent_document_32_regular[b-wkefzxrg7n] { font-size: 1.6rem; color: #10b981; }
.sgect-arquivo-nome[b-wkefzxrg7n] { display: block; font-weight: 600; }
.sgect-arquivo-tam[b-wkefzxrg7n]  { display: block; font-size: 0.75rem; color: var(--color-sf-content-text-color-alt1); }
.sgect-btn-remove[b-wkefzxrg7n] {
    margin-left: auto;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--color-sf-content-text-color-alt1);
}
.sgect-btn-remove:hover[b-wkefzxrg7n] { color: #b91c1c; }

.sgect-form-error[b-wkefzxrg7n] {
    display: flex; gap: 8px; align-items: center;
    background: #fef2f2;
    color: #b91c1c;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.82rem;
}

.sgect-extracted[b-wkefzxrg7n] {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 10px;
    padding: 14px;
}
.sgect-extracted-header[b-wkefzxrg7n] {
    display: flex; gap: 8px; align-items: center;
    font-weight: 700;
    color: #047857;
    margin-bottom: 10px;
}
.sgect-ok-icon[b-wkefzxrg7n] { color: #10b981; font-size: 1.3rem; }
.sgect-extracted-fields[b-wkefzxrg7n] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 8px 16px;
}
.sgect-extracted-fields > div[b-wkefzxrg7n] {
    display: flex; flex-direction: column;
}
.sgect-ext-label[b-wkefzxrg7n] {
    font-size: 11px;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.sgect-ext-value[b-wkefzxrg7n] {
    font-weight: 600;
    color: #111827;
}
.sgect-mono[b-wkefzxrg7n] {
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    letter-spacing: 0.02em;
}
/* /Components/Pages/Admin/Tabs/EstabUsuariosTab.razor.rz.scp.css */
/* ══ Aba Usuários do Estabelecimento ══ */

.sgeut-wrap[b-k84byu9w83] {
    padding: 6px 4px 0;
}

.sgeut-toolbar[b-k84byu9w83] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 4px 14px;
    border-bottom: 1px dashed var(--color-sf-card-border-color);
    margin-bottom: 12px;
}
.sgeut-toolbar-info[b-k84byu9w83] {
    display: flex; align-items: center; gap: 12px;
}
.sgeut-toolbar-icon[b-k84byu9w83] {
    font-size: 1.6rem;
    color: #7c3aed;
}
.sgeut-toolbar-title[b-k84byu9w83] {
    font-weight: 700;
    font-size: 0.92rem;
    color: var(--color-sf-content-text-color);
}
.sgeut-toolbar-sub[b-k84byu9w83] {
    font-size: 0.74rem;
    color: var(--color-sf-content-text-color-alt1);
}
.sgeut-toolbar-spacer[b-k84byu9w83] { flex: 1; }

.sgeut-grid[b-k84byu9w83] {
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 10px;
    overflow: hidden;
}

/* Badges */
.sgeut-badge[b-k84byu9w83] {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
    letter-spacing: 0.02em;
    line-height: 1.5;
}
.sgeut-badge--ok[b-k84byu9w83]     { background: #ecfdf5; color: #047857; }
.sgeut-badge--off[b-k84byu9w83]    { background: #fff7ed; color: #9a3412; }
.sgeut-badge--admin[b-k84byu9w83]  { background: #ede9fe; color: #6d28d9; }
.sgeut-badge--ativo[b-k84byu9w83]  { background: #ecfdf5; color: #047857; }
.sgeut-badge--inativo[b-k84byu9w83]{ background: #fee2e2; color: #b91c1c; }

.sgeut-actions[b-k84byu9w83] {
    display: inline-flex;
    gap: 4px;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}
.sgeut-act-btn[b-k84byu9w83] {
    height: 28px;
    padding: 0 10px 0 8px;
    border: 1px solid transparent;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    transition: background .15s, border-color .15s, color .15s;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}
.sgeut-act-btn:hover[b-k84byu9w83] {
    background: rgba(99, 102, 241, 0.08);
    border-color: rgba(99, 102, 241, 0.25);
    color: #4f46e5;
}
.sgeut-act-btn span[class*="icon-"][b-k84byu9w83] { font-size: 16px; line-height: 1; }
.sgeut-act-btn span[class*="icon-"][b-k84byu9w83]::before { color: inherit !important; }

.sgeut-act-lbl[b-k84byu9w83] { line-height: 1; }
.sgeut-act-lbl--ok[b-k84byu9w83] { color: #047857; }
.sgeut-act-lbl--danger[b-k84byu9w83] { color: #dc2626; }

/* Tons semânticos do botão de ativação */
.sgeut-act-icon--ok[b-k84byu9w83] { color: #047857; }
.sgeut-act-icon--ok[b-k84byu9w83]::before { color: #047857 !important; }
.sgeut-act-icon--danger[b-k84byu9w83] { color: #dc2626; }
.sgeut-act-icon--danger[b-k84byu9w83]::before { color: #dc2626 !important; }

.sgeut-act-btn:has(.sgeut-act-icon--danger):hover[b-k84byu9w83] {
    background: rgba(220, 38, 38, 0.08);
    border-color: rgba(220, 38, 38, 0.3);
    color: #dc2626;
}
.sgeut-act-btn:has(.sgeut-act-icon--ok):hover[b-k84byu9w83] {
    background: rgba(4, 120, 87, 0.1);
    border-color: rgba(4, 120, 87, 0.3);
    color: #047857;
}

/* Estados extra */
.sgeut-skel[b-k84byu9w83] {
    height: 64px;
    margin: 6px 0;
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0.04) 100%);
    background-size: 200% 100%;
    animation: sgeut-shimmer-b-k84byu9w83 1.4s linear infinite;
}
@keyframes sgeut-shimmer-b-k84byu9w83 { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

.sgeut-empty[b-k84byu9w83] {
    padding: 36px 16px;
    text-align: center;
    color: var(--color-sf-content-text-color-alt1);
}
.sgeut-empty-icon[b-k84byu9w83] {
    font-size: 2.6rem;
    color: #94a3b8;
    display: block;
    margin: 0 auto 8px;
}
.sgeut-empty p[b-k84byu9w83] { font-weight: 600; margin: 4px 0 2px; color: var(--color-sf-content-text-color); }
.sgeut-empty-hint[b-k84byu9w83] { font-size: 0.78rem; }

/* Dialog */
.sgeut-dlg-header[b-k84byu9w83] {
    display: flex; align-items: center; gap: 12px;
    padding: 4px 0;
}
.sgeut-dlg-header .icon-ic_fluent_person_24_regular[b-k84byu9w83] {
    font-size: 1.6rem;
    color: #7c3aed;
}
.sgeut-dlg-title[b-k84byu9w83] { font-weight: 700; font-size: 1rem; }
.sgeut-dlg-sub[b-k84byu9w83]   { font-size: 0.78rem; color: var(--color-sf-content-text-color-alt1); }

.sgeut-form[b-k84byu9w83] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 6px 0;
}
.sgeut-form-row[b-k84byu9w83] {
    display: flex; gap: 18px; flex-wrap: wrap;
}
.sgeut-err[b-k84byu9w83] {
    display: flex; gap: 8px; align-items: center;
    background: #fef2f2;
    color: #b91c1c;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.82rem;
}

/* ── Bloco "Conta Identity vinculada" no dialog de edição ───────── */
.sgeut-identity-box[b-k84byu9w83] {
    margin-top: 12px;
    padding: 12px 14px;
    background: rgba(99, 102, 241, 0.05);
    border: 1px solid rgba(99, 102, 241, 0.18);
    border-radius: 8px;
}
.sgeut-identity-head[b-k84byu9w83] {
    display: flex; align-items: center; gap: 8px; margin-bottom: 10px;
}
.sgeut-identity-icon[b-k84byu9w83] { font-size: 18px; color: #4f46e5 !important; }
.sgeut-identity-icon[b-k84byu9w83]::before { color: #4f46e5 !important; }
.sgeut-identity-title[b-k84byu9w83] {
    font-size: 0.82rem; font-weight: 600; color: #4f46e5;
}

.sgeut-identity-grid[b-k84byu9w83] {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 6px 14px;
    font-size: 0.78rem;
}
.sgeut-identity-lbl[b-k84byu9w83] {
    color: var(--color-sf-content-text-color-alt1, #64748b);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.62rem;
    letter-spacing: 0.04em;
    align-self: center;
}
.sgeut-identity-val[b-k84byu9w83] {
    color: var(--color-sf-content-text-color, #0f172a);
    word-break: break-word;
}
.sgeut-identity-mono[b-k84byu9w83] {
    font-family: "JetBrains Mono", Consolas, monospace;
    font-size: 0.72rem;
    color: #475569;
}
.sgeut-identity-mismatch[b-k84byu9w83] {
    color: #b45309;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.74rem;
}
.sgeut-identity-mismatch span[class*="icon-"][b-k84byu9w83]::before { color: #b45309 !important; }
.sgeut-identity-locked[b-k84byu9w83] { color: #b91c1c; font-weight: 600; }

.sgeut-tag[b-k84byu9w83] {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 8px;
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-left: 6px;
    line-height: 1.4;
}
.sgeut-tag--ok[b-k84byu9w83]   { background: #d1fae5; color: #047857; }
.sgeut-tag--warn[b-k84byu9w83] { background: #fef3c7; color: #b45309; }

.sgeut-identity-loading[b-k84byu9w83] {
    font-size: 0.76rem;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    font-style: italic;
}
.sgeut-identity-orphan[b-k84byu9w83] {
    display: inline-flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 0.76rem;
    color: #b45309;
    line-height: 1.4;
}
.sgeut-identity-orphan span[class*="icon-"][b-k84byu9w83]::before { color: #b45309 !important; }
.sgeut-identity-orphan code[b-k84byu9w83] {
    background: rgba(180, 83, 9, 0.1);
    padding: 1px 5px;
    border-radius: 4px;
}

body.e-dark-mode .sgeut-identity-box[b-k84byu9w83] {
    background: rgba(99, 102, 241, 0.08);
    border-color: rgba(99, 102, 241, 0.25);
}
body.e-dark-mode .sgeut-identity-mono[b-k84byu9w83] { color: #94a3b8; }
/* /Components/Pages/Certificados/CertificadoPage.razor.rz.scp.css */
/* ============================================================
   CertificadoPage — Gestão de Certificados Digitais
   Prefixo: sgcert-
   Design: SAP Fiori Horizon + Syncfusion Fluent 2
   ============================================================ */

/* ── Shell: dois painéis lado a lado ─────────────────────── */
.sgcert-shell[b-bvmdfoa3ze] {
    display: flex;
    min-height: calc(100vh - 56px); /* desconta a AppBar */
}

/* ── Painel esquerdo (aside escuro) ──────────────────────── */
.sgcert-aside[b-bvmdfoa3ze] {
    width: 260px;
    flex-shrink: 0;
    background: var(--color-sf-appbar-bg-color-alt1);
    color: var(--color-sf-appbar-color-alt1);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 20px 24px;
    gap: 0;
}

.sgcert-aside-icon-wrap[b-bvmdfoa3ze] {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: color-mix(in srgb, var(--color-sf-primary) 80%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #fff;
    margin-bottom: 16px;
    flex-shrink: 0;
}

.sgcert-aside-title[b-bvmdfoa3ze] {
    margin: 0 0 4px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-sf-appbar-color-alt1);
    text-align: center;
}

.sgcert-aside-sub[b-bvmdfoa3ze] {
    margin: 0;
    font-size: 0.78rem;
    color: var(--color-sf-appbar-border-color-alt1);
    text-align: center;
}

.sgcert-aside-divider[b-bvmdfoa3ze] {
    width: 100%;
    height: 1px;
    background: var(--color-sf-appbar-border-color-alt1);
    margin: 20px 0;
    opacity: 0.3;
}

/* Informações do estabelecimento */
.sgcert-estab-info[b-bvmdfoa3ze] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
}

.sgcert-estab-label[b-bvmdfoa3ze] {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-sf-appbar-border-color-alt1);
}

.sgcert-estab-name[b-bvmdfoa3ze] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--color-sf-appbar-color-alt1);
    line-height: 1.3;
}

.sgcert-estab-cnpj[b-bvmdfoa3ze] {
    font-size: 0.75rem;
    color: var(--color-sf-appbar-border-color-alt1);
}

/* Stats (contadores) */
.sgcert-stats[b-bvmdfoa3ze] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.sgcert-stat-item[b-bvmdfoa3ze] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    padding: 10px 8px;
    gap: 2px;
}

.sgcert-stat-value[b-bvmdfoa3ze] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--color-sf-appbar-color-alt1);
    line-height: 1;
}

.sgcert-stat-label[b-bvmdfoa3ze] {
    font-size: 0.68rem;
    color: var(--color-sf-appbar-border-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.sgcert-stat-item--ok   .sgcert-stat-value[b-bvmdfoa3ze] { color: var(--color-sf-success); }
.sgcert-stat-item--warn .sgcert-stat-value[b-bvmdfoa3ze] { color: #f59e0b; }
.sgcert-stat-item--danger .sgcert-stat-value[b-bvmdfoa3ze] { color: var(--color-sf-danger); }

/* Botão "Adicionar" na aside */
.sgcert-btn-novo[b-bvmdfoa3ze] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
    background: var(--color-sf-primary);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.15s;
    justify-content: center;
    margin-top: 4px;
}

.sgcert-btn-novo:hover[b-bvmdfoa3ze] { opacity: 0.88; }

/* ── Painel direito (conteúdo) ───────────────────────────── */
.sgcert-main[b-bvmdfoa3ze] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--color-sf-content-bg-color);
    min-width: 0;
}

/* ── Page Header ─────────────────────────────────────────── */
.sgcert-page-header[b-bvmdfoa3ze] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px 16px;
    border-bottom: 1px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color-alt1);
    flex-shrink: 0;
}

.sgcert-page-header-left[b-bvmdfoa3ze] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.sgcert-page-icon-wrap[b-bvmdfoa3ze] {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: var(--color-sf-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    color: #fff;
    flex-shrink: 0;
}

.sgcert-page-icon-wrap span[b-bvmdfoa3ze],
.sgcert-page-icon-wrap span[class*="icon-"][b-bvmdfoa3ze]::before {
    color: #fff !important;
}

.sgcert-page-title[b-bvmdfoa3ze] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    line-height: 1.2;
}

.sgcert-page-sub[b-bvmdfoa3ze] {
    font-size: 0.73rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sgcert-btn-add[b-bvmdfoa3ze] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background: var(--color-sf-primary);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.15s;
}

.sgcert-btn-add:hover[b-bvmdfoa3ze] { opacity: 0.88; }

/* ── Grid container ──────────────────────────────────────── */
.sgcert-grid-container[b-bvmdfoa3ze] {
    flex: 1;
    padding: 20px 24px;
    overflow-y: auto;
}

/* ── Estado de carregamento ──────────────────────────────── */
.sgcert-loading[b-bvmdfoa3ze] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px 20px;
    color: var(--color-sf-content-text-color-alt1);
    font-size: 0.9rem;
}

/* ── Estado vazio (Illustrated Message) ──────────────────── */
.sgcert-empty[b-bvmdfoa3ze] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 80px 20px;
    text-align: center;
}

.sgcert-empty-icon-wrap[b-bvmdfoa3ze] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--color-sf-primary-bg-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    color: var(--color-sf-primary);
}

.sgcert-empty-title[b-bvmdfoa3ze] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
}

.sgcert-empty-text[b-bvmdfoa3ze] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--color-sf-content-text-color-alt1);
    max-width: 360px;
}

/* ── Status badge ────────────────────────────────────────── */
.sgcert-status-badge[b-bvmdfoa3ze] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.sgcert-status-badge--valido[b-bvmdfoa3ze] {
    background: color-mix(in srgb, var(--color-sf-success) 12%, transparent);
    color: var(--color-sf-success);
}

.sgcert-status-badge--avencer[b-bvmdfoa3ze] {
    background: color-mix(in srgb, #f59e0b 12%, transparent);
    color: #b45309;
}

.sgcert-status-badge--expirado[b-bvmdfoa3ze] {
    background: color-mix(in srgb, var(--color-sf-danger) 12%, transparent);
    color: var(--color-sf-danger);
}

.sgcert-status-badge--semvalidade[b-bvmdfoa3ze] {
    background: color-mix(in srgb, var(--color-sf-icon-color) 12%, transparent);
    color: var(--color-sf-content-text-color-alt1);
}

/* ── Ações por linha do grid ─────────────────────────────── */
.sgcert-row-actions[b-bvmdfoa3ze] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.sgcert-btn-action[b-bvmdfoa3ze] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 6px;
    background: var(--color-sf-content-bg-color);
    color: var(--color-sf-icon-color);
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.sgcert-btn-action:hover:not(:disabled)[b-bvmdfoa3ze] {
    background: var(--color-sf-primary-bg-color);
    color: var(--color-sf-primary);
    border-color: var(--color-sf-primary);
}

.sgcert-btn-action--delete:hover[b-bvmdfoa3ze] {
    background: color-mix(in srgb, var(--color-sf-danger) 10%, transparent) !important;
    color: var(--color-sf-danger) !important;
    border-color: var(--color-sf-danger) !important;
}

.sgcert-btn-action:disabled[b-bvmdfoa3ze] {
    opacity: 0.35;
    cursor: not-allowed;
}

/* ── Dialog header ───────────────────────────────────────── */
.sgcert-dlg-header[b-bvmdfoa3ze] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sgcert-dlg-icon-wrap[b-bvmdfoa3ze] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--color-sf-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #fff;
    flex-shrink: 0;
}

.sgcert-dlg-icon-wrap span[b-bvmdfoa3ze],
.sgcert-dlg-icon-wrap span[class*="icon-"][b-bvmdfoa3ze]::before { color: #fff !important; }

.sgcert-dlg-title[b-bvmdfoa3ze] {
    display: block;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    line-height: 1.2;
}

.sgcert-dlg-sub[b-bvmdfoa3ze] {
    display: block;
    font-size: 0.73rem;
    color: var(--color-sf-content-text-color-alt1);
}

/* ── Formulário ──────────────────────────────────────────── */
.sgcert-form[b-bvmdfoa3ze] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 0;
}

.sgcert-form-row[b-bvmdfoa3ze] {
    display: flex;
    gap: 12px;
}

.sgcert-form-field[b-bvmdfoa3ze] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

.sgcert-form-field--half[b-bvmdfoa3ze] { flex: 1; }

.sgcert-form-label[b-bvmdfoa3ze] {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color);
}
.sgcert-form-optional[b-bvmdfoa3ze] {
    font-weight: 400;
    color: var(--color-sf-content-text-color-alt1);
    font-size: 0.72rem;
}
.sgcert-form-hint[b-bvmdfoa3ze] {
    font-size: 0.75rem;
    color: #8a919a;
    margin-top: 4px;
}

/* ── Zona de upload no dialog ────────────────────────────── */
.sgcert-upload-zone[b-bvmdfoa3ze] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 20px 16px;
    border: 2px dashed var(--color-sf-border-light);
    border-radius: 8px;
    background: var(--color-sf-content-bg-color-alt1);
    transition: border-color 0.15s;
}

.sgcert-upload-icon[b-bvmdfoa3ze] {
    font-size: 1.8rem;
    color: var(--color-sf-icon-color);
}

.sgcert-upload-hint[b-bvmdfoa3ze] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sgcert-btn-browse[b-bvmdfoa3ze] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    background: var(--color-sf-primary);
    color: #fff;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.15s;
    position: relative;
}

.sgcert-btn-browse:hover[b-bvmdfoa3ze] { opacity: 0.88; }

.sgcert-input-file[b-bvmdfoa3ze] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

/* Arquivo já selecionado */
.sgcert-arquivo-info[b-bvmdfoa3ze] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 12px;
    background: var(--color-sf-primary-bg-color);
    border-radius: 6px;
}

.sgcert-arquivo-icon[b-bvmdfoa3ze] {
    font-size: 1.4rem;
    color: var(--color-sf-primary);
    flex-shrink: 0;
}

.sgcert-arquivo-detalhe[b-bvmdfoa3ze] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.sgcert-arquivo-nome[b-bvmdfoa3ze] {
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgcert-arquivo-tamanho[b-bvmdfoa3ze] {
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sgcert-btn-remove-arquivo[b-bvmdfoa3ze] {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    color: var(--color-sf-icon-color);
    border-radius: 4px;
    font-size: 0.8rem;
    transition: color 0.12s;
    flex-shrink: 0;
}

.sgcert-btn-remove-arquivo:hover[b-bvmdfoa3ze] { color: var(--color-sf-danger); }

/* Mensagem de erro de arquivo */
.sgcert-upload-error[b-bvmdfoa3ze] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: color-mix(in srgb, var(--color-sf-danger) 8%, transparent);
    color: var(--color-sf-danger);
    font-size: 0.78rem;
    border-radius: 4px;
    margin-top: 4px;
}

/* Mensagem de erro do formulário */
.sgcert-form-error[b-bvmdfoa3ze] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: color-mix(in srgb, var(--color-sf-danger) 8%, transparent);
    color: var(--color-sf-danger);
    font-size: 0.82rem;
    border-radius: 6px;
    border: 1px solid color-mix(in srgb, var(--color-sf-danger) 20%, transparent);
}

/* Texto de confirmação */
.sgcert-confirm-text[b-bvmdfoa3ze] {
    margin: 4px 0 0;
    font-size: 0.9rem;
    color: var(--color-sf-content-text-color);
    line-height: 1.5;
}

/* ── Botões do footer do dialog ──────────────────────────── */
.sgcert-btn-cancelar[b-bvmdfoa3ze] {
    padding: 7px 20px;
    background: var(--color-sf-content-bg-color);
    color: var(--color-sf-content-text-color);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 4px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
}

.sgcert-btn-cancelar:hover[b-bvmdfoa3ze] {
    background: var(--color-sf-content-bg-color-alt1);
    border-color: var(--color-sf-icon-color);
}

.sgcert-btn-salvar[b-bvmdfoa3ze] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 20px;
    background: var(--color-sf-primary);
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.15s;
    margin-left: 8px;
}

.sgcert-btn-salvar:hover:not(:disabled)[b-bvmdfoa3ze] { opacity: 0.88; }
.sgcert-btn-salvar:disabled[b-bvmdfoa3ze] { opacity: 0.5; cursor: not-allowed; }

/* ── Spinner animation ────────────────────────────────────── */
.sgcert-spin[b-bvmdfoa3ze] {
    display: inline-block;
    animation: sgcert-rotate-b-bvmdfoa3ze 0.8s linear infinite;
}

@keyframes sgcert-rotate-b-bvmdfoa3ze {
    to { transform: rotate(360deg); }
}

/* ── Responsividade ───────────────────────────────────────── */
@media (max-width: 900px) {
    .sgcert-shell[b-bvmdfoa3ze] {
        flex-direction: column;
    }

    .sgcert-aside[b-bvmdfoa3ze] {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px;
        padding: 16px 20px;
        align-items: flex-start;
    }

    .sgcert-aside-icon-wrap[b-bvmdfoa3ze] {
        width: 48px;
        height: 48px;
        font-size: 1.5rem;
        margin-bottom: 0;
    }

    .sgcert-stats[b-bvmdfoa3ze] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 600px) {
    .sgcert-stats[b-bvmdfoa3ze] {
        grid-template-columns: repeat(2, 1fr);
    }

    .sgcert-form-row[b-bvmdfoa3ze] {
        flex-direction: column;
    }
}
/* /Components/Pages/Coleta/AgendaColeta.razor.rz.scp.css */
/* ============================================================
   AgendaColeta — Prefixo: sgagc-
   Design: Kanban semanal — Fiori Horizon
   Paleta: Teal/Ciano (#0891b2) — módulo Logística/Coleta
   ============================================================ */

/* ── Shell ── */
.sgagc-shell[b-ud1j7aceaq] { display: flex; height: calc(100vh - 50px); overflow: hidden; }
.sgagc-shell--embedded[b-ud1j7aceaq] { height: 100%; }

/* ══════════ PAINEL ESQUERDO ══════════ */
.sgagc-aside[b-ud1j7aceaq] {
    width: 260px; min-width: 260px; flex-shrink: 0;
    background: linear-gradient(180deg, #061214 0%, #0a1c1f 45%, #0d2427 100%);
    display: flex; flex-direction: column; overflow-y: auto; position: relative; padding: 0;
}
.sgagc-aside[b-ud1j7aceaq]::before {
    content: ''; position: absolute; top: -60px; left: 50%; transform: translateX(-50%);
    width: 180px; height: 180px;
    background: radial-gradient(circle, rgba(8,145,178,0.15) 0%, transparent 70%);
    pointer-events: none; z-index: 0;
}
.sgagc-aside[b-ud1j7aceaq]::after {
    content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%;
    background: linear-gradient(180deg, transparent 0%, rgba(8,145,178,0.30) 30%, rgba(8,145,178,0.15) 70%, transparent 100%);
    z-index: 1;
}
.sgagc-aside-header[b-ud1j7aceaq] { position: relative; z-index: 2; padding: 20px 18px 16px; display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.sgagc-aside-icon-wrap[b-ud1j7aceaq] {
    width: 40px; height: 40px; border-radius: 10px;
    background: linear-gradient(135deg, rgba(8,145,178,0.25), rgba(8,145,178,0.10));
    border: 1px solid rgba(8,145,178,0.35);
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    box-shadow: 0 0 12px rgba(8,145,178,0.20);
}
.sgagc-aside-icon-wrap span[b-ud1j7aceaq] { color: #67e8f9 !important; font-size: 18px; }
.sgagc-aside-icon-wrap span[b-ud1j7aceaq]::before { color: #67e8f9 !important; }
.sgagc-aside-heading[b-ud1j7aceaq] { display: flex; flex-direction: column; gap: 2px; }
.sgagc-aside-title[b-ud1j7aceaq] { font-size: 0.78rem; font-weight: 700; color: #cffafe; margin: 0; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; }
.sgagc-aside-sub[b-ud1j7aceaq] { font-size: 0.69rem; color: rgba(255,255,255,0.38); margin: 0; }
.sgagc-aside-divider[b-ud1j7aceaq] { height: 1px; margin: 0 18px; background: linear-gradient(90deg, transparent 0%, rgba(8,145,178,0.20) 50%, transparent 100%); flex-shrink: 0; }

/* KPIs */
.sgagc-kpi-grid[b-ud1j7aceaq] { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 14px 18px; }
.sgagc-kpi-card[b-ud1j7aceaq] { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 8px; padding: 8px 10px; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.sgagc-kpi-value[b-ud1j7aceaq] { font-size: 1.2rem; font-weight: 700; color: #cffafe; }
.sgagc-kpi-label[b-ud1j7aceaq] { font-size: 0.65rem; color: rgba(255,255,255,0.40); text-transform: uppercase; letter-spacing: 0.03em; }
.sgagc-kpi--prep .sgagc-kpi-value[b-ud1j7aceaq] { color: #9ca3af; }
.sgagc-kpi--prog .sgagc-kpi-value[b-ud1j7aceaq] { color: #60a5fa; }
.sgagc-kpi--init .sgagc-kpi-value[b-ud1j7aceaq] { color: #fbbf24; }
.sgagc-kpi--done .sgagc-kpi-value[b-ud1j7aceaq] { color: #34d399; }
.sgagc-kpi--cancel .sgagc-kpi-value[b-ud1j7aceaq] { color: #f87171; }

/* Ring indicator */
.sgagc-kpi-ring-wrap[b-ud1j7aceaq] {
    position: relative;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgagc-kpi-ring-inner[b-ud1j7aceaq] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.sgagc-kpi-ring-inner .sgagc-kpi-value[b-ud1j7aceaq] {
    font-size: 0.85rem;
    line-height: 1;
}

.sgagc-kpi-pct[b-ud1j7aceaq] {
    font-size: 0.5rem;
    font-weight: 600;
    color: rgba(255,255,255,0.45);
    line-height: 1;
}

/* Legenda */
.sgagc-legend[b-ud1j7aceaq] { position: relative; z-index: 2; padding: 14px 18px; display: flex; flex-direction: column; gap: 6px; }
.sgagc-legend-title[b-ud1j7aceaq] { font-size: 0.68rem; font-weight: 600; color: rgba(255,255,255,0.50); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 4px; }
.sgagc-legend-item[b-ud1j7aceaq] { display: flex; align-items: center; gap: 8px; font-size: 0.72rem; color: rgba(255,255,255,0.55); }
.sgagc-legend-dot[b-ud1j7aceaq] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.sgagc-aside-estab[b-ud1j7aceaq] { position: relative; z-index: 2; padding: 14px 18px; margin-top: auto; display: flex; flex-direction: column; gap: 4px; }
.sgagc-estab-label[b-ud1j7aceaq] { font-size: 0.65rem; color: rgba(255,255,255,0.35); text-transform: uppercase; letter-spacing: 0.04em; }
.sgagc-estab-name[b-ud1j7aceaq] { font-size: 0.75rem; color: rgba(255,255,255,0.70); font-weight: 500; }

/* ══════════ RAIL — Painel lateral direito (motivos) ══════════ */

/* Wrapper do rail (contém botão e aside) — botão fica FORA do overflow */
.sgagc-rail-wrap[b-ud1j7aceaq] {
    position: relative;
    flex-shrink: 0;
    width: 280px;
    display: flex;
    transition: width 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.sgagc-rail-wrap--collapsed[b-ud1j7aceaq] {
    width: 44px;
}

.sgagc-rail[b-ud1j7aceaq] {
    flex: 1;
    background: linear-gradient(180deg, #0a1a1d 0%, #0d2427 100%);
    color: #e8e8e8;
    display: flex;
    flex-direction: column;
    border-left: 1px solid rgba(255,255,255,0.05);
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    min-width: 0;
}

.sgagc-rail--collapsed[b-ud1j7aceaq] {
    /* width é controlada pelo wrap */
}

/* Botão de toggle — posicionado no WRAP, fora do aside com overflow */
.sgagc-rail-toggle[b-ud1j7aceaq] {
    position: absolute;
    top: 10px;
    left: -16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.12);
    background: linear-gradient(135deg, #0d2427 0%, #143439 100%);
    color: #7BA3C9;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    box-shadow: -3px 3px 10px rgba(0,0,0,0.35);
    transition: background 0.2s, color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.sgagc-rail-toggle:hover[b-ud1j7aceaq] {
    background: linear-gradient(135deg, #143439 0%, #1e4b52 100%);
    color: #fff;
    transform: scale(1.08);
    box-shadow: -4px 4px 14px rgba(0,0,0,0.45);
}
.sgagc-rail-toggle:active[b-ud1j7aceaq] {
    transform: scale(0.96);
}
.sgagc-rail-toggle span[class*="icon-"][b-ud1j7aceaq]::before {
    font-size: 16px;
}

/* Faixa vertical exibida no modo colapsado */
.sgagc-rail-collapsed-strip[b-ud1j7aceaq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 48px 0 16px;
    cursor: pointer;
    width: 100%;
    color: rgba(255,255,255,0.70);
    transition: color 0.15s;
}
.sgagc-rail-collapsed-strip:hover[b-ud1j7aceaq] {
    color: #fff;
}
.sgagc-rail-collapsed-icon[b-ud1j7aceaq] {
    font-size: 22px;
    color: #7BA3C9;
}
.sgagc-rail-collapsed-label[b-ud1j7aceaq] {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.sgagc-rail-header[b-ud1j7aceaq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px 18px 14px;
}

.sgagc-rail-icon[b-ud1j7aceaq] {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: rgba(59, 130, 246, 0.12);
    color: #7BA3C9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.sgagc-rail-heading[b-ud1j7aceaq] { display: flex; flex-direction: column; gap: 2px; }
.sgagc-rail-title[b-ud1j7aceaq] {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
}
.sgagc-rail-sub[b-ud1j7aceaq] {
    margin: 0;
    font-size: 0.68rem;
    color: rgba(255,255,255,0.50);
    letter-spacing: 0.02em;
}

.sgagc-rail-divider[b-ud1j7aceaq] {
    height: 1px;
    background: rgba(255,255,255,0.08);
    margin: 0 18px 14px;
}

.sgagc-rail-empty[b-ud1j7aceaq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 32px 18px;
    text-align: center;
    color: rgba(255,255,255,0.45);
    font-size: 0.75rem;
}
.sgagc-rail-empty span[class*="icon-"][b-ud1j7aceaq] {
    font-size: 28px;
    color: rgba(255,255,255,0.25);
}
.sgagc-rail-empty p[b-ud1j7aceaq] { margin: 0; }

/* ── Donut chart ── */
.sgagc-rail-chart[b-ud1j7aceaq] {
    padding: 4px 18px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sgagc-rail-donut[b-ud1j7aceaq] {
    width: 160px;
    height: 160px;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.25));
}
.sgagc-rail-donut-num[b-ud1j7aceaq] {
    font-size: 22px;
    font-weight: 600;
    fill: #fff;
    font-family: "Inter", system-ui, sans-serif;
}
.sgagc-rail-donut-lbl[b-ud1j7aceaq] {
    font-size: 9px;
    fill: rgba(255,255,255,0.55);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* ── Lista de motivos ── */
.sgagc-rail-list[b-ud1j7aceaq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 18px 20px;
}
.sgagc-rail-item[b-ud1j7aceaq] {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: 3px 8px;
    align-items: center;
}
.sgagc-rail-item-top[b-ud1j7aceaq] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 8px;
}
.sgagc-rail-dot[b-ud1j7aceaq] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.sgagc-rail-item-label[b-ud1j7aceaq] {
    flex: 1;
    font-size: 0.72rem;
    color: rgba(255,255,255,0.82);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sgagc-rail-item-qtd[b-ud1j7aceaq] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #fff;
    font-variant-numeric: tabular-nums;
    margin-left: auto;
}
.sgagc-rail-bar[b-ud1j7aceaq] {
    grid-column: 1 / 2;
    height: 4px;
    background: rgba(255,255,255,0.06);
    border-radius: 2px;
    overflow: hidden;
}
.sgagc-rail-bar-fill[b-ud1j7aceaq] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.sgagc-rail-item-pct[b-ud1j7aceaq] {
    grid-column: 2 / 3;
    font-size: 0.68rem;
    color: rgba(255,255,255,0.50);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

/* ══════════ PAINEL DIREITO ══════════ */
.sgagc-main[b-ud1j7aceaq] {
    flex: 1; display: flex; flex-direction: column;
    background: var(--color-sf-content-bg-color, #f8fafc);
    overflow: hidden;
}

/* ── Toolbar de navegação ── */
.sgagc-toolbar[b-ud1j7aceaq] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: var(--color-sf-content-bg-color, #fff);
    border-bottom: 1px solid var(--color-sf-content-text-color-disabled);
    flex-shrink: 0;
}
.sgagc-nav-btn[b-ud1j7aceaq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid var(--color-sf-primary);
    background: var(--color-sf-content-bg-color, #fff);
    cursor: pointer;
    color: var(--color-sf-content-text-color-alt1, #4b5563);
    transition: background 0.15s, border-color 0.15s;
}
.sgagc-nav-btn:hover[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color-alt1, #f3f4f6); border-color: #0891b2; }
.sgagc-nav-btn span[b-ud1j7aceaq]::before { font-size: 14px; }
.sgagc-nav-today[b-ud1j7aceaq] { width: auto; padding: 0 12px; font-size: 0.75rem; font-weight: 600; }
.sgagc-toolbar-title[b-ud1j7aceaq] { font-size: 0.88rem; font-weight: 700; color: var(--color-sf-content-text-color, #1f2937); margin-left: 8px; }
.sgagc-toolbar-count[b-ud1j7aceaq] { font-size: 0.72rem; color: var(--color-sf-content-text-color-alt2, #6b7280); margin-left: auto; }

/* ══════════ KANBAN ══════════ */
.sgagc-kanban[b-ud1j7aceaq] {
    display: grid;
    /* minmax(0, 1fr) impede que o conteúdo (tooltip etc) force a coluna a crescer */
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0; flex: 1; overflow: hidden;
}

/* ── Coluna ── */
.sgagc-kanban-col[b-ud1j7aceaq] {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--color-sf-content-text-color-disabled);
    overflow: hidden;
    min-width: 0; /* Permite que a coluna respeite o 1fr sem crescer */
}
.sgagc-kanban-col:last-child[b-ud1j7aceaq] { border-right: none; }

.sgagc-kanban-col--today[b-ud1j7aceaq] { background: color-mix(in srgb, #0891b2 3%, transparent); }

/* Header da coluna */
.sgagc-col-header[b-ud1j7aceaq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 10px 8px 8px;
    background: var(--color-sf-content-bg-color, #fff);
    border-bottom: 2px solid var(--color-sf-table-bg-color-hover);
    flex-shrink: 0;
}
.sgagc-col-header--today[b-ud1j7aceaq] { border-bottom-color: #0891b2; }
.sgagc-col-day[b-ud1j7aceaq] { font-size: 0.62rem; font-weight: 700; color: var(--color-sf-content-text-color-alt2, #9ca3af); letter-spacing: 0.06em; }
.sgagc-col-header--today .sgagc-col-day[b-ud1j7aceaq] { color: #0891b2; }
.sgagc-col-date[b-ud1j7aceaq] { font-size: 1.15rem; font-weight: 800; color: var(--color-sf-content-text-color, #1f2937); line-height: 1; }
.sgagc-col-header--today .sgagc-col-date[b-ud1j7aceaq] {
    color: #fff; background: #0891b2; border-radius: 50%;
    width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;
    font-size: 0.82rem;
}
.sgagc-col-badges[b-ud1j7aceaq] { display: flex; gap: 6px; margin-top: 2px; }
.sgagc-col-count[b-ud1j7aceaq] { font-size: 0.58rem; font-weight: 600; color: var(--color-sf-content-text-color-alt2, #9ca3af); }
.sgagc-col-points[b-ud1j7aceaq] { font-size: 0.58rem; font-weight: 600; color: #0891b2; }

/* Body da coluna — scrollable */
.sgagc-col-body[b-ud1j7aceaq] {
    flex: 1; overflow-y: auto; padding: 8px 8px;
    display: flex; flex-direction: column; gap: 8px;
    scrollbar-width: thin;
    scrollbar-color: rgba(8,145,178,0.20) transparent;
}
.sgagc-col-body[b-ud1j7aceaq]::-webkit-scrollbar { width: 4px; }
.sgagc-col-body[b-ud1j7aceaq]::-webkit-scrollbar-track { background: transparent; }
.sgagc-col-body[b-ud1j7aceaq]::-webkit-scrollbar-thumb { background: rgba(8,145,178,0.25); border-radius: 4px; }
.sgagc-col-body[b-ud1j7aceaq]::-webkit-scrollbar-thumb:hover { background: rgba(8,145,178,0.40); }

.sgagc-col-empty[b-ud1j7aceaq] {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    padding: 24px 0; color: var(--color-sf-content-text-color-alt2, #d1d5db);
    font-size: 0.68rem;
}
.sgagc-col-empty span[b-ud1j7aceaq]::before { font-size: 20px; color: var(--color-sf-content-text-color-alt2, #d1d5db) !important; }

/* ══════════ CARD DE VIAGEM ══════════ */
.sgagc-card[b-ud1j7aceaq] {
    display: flex; border-radius: 10px; overflow: visible; cursor: pointer;
    background: var(--color-sf-content-bg-color, #fff);
    border: 1px solid var(--color-sf-info-bg-color-selected);
    min-height: 140px;
    transition: box-shadow 0.2s, transform 0.15s;
    position: relative;
}

/* ── Linha da PK (#ID da viagem) ── */
.sgagc-card-pk-line[b-ud1j7aceaq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    padding: 0 0 4px;
    margin-bottom: 4px;
    border-bottom: 1px solid var(--color-sf-content-border-color-alt1, #eef2f7);
    opacity: 0.85;
}
.sgagc-card-pk-label[b-ud1j7aceaq] {
    font-size: 0.52rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt2, #9ca3af);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.sgagc-card-pk-value[b-ud1j7aceaq] {
    font-size: 0.62rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    font-variant-numeric: tabular-nums;
    font-family: "SF Mono", "Menlo", Consolas, monospace;
}

/* Libera overflow dos ancestrais quando há tooltip ativo — permite tooltip escapar */
.sgagc-col-body:has(.sgagc-card-info:hover)[b-ud1j7aceaq],
.sgagc-kanban-col:has(.sgagc-card-info:hover)[b-ud1j7aceaq] {
    overflow: visible;
    /* Eleva a coluna acima das colunas vizinhas para o tooltip não ficar atrás */
    z-index: 50;
    position: relative;
}
.sgagc-kanban-col:has(.sgagc-card-info:hover)[b-ud1j7aceaq] {
    z-index: 100;
}

/* Card sendo hovered também fica elevado */
.sgagc-card:has(.sgagc-card-info:hover)[b-ud1j7aceaq] {
    z-index: 150;
    position: relative;
}

/* ── Ícone info com tooltip ── */
.sgagc-card-info[b-ud1j7aceaq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    cursor: help;
    color: var(--color-sf-content-text-color-alt2, #94a3b8);
    transition: color 0.15s, background 0.15s;
    flex-shrink: 0;
    margin-right: 4px;
}
.sgagc-card-info:hover[b-ud1j7aceaq] {
    color: #0891b2;
    background: rgba(8, 145, 178, 0.08);
}
.sgagc-card-info span[class*="icon-"][b-ud1j7aceaq]::before {
    font-size: 14px;
}

/* Tooltip: inicialmente oculto, aparece on hover */
.sgagc-card-info-tooltip[b-ud1j7aceaq] {
    position: absolute;
    bottom: calc(100% + 8px);
    left: -6px;
    width: 320px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.08);
    padding: 12px 14px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
    pointer-events: none;
    z-index: 200;
    cursor: default;
}
.sgagc-card-info:hover .sgagc-card-info-tooltip[b-ud1j7aceaq] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.sgagc-tt-header[b-ud1j7aceaq] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 8px;
}
.sgagc-tt-title[b-ud1j7aceaq] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #1f2937;
    letter-spacing: 0.01em;
}
.sgagc-tt-header span[class*="icon-"][b-ud1j7aceaq] {
    color: #0891b2;
    font-size: 14px;
}

/* Estado vazio do tooltip */
.sgagc-tt-empty[b-ud1j7aceaq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 16px 8px 6px;
    text-align: center;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 500;
}
.sgagc-tt-empty span[class*="icon-"][b-ud1j7aceaq] {
    font-size: 22px;
    color: #cbd5e1;
}
:global(.e-dark-mode) .sgagc-tt-empty[b-ud1j7aceaq] { color: #94a3b8; }
:global(.e-dark-mode) .sgagc-tt-empty span[class*="icon-"][b-ud1j7aceaq] { color: #475569; }

.sgagc-tt-section[b-ud1j7aceaq] { margin-bottom: 10px; }
.sgagc-tt-section:last-child[b-ud1j7aceaq] { margin-bottom: 0; }
.sgagc-tt-section-title[b-ud1j7aceaq] {
    font-size: 0.62rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 5px;
}
.sgagc-tt-row[b-ud1j7aceaq] {
    display: grid;
    grid-template-columns: 10px 1fr auto 44px;
    align-items: center;
    gap: 6px;
    padding: 2px 0;
    font-size: 0.72rem;
}
.sgagc-tt-dot[b-ud1j7aceaq] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}
.sgagc-tt-label[b-ud1j7aceaq] {
    color: #374151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.sgagc-tt-qtd[b-ud1j7aceaq] {
    font-weight: 600;
    color: #1f2937;
    font-variant-numeric: tabular-nums;
}
.sgagc-tt-pct[b-ud1j7aceaq] {
    color: #9ca3af;
    font-size: 0.65rem;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

/* ── Dark mode ── */
:global(.e-dark-mode) .sgagc-card-pk-line[b-ud1j7aceaq] {
    border-bottom-color: #1a3a6c;
}
:global(.e-dark-mode) .sgagc-card-info-tooltip[b-ud1j7aceaq] {
    background: #1e2430;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3);
}
:global(.e-dark-mode) .sgagc-tt-header[b-ud1j7aceaq] {
    border-bottom-color: rgba(255, 255, 255, 0.06);
}
:global(.e-dark-mode) .sgagc-tt-title[b-ud1j7aceaq] { color: #f3f4f6; }
:global(.e-dark-mode) .sgagc-tt-label[b-ud1j7aceaq] { color: #d1d5db; }
:global(.e-dark-mode) .sgagc-tt-qtd[b-ud1j7aceaq] { color: #f3f4f6; }
:global(.e-dark-mode) .sgagc-tt-section-title[b-ud1j7aceaq] { color: #9ca3af; }
.sgagc-card:hover[b-ud1j7aceaq] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.10);
    transform: translateY(-1px);
}

/* Accent bar lateral */
.sgagc-card-accent[b-ud1j7aceaq] { width: 5px; flex-shrink: 0; border-radius: 8px 0 0 8px; }
.sgagc-accent--prep[b-ud1j7aceaq] { background: #6b7280; }
.sgagc-accent--prog[b-ud1j7aceaq] { background: #3b82f6; }
.sgagc-accent--init[b-ud1j7aceaq] { background: #f59e0b; }
.sgagc-accent--done[b-ud1j7aceaq] { background: #10b981; }
.sgagc-accent--cancel[b-ud1j7aceaq] { background: #ef4444; }
.sgagc-accent--prev[b-ud1j7aceaq] { background: repeating-linear-gradient(180deg, #8b5cf6 0px, #8b5cf6 4px, transparent 4px, transparent 8px); }

/* Body do card */
.sgagc-card-body[b-ud1j7aceaq] { flex: 1; padding: 8px 10px; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sgagc-card-header[b-ud1j7aceaq] { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.sgagc-card-route[b-ud1j7aceaq] { font-size: 0.75rem; font-weight: 700; color: var(--color-sf-content-text-color, #1f2937); line-height: 1.2; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Badge de status */
.sgagc-card-badge[b-ud1j7aceaq] {
    display: inline-flex; align-items: center; flex-shrink: 0;
    padding: 2px 7px; border-radius: 4px;
    font-size: 0.60rem; font-weight: 700; letter-spacing: 0.04em;
}
.sgagc-badge--prep[b-ud1j7aceaq] { background: #f3f4f6; color: #6b7280; }
.sgagc-badge--prog[b-ud1j7aceaq] { background: #eff6ff; color: #2563eb; }
.sgagc-badge--init[b-ud1j7aceaq] { background: #fffbeb; color: #b45309; }
.sgagc-badge--done[b-ud1j7aceaq] { background: #ecfdf5; color: #059669; }
.sgagc-badge--cancel[b-ud1j7aceaq] { background: #fef2f2; color: #dc2626; }
.sgagc-badge--prev[b-ud1j7aceaq] { background: #f5f3ff; color: #7c3aed; }

/* Card de previsão */
.sgagc-card--prev[b-ud1j7aceaq] { border-style: dashed !important; border-color: rgba(139,92,246,0.30) !important; opacity: 0.85; }
.sgagc-card--prev .sgagc-card-route[b-ud1j7aceaq] { font-style: italic; }
.sgagc-card--prev .sgagc-card-row[b-ud1j7aceaq] { font-style: italic; opacity: 0.65; }
.sgagc-card-period[b-ud1j7aceaq] { font-size: 0.60rem !important; color: #7c3aed !important; opacity: 1 !important; font-style: normal !important; }

/* Rows do card */
.sgagc-card-row[b-ud1j7aceaq] {
    display: flex; align-items: center; gap: 5px;
    font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1, #4b5563);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sgagc-card-ico[b-ud1j7aceaq] { font-size: 13px; flex-shrink: 0; opacity: 0.55; }
.sgagc-card-ico[b-ud1j7aceaq]::before { font-size: 13px; }

/* Footer do card */
.sgagc-card-footer[b-ud1j7aceaq] {
    display: flex; align-items: center; gap: 8px;
    margin-top: 2px; padding-top: 4px; font-size: 0.68rem;
    color: var(--color-sf-content-text-color-alt2, #6b7280);
    border-top: 1px solid var(--color-sf-content-border-color-alt1, #f0f0f0);
}
.sgagc-card-points[b-ud1j7aceaq] { display: flex; align-items: center; gap: 3px; font-weight: 700; color: #0891b2; }
.sgagc-card-collected[b-ud1j7aceaq] { font-weight: 700; color: #059669; }
.sgagc-card-weight[b-ud1j7aceaq] { color: var(--color-sf-content-text-color-alt2, #9ca3af); font-weight: 500; }

/* ══════════ DIÁLOGO DE DETALHE ══════════ */
.sgagc-detail-split[b-ud1j7aceaq] { display: flex; gap: 0; height: calc(90vh - 80px); overflow: hidden; }
.sgagc-detail-left[b-ud1j7aceaq] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--color-sf-primary);
    overflow: hidden;
}
.sgagc-detail-right[b-ud1j7aceaq] { width: 50%; min-width: 400px; display: flex; flex-direction: column; overflow: hidden; }

/* Info bar compacta */
.sgagc-detail-info-bar[b-ud1j7aceaq] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--color-sf-primary);
    flex-shrink: 0;
}
.sgagc-info-item[b-ud1j7aceaq] { display: flex; flex-direction: column; gap: 1px; }
.sgagc-info-item label[b-ud1j7aceaq] { font-size: 0.58rem; font-weight: 600; color: var(--color-sf-content-text-color-alt2, #9ca3af); text-transform: uppercase; letter-spacing: 0.03em; }
.sgagc-info-item span[b-ud1j7aceaq] { font-size: 0.75rem; font-weight: 500; color: var(--color-sf-content-text-color, #1f2937); }

/* Mapa */
.sgagc-map-header[b-ud1j7aceaq] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color, #1f2937);
    border-bottom: 1px solid var(--color-sf-primary);
    flex-shrink: 0;
}
.sgagc-map-ico[b-ud1j7aceaq] { font-size: 16px; color: #0891b2; }
.sgagc-map-ico[b-ud1j7aceaq]::before { color: #0891b2 !important; }
.sgagc-map-container[b-ud1j7aceaq] { flex: 1 1 0%; min-height: 300px; position: relative; z-index: 0; }
.sgagc-detail-section[b-ud1j7aceaq] { margin-bottom: 20px; }
.sgagc-detail-section-title[b-ud1j7aceaq] {
    font-size: 0.82rem; font-weight: 700;
    color: var(--color-sf-content-text-color, #1f2937);
    margin-bottom: 12px; display: flex; align-items: center; gap: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
}
.sgagc-detail-count[b-ud1j7aceaq] {
    background: rgba(8,145,178,0.12); color: #0891b2;
    font-size: 0.68rem; font-weight: 700;
    padding: 2px 8px; border-radius: 10px;
}
.sgagc-detail-grid[b-ud1j7aceaq] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sgagc-detail-field[b-ud1j7aceaq] { display: flex; flex-direction: column; gap: 4px; }
.sgagc-detail-field label[b-ud1j7aceaq] { font-size: 0.68rem; font-weight: 600; color: var(--color-sf-content-text-color-alt2, #6b7280); text-transform: uppercase; letter-spacing: 0.03em; }
.sgagc-detail-field span[b-ud1j7aceaq] { font-size: 0.82rem; color: var(--color-sf-content-text-color, #1f2937); }
.sgagc-detail-field--full[b-ud1j7aceaq] { grid-column: 1 / -1; }

/* Balões de totais */
.sgagc-totais-row[b-ud1j7aceaq] { display: flex; gap: 8px; padding: 8px 14px; flex-shrink: 0; flex-wrap: wrap; }

.sgagc-total-balao[b-ud1j7aceaq] {
    flex: 1; display: flex; align-items: center; gap: 8px;
    padding: 8px 12px; border-radius: 8px; min-width: 0;
}
.sgagc-total-balao--conf[b-ud1j7aceaq] { background: rgba(99,102,241,0.06); border: 1px solid rgba(99,102,241,0.15); }
.sgagc-total-balao--conf .sgagc-total-ico[b-ud1j7aceaq] { color: #6366f1; }
.sgagc-total-balao--conf .sgagc-total-ico[b-ud1j7aceaq]::before { color: #6366f1 !important; }
.sgagc-total-balao--conf .sgagc-total-valor[b-ud1j7aceaq] { color: #6366f1; }
.sgagc-total-balao--alert[b-ud1j7aceaq] { background: rgba(239,68,68,0.06); border: 1px solid rgba(239,68,68,0.15); }
.sgagc-total-balao--alert .sgagc-total-ico[b-ud1j7aceaq] { color: #ef4444; }
.sgagc-total-balao--alert .sgagc-total-ico[b-ud1j7aceaq]::before { color: #ef4444 !important; }
.sgagc-total-balao--alert .sgagc-total-valor[b-ud1j7aceaq] { color: #ef4444; }
.sgagc-total-balao--peso[b-ud1j7aceaq] {
    background: rgba(8,145,178,0.06); border: 1px solid rgba(8,145,178,0.15);
}
.sgagc-total-balao--qtd[b-ud1j7aceaq] {
    background: rgba(16,185,129,0.06); border: 1px solid rgba(16,185,129,0.15);
}
.sgagc-total-ico[b-ud1j7aceaq] { font-size: 20px; flex-shrink: 0; }
.sgagc-total-balao--peso .sgagc-total-ico[b-ud1j7aceaq] { color: #0891b2; }
.sgagc-total-balao--peso .sgagc-total-ico[b-ud1j7aceaq]::before { color: #0891b2 !important; }
.sgagc-total-balao--qtd .sgagc-total-ico[b-ud1j7aceaq] { color: #10b981; }
.sgagc-total-balao--qtd .sgagc-total-ico[b-ud1j7aceaq]::before { color: #10b981 !important; }
.sgagc-total-info[b-ud1j7aceaq] { display: flex; flex-direction: column; gap: 1px; }
.sgagc-total-label[b-ud1j7aceaq] { font-size: 0.60rem; font-weight: 600; color: var(--color-sf-content-text-color-alt2, #6b7280); text-transform: uppercase; letter-spacing: 0.03em; }
.sgagc-total-valor[b-ud1j7aceaq] { font-size: 1.05rem; font-weight: 800; }
.sgagc-total-balao--peso .sgagc-total-valor[b-ud1j7aceaq] { color: #0891b2; }
.sgagc-total-balao--qtd .sgagc-total-valor[b-ud1j7aceaq] { color: #10b981; }
.sgagc-total-balao--expectativa[b-ud1j7aceaq] { background: rgba(245,158,11,0.06); border: 1px solid rgba(245,158,11,0.15); }
.sgagc-total-balao--expectativa .sgagc-total-ico[b-ud1j7aceaq] { color: #f59e0b; }
.sgagc-total-balao--expectativa .sgagc-total-ico[b-ud1j7aceaq]::before { color: #f59e0b !important; }
.sgagc-total-balao--expectativa .sgagc-total-valor[b-ud1j7aceaq] { color: #f59e0b; }

:global(.e-dark-mode) .sgagc-total-balao--peso[b-ud1j7aceaq] { background: rgba(8,145,178,0.08) !important; border-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-total-balao--qtd[b-ud1j7aceaq] { background: rgba(16,185,129,0.08) !important; border-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-total-balao--expectativa[b-ud1j7aceaq] { background: rgba(245,158,11,0.08) !important; border-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-total-balao--peso .sgagc-total-valor[b-ud1j7aceaq] { color: #22d3ee !important; }
:global(.e-dark-mode) .sgagc-total-balao--qtd .sgagc-total-valor[b-ud1j7aceaq] { color: #34d399 !important; }
:global(.e-dark-mode) .sgagc-total-balao--expectativa .sgagc-total-valor[b-ud1j7aceaq] { color: #fbbf24 !important; }

/* Tabs do detalhe */
.sgagc-detail-tabs[b-ud1j7aceaq] {
    display: flex; gap: 0; flex-shrink: 0;
    border-bottom: none;
}
.sgagc-dtab[b-ud1j7aceaq] {
    display: flex; align-items: center; gap: 5px;
    padding: 8px 16px; border: none; background: none;
    font-size: 0.72rem; font-weight: 500; cursor: pointer;
    color: var(--color-sf-content-text-color-alt2, #9ca3af);
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
}
.sgagc-dtab:hover[b-ud1j7aceaq] { color: var(--color-sf-content-text-color, #1f2937); }
.sgagc-dtab--active[b-ud1j7aceaq] { color: #0891b2; font-weight: 600; border-bottom-color: #0891b2; }
.sgagc-dtab span[b-ud1j7aceaq]::before { font-size: 14px; }

.sgagc-detail-tab-body[b-ud1j7aceaq] { flex: 1; overflow-y: auto; padding: 10px 14px; }

/* Indicadores */
.sgagc-ind-section[b-ud1j7aceaq] { margin-bottom: 16px; }
.sgagc-ind-title[b-ud1j7aceaq] { font-size: 0.85rem; font-weight: 700; color: var(--color-sf-content-text-color, #1f2937); margin: 0 0 10px; }
.sgagc-ind-bars[b-ud1j7aceaq] { display: flex; flex-direction: column; gap: 6px; }
.sgagc-ind-bar-row[b-ud1j7aceaq] { display: flex; align-items: center; gap: 8px; }
.sgagc-ind-bar-label[b-ud1j7aceaq] { font-size: 0.65rem; color: var(--color-sf-content-text-color-alt1, #4b5563); width: 180px; min-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgagc-ind-bar-track[b-ud1j7aceaq] { flex: 1; height: 8px; background: var(--color-sf-content-bg-color-alt1, #f3f4f6); border-radius: 4px; overflow: hidden; }
.sgagc-ind-bar-fill[b-ud1j7aceaq] { height: 100%; border-radius: 4px; transition: width 0.3s ease; }
.sgagc-ind-bar-value[b-ud1j7aceaq] { font-size: 0.68rem; font-weight: 700; color: var(--color-sf-content-text-color, #1f2937); min-width: 40px; text-align: right; }
.sgagc-ind-bar-pct[b-ud1j7aceaq] { font-size: 0.62rem; font-weight: 600; color: var(--color-sf-content-text-color-alt1, #6b7280); min-width: 42px; text-align: right; }

/* Pontos de coleta */
.sgagc-pontos-list[b-ud1j7aceaq] { display: flex; flex-direction: column; gap: 6px; }
.sgagc-ponto-card[b-ud1j7aceaq] {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 10px 12px;
    background: var(--color-sf-content-bg-color-alt1, #f9fafb);
    border: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
    border-radius: 8px; transition: background 0.2s;
}
.sgagc-ponto-card:hover[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color-alt2, #f3f4f6); }
.sgagc-ponto--done[b-ud1j7aceaq] { border-left: 3px solid #10b981; }
.sgagc-ponto-order[b-ud1j7aceaq] {
    width: 28px; height: 28px; border-radius: 50%;
    background: rgba(8,145,178,0.10); border: 1px solid rgba(8,145,178,0.25); color: #0891b2;
    font-size: 0.72rem; font-weight: 700;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.sgagc-ponto--done .sgagc-ponto-order[b-ud1j7aceaq] { background: rgba(16,185,129,0.12); border-color: rgba(16,185,129,0.30); color: #10b981; }
.sgagc-ponto-info[b-ud1j7aceaq] { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sgagc-ponto-name[b-ud1j7aceaq] { font-size: 0.78rem; font-weight: 600; color: var(--color-sf-content-text-color, #1f2937); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgagc-ponto-addr[b-ud1j7aceaq] { font-size: 0.68rem; color: var(--color-sf-content-text-color-alt2, #6b7280); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgagc-ponto-client[b-ud1j7aceaq] { font-size: 0.68rem; color: var(--color-sf-content-text-color-alt1, #4b5563); }
.sgagc-ponto-meta[b-ud1j7aceaq] { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; flex-shrink: 0; }
.sgagc-ponto-period[b-ud1j7aceaq] { font-size: 0.60rem; font-weight: 500; color: #0891b2; background: rgba(8,145,178,0.08); padding: 1px 6px; border-radius: 4px; white-space: nowrap; }
.sgagc-ponto-weight[b-ud1j7aceaq] { font-size: 0.68rem; font-weight: 600; color: var(--color-sf-content-text-color-alt1, #4b5563); }
.sgagc-ponto-peso-medio[b-ud1j7aceaq] { font-size: 0.62rem; font-weight: 600; color: #0891b2; display: flex; align-items: center; gap: 3px; white-space: nowrap; }
.sgagc-ponto-peso-medio span[class*="icon-"][b-ud1j7aceaq]::before { font-size: 11px; color: #0891b2 !important; }
.sgagc-ponto-peso-info[b-ud1j7aceaq] { cursor: help; opacity: 0.5; transition: opacity 0.15s; }
.sgagc-ponto-peso-info:hover[b-ud1j7aceaq] { opacity: 1; }
.sgagc-ponto-peso-info[b-ud1j7aceaq]::before { font-size: 10px !important; }
.sgagc-ponto-ultima[b-ud1j7aceaq] { font-size: 0.58rem; color: var(--color-sf-content-text-color-alt2, #6b7280); display: flex; align-items: center; gap: 3px; white-space: nowrap; }
.sgagc-ponto-ultima span[class*="icon-"][b-ud1j7aceaq]::before { font-size: 10px; }
.sgagc-ponto-motivo[b-ud1j7aceaq] { font-size: 0.56rem; font-weight: 500; color: #b45309; background: rgba(245,158,11,0.08); padding: 1px 5px; border-radius: 3px; white-space: nowrap; max-width: 160px; overflow: hidden; text-overflow: ellipsis; }
.sgagc-ponto-status[b-ud1j7aceaq] { font-size: 0.58rem; font-weight: 600; padding: 1px 6px; border-radius: 4px; background: rgba(245,158,11,0.10); color: #b45309; text-transform: uppercase; letter-spacing: 0.03em; }
.sgagc-ponto-status--done[b-ud1j7aceaq] { background: rgba(16,185,129,0.10); color: #059669; }

/* Conferido button */
.sgagc-ponto-conf[b-ud1j7aceaq] { display: flex; align-items: center; flex-shrink: 0; margin-left: 4px; gap: 0; }
.sgagc-conf-btn[b-ud1j7aceaq] {
    background: none; border: none; cursor: pointer; padding: 2px;
    font-size: 0.85rem; color: #d1d5db; border-radius: 50%;
    transition: color 0.2s, transform 0.15s;
    display: flex; align-items: center; justify-content: center;
    line-height: 1;
}
.sgagc-conf-btn span[class*="icon-"][b-ud1j7aceaq] { font-size: 14px; }
.sgagc-conf-btn:hover[b-ud1j7aceaq] { color: #10b981; transform: scale(1.15); }
.sgagc-conf-btn--done[b-ud1j7aceaq] { color: #10b981; cursor: default; }
.sgagc-conf-btn--done:hover[b-ud1j7aceaq] { transform: none; }
.sgagc-conf-btn--edit[b-ud1j7aceaq] { color: #94a3b8; }
.sgagc-conf-btn--edit:hover[b-ud1j7aceaq] { color: #0078d4; }
.sgagc-conf-btn--del[b-ud1j7aceaq] { color: #94a3b8; }
.sgagc-conf-btn--del:hover[b-ud1j7aceaq] { color: #dc2626; }

/* Ponto sugerido — toolbar */
.sgagc-sug-toolbar[b-ud1j7aceaq] {
    display: flex; align-items: center; gap: 8px;
    padding: 6px 0 10px; flex-shrink: 0;
}
.sgagc-sug-btn[b-ud1j7aceaq] {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 5px 14px; border-radius: 6px; border: none;
    font-size: 0.70rem; font-weight: 600; cursor: pointer;
    transition: background 0.15s, transform 0.1s;
}
.sgagc-sug-btn:active[b-ud1j7aceaq] { transform: scale(0.97); }
.sgagc-sug-btn--add[b-ud1j7aceaq] {
    background: rgba(8,145,178,0.10); color: #0891b2; border: 1px solid rgba(8,145,178,0.20);
}
.sgagc-sug-btn--add:hover[b-ud1j7aceaq] { background: rgba(8,145,178,0.18); }
.sgagc-sug-btn--add span[class*="icon-"][b-ud1j7aceaq]::before { color: #0891b2 !important; font-size: 14px; }

/* Ponto sugerido — botão de excluir */
.sgagc-ponto-del[b-ud1j7aceaq] {
    background: none; border: none; cursor: pointer; padding: 4px;
    color: rgba(239,68,68,0.4); border-radius: 50%; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    transition: color 0.15s, transform 0.1s;
}
.sgagc-ponto-del:hover[b-ud1j7aceaq] { color: #ef4444; transform: scale(1.15); }
.sgagc-ponto-del span[class*="icon-"][b-ud1j7aceaq]::before { color: inherit !important; font-size: 16px; }

/* Ponto sugerido — cliente mudou-se */
.sgagc-ponto--mudou[b-ud1j7aceaq] {
    border-left: 3px solid #ef4444; opacity: 0.6;
    background: rgba(239,68,68,0.04) !important;
}
.sgagc-ponto-order--mudou[b-ud1j7aceaq] {
    background: rgba(239,68,68,0.10) !important;
    border-color: rgba(239,68,68,0.25) !important;
    color: #ef4444 !important;
    text-decoration: line-through;
}
.sgagc-ponto-mudou-badge[b-ud1j7aceaq] {
    display: inline-flex; align-items: center; gap: 3px;
    font-size: 0.58rem; font-weight: 600; color: #ef4444;
    background: rgba(239,68,68,0.08); padding: 2px 6px; border-radius: 3px;
    margin-top: 2px;
}
.sgagc-ponto-mudou-badge span[class*="icon-"][b-ud1j7aceaq]::before { color: #ef4444 !important; font-size: 11px; }

/* ══════════ INSERIR PONTO DIALOG ══════════ */
.sgagc-ins-header[b-ud1j7aceaq] {
    display: flex; align-items: center; gap: 8px;
    font-size: 0.90rem; font-weight: 700;
    color: var(--color-sf-content-text-color, #1f2937);
}
.sgagc-ins-header-ico[b-ud1j7aceaq] { font-size: 18px; color: #0891b2; }
.sgagc-ins-header-ico[b-ud1j7aceaq]::before { color: #0891b2 !important; }
.sgagc-ins-body[b-ud1j7aceaq] { display: flex; flex-direction: column; gap: 8px; height: 100%; }
.sgagc-ins-search-wrap[b-ud1j7aceaq] {
    display: flex; align-items: center; gap: 8px;
    padding: 7px 12px; border-radius: 8px;
    background: var(--color-sf-content-bg-color-alt1, #f9fafb);
    border: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
    flex-shrink: 0;
}
.sgagc-ins-search-ico[b-ud1j7aceaq] { font-size: 16px; color: var(--color-sf-content-text-color-alt2, #9ca3af); flex-shrink: 0; }
.sgagc-ins-search-ico[b-ud1j7aceaq]::before { color: inherit !important; }
.sgagc-ins-search[b-ud1j7aceaq] {
    flex: 1; border: none; outline: none; background: transparent;
    font-size: 0.78rem; color: var(--color-sf-content-text-color, #1f2937);
}
.sgagc-ins-search[b-ud1j7aceaq]::placeholder { color: var(--color-sf-content-text-color-alt2, #9ca3af); }
.sgagc-ins-list[b-ud1j7aceaq] {
    display: flex; flex-direction: column; gap: 4px;
    overflow-y: auto; flex: 1; padding-right: 4px;
}
.sgagc-ins-item[b-ud1j7aceaq] {
    display: flex; align-items: flex-start; gap: 8px;
    padding: 8px 10px; border-radius: 6px; cursor: pointer;
    border: 1px solid transparent;
    transition: background 0.12s, border-color 0.12s;
}
.sgagc-ins-item:hover[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color-alt1, #f3f4f6); }
.sgagc-ins-item--sel[b-ud1j7aceaq] {
    background: rgba(8,145,178,0.06) !important;
    border-color: rgba(8,145,178,0.25);
}
.sgagc-ins-check[b-ud1j7aceaq] { font-size: 18px; color: #d1d5db; flex-shrink: 0; padding-top: 1px; }
.sgagc-ins-check span[class*="icon-"][b-ud1j7aceaq]::before { color: inherit !important; }
.sgagc-ins-item--sel .sgagc-ins-check[b-ud1j7aceaq] { color: #0891b2; }
.sgagc-ins-item-info[b-ud1j7aceaq] { flex: 1; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.sgagc-ins-item-name[b-ud1j7aceaq] { font-size: 0.74rem; font-weight: 600; color: var(--color-sf-content-text-color, #1f2937); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgagc-ins-item-client[b-ud1j7aceaq] { font-size: 0.65rem; color: var(--color-sf-content-text-color-alt1, #4b5563); }
.sgagc-ins-item-addr[b-ud1j7aceaq] { font-size: 0.62rem; color: var(--color-sf-content-text-color-alt2, #6b7280); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgagc-ins-footer[b-ud1j7aceaq] {
    display: flex; align-items: center; justify-content: flex-end; gap: 10px;
    padding: 4px 0;
}
.sgagc-ins-sel-count[b-ud1j7aceaq] { font-size: 0.68rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); margin-right: auto; }
.sgagc-ins-btn[b-ud1j7aceaq] {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 7px 18px; border-radius: 6px; border: none;
    font-size: 0.72rem; font-weight: 600; cursor: pointer;
    transition: background 0.15s, opacity 0.15s;
}
.sgagc-ins-btn:disabled[b-ud1j7aceaq] { opacity: 0.4; cursor: not-allowed; }
.sgagc-ins-btn--cancel[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color-alt1, #f3f4f6); color: var(--color-sf-content-text-color-alt1, #4b5563); }
.sgagc-ins-btn--cancel:hover[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color-alt2, #e5e7eb); }
.sgagc-ins-btn--confirm[b-ud1j7aceaq] { background: #0891b2; color: #fff; }
.sgagc-ins-btn--confirm:hover:not(:disabled)[b-ud1j7aceaq] { background: #0e7490; }
.sgagc-ins-btn--confirm span[class*="icon-"][b-ud1j7aceaq]::before { color: #fff !important; font-size: 13px; }
.sgagc-ins-item--added[b-ud1j7aceaq] { opacity: 0.45; cursor: default !important; }
.sgagc-ins-item--added:hover[b-ud1j7aceaq] { background: transparent !important; }
.sgagc-ins-item--added .sgagc-ins-check[b-ud1j7aceaq] { color: #10b981; }
.sgagc-ins-item-badge[b-ud1j7aceaq] {
    font-size: 0.56rem; font-weight: 600; color: #10b981;
    background: rgba(16,185,129,0.08); padding: 2px 7px; border-radius: 4px;
    white-space: nowrap; flex-shrink: 0; align-self: center;
}

/* ══════════ MTR LIST ══════════ */
.sgagc-mtr-list[b-ud1j7aceaq] { display: flex; flex-direction: column; gap: 8px; padding: 12px; overflow-y: auto; flex: 1; }
.sgagc-mtr-card[b-ud1j7aceaq] {
    background: var(--color-sf-content-bg-color, #fff);
    border: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
    border-radius: 8px; padding: 10px 12px;
    display: flex; flex-direction: column; gap: 6px;
    transition: border-color 0.15s;
}
.sgagc-mtr-card:hover[b-ud1j7aceaq] { border-color: rgba(8,145,178,0.40); }
.sgagc-mtr-header[b-ud1j7aceaq] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.sgagc-mtr-numero[b-ud1j7aceaq] { font-size: 0.80rem; font-weight: 700; color: var(--color-sf-content-text-color, #1f2937); display: flex; align-items: center; gap: 6px; }
.sgagc-mtr-ico[b-ud1j7aceaq] { font-size: 14px; color: #0891b2; }
.sgagc-mtr-ico[b-ud1j7aceaq]::before { color: #0891b2 !important; }
.sgagc-mtr-sit[b-ud1j7aceaq] {
    font-size: 0.58rem; font-weight: 700; padding: 2px 8px; border-radius: 4px;
    text-transform: uppercase; letter-spacing: 0.03em; white-space: nowrap;
}
.sgagc-mtr-sit--done[b-ud1j7aceaq] { background: rgba(16,185,129,0.10); color: #059669; }
.sgagc-mtr-sit--active[b-ud1j7aceaq] { background: rgba(59,130,246,0.10); color: #2563eb; }
.sgagc-mtr-sit--cancel[b-ud1j7aceaq] { background: rgba(239,68,68,0.10); color: #dc2626; }
.sgagc-mtr-sit--draft[b-ud1j7aceaq] { background: rgba(107,114,128,0.10); color: #6b7280; }
.sgagc-mtr-row[b-ud1j7aceaq] { display: flex; align-items: baseline; gap: 6px; font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1, #4b5563); min-width: 0; }
.sgagc-mtr-row--sub[b-ud1j7aceaq] { font-size: 0.68rem; color: var(--color-sf-content-text-color-alt2, #6b7280); }
.sgagc-mtr-label[b-ud1j7aceaq] { font-size: 0.62rem; font-weight: 600; color: var(--color-sf-content-text-color-alt2, #9ca3af); text-transform: uppercase; letter-spacing: 0.03em; flex-shrink: 0; min-width: 70px; }
.sgagc-mtr-footer[b-ud1j7aceaq] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding-top: 4px; border-top: 1px solid var(--color-sf-content-border-color-alt1, #f3f4f6); }
.sgagc-mtr-meta[b-ud1j7aceaq] { font-size: 0.68rem; color: var(--color-sf-content-text-color-alt2, #6b7280); display: flex; align-items: center; gap: 3px; }
.sgagc-mtr-meta--peso[b-ud1j7aceaq] { font-weight: 600; color: #0891b2; }
.sgagc-mtr-meta--valor[b-ud1j7aceaq] { font-weight: 600; color: #059669; }
.sgagc-mtr-meta--nf[b-ud1j7aceaq] { font-weight: 500; color: #7c3aed; }
.sgagc-mtr-log[b-ud1j7aceaq] { display: none; }
.sgagc-mtr-actions[b-ud1j7aceaq] { display: flex; gap: 4px; margin-left: auto; margin-right: 8px; }
.sgagc-mtr-btn[b-ud1j7aceaq] {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 0.65rem; font-weight: 600; padding: 2px 6px; border-radius: 5px; white-space: nowrap;
    border: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
    background: var(--color-sf-content-bg-color, #fff); color: #0891b2;
    cursor: pointer; text-decoration: none; transition: all 0.15s;
}
.sgagc-mtr-btn:hover[b-ud1j7aceaq] { background: rgba(8,145,178,0.06); border-color: rgba(8,145,178,0.30); }
.sgagc-mtr-btn span[b-ud1j7aceaq]::before { color: #0891b2 !important; }
.sgagc-dtab--action[b-ud1j7aceaq] {
    margin-left: auto; background: rgba(8,145,178,0.08); color: #0891b2;
    border-color: rgba(8,145,178,0.20);
}
.sgagc-dtab--action:hover[b-ud1j7aceaq] { background: rgba(8,145,178,0.15); }

/* ══════════ DARK MODE ══════════ */

/* Main / Kanban background */
:global(.e-dark-mode) .sgagc-main[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color) !important; }

/* Toolbar */
:global(.e-dark-mode) .sgagc-toolbar[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color) !important; border-bottom-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-nav-btn[b-ud1j7aceaq] { background: transparent !important; border-color: #1a3a6c !important; color: #4a5264 !important; }
:global(.e-dark-mode) .sgagc-nav-btn:hover[b-ud1j7aceaq] { background: rgba(255,255,255,0.04) !important; border-color: rgba(8,145,178,0.30) !important; }
:global(.e-dark-mode) .sgagc-toolbar-title[b-ud1j7aceaq] { color: #8b95a8 !important; }
:global(.e-dark-mode) .sgagc-toolbar-count[b-ud1j7aceaq] { color: #4a5264 !important; }

/* Colunas */
:global(.e-dark-mode) .sgagc-kanban-col[b-ud1j7aceaq] { border-right-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-kanban-col--today[b-ud1j7aceaq] { background: rgba(8,145,178,0.04) !important; }

/* Header da coluna */
:global(.e-dark-mode) .sgagc-col-header[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color) !important; border-bottom-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-col-header--today[b-ud1j7aceaq] { border-bottom-color: rgba(8,145,178,0.35) !important; }
:global(.e-dark-mode) .sgagc-col-day[b-ud1j7aceaq] { color: #3d4556 !important; }
:global(.e-dark-mode) .sgagc-col-date[b-ud1j7aceaq] { color: #6b7585 !important; }
:global(.e-dark-mode) .sgagc-col-header--today .sgagc-col-day[b-ud1j7aceaq] { color: #0891b2 !important; }
:global(.e-dark-mode) .sgagc-col-header--today .sgagc-col-date[b-ud1j7aceaq] { color: #fff !important; background: rgba(8,145,178,0.70) !important; }
:global(.e-dark-mode) .sgagc-col-count[b-ud1j7aceaq] { color: #3d4556 !important; }
:global(.e-dark-mode) .sgagc-col-points[b-ud1j7aceaq] { color: rgba(8,145,178,0.60) !important; }

/* Cards */
:global(.e-dark-mode) .sgagc-card[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color-alt1) !important; border-color: #1a3a6c !important; border-left-color: transparent !important; }
:global(.e-dark-mode) .sgagc-card:hover[b-ud1j7aceaq] { background: var(--color-sf-hover-bg) !important; box-shadow: none !important; }
:global(.e-dark-mode) .sgagc-card-route[b-ud1j7aceaq] { color: #a0a8b8 !important; }
:global(.e-dark-mode) .sgagc-card-row[b-ud1j7aceaq] { color: #5a6274 !important; }
:global(.e-dark-mode) .sgagc-card-ico[b-ud1j7aceaq] { opacity: 0.35 !important; }
:global(.e-dark-mode) .sgagc-card-footer[b-ud1j7aceaq] { border-top-color: #1a3a6c !important; color: #3d4556 !important; }
:global(.e-dark-mode) .sgagc-card-points[b-ud1j7aceaq] { color: rgba(8,145,178,0.55) !important; }
:global(.e-dark-mode) .sgagc-card-collected[b-ud1j7aceaq] { color: rgba(5,150,105,0.60) !important; }
:global(.e-dark-mode) .sgagc-card-weight[b-ud1j7aceaq] { color: #3d4556 !important; }

/* Badges dark */
:global(.e-dark-mode) .sgagc-badge--prep[b-ud1j7aceaq] { background: rgba(107,114,128,0.18) !important; color: #9ca3af !important; }
:global(.e-dark-mode) .sgagc-badge--prog[b-ud1j7aceaq] { background: rgba(59,130,246,0.18) !important; color: #60a5fa !important; }
:global(.e-dark-mode) .sgagc-badge--init[b-ud1j7aceaq] { background: rgba(245,158,11,0.18) !important; color: #fbbf24 !important; }
:global(.e-dark-mode) .sgagc-badge--done[b-ud1j7aceaq] { background: rgba(16,185,129,0.18) !important; color: #34d399 !important; }
:global(.e-dark-mode) .sgagc-badge--cancel[b-ud1j7aceaq] { background: rgba(239,68,68,0.18) !important; color: #f87171 !important; }

/* Card previsão dark */
:global(.e-dark-mode) .sgagc-card--prev[b-ud1j7aceaq] { border-color: rgba(139,92,246,0.20) !important; }
:global(.e-dark-mode) .sgagc-badge--prev[b-ud1j7aceaq] { background: rgba(139,92,246,0.15) !important; color: #a78bfa !important; }

/* Accent bars */
:global(.e-dark-mode) .sgagc-accent--prev[b-ud1j7aceaq] { background: repeating-linear-gradient(180deg, #6d28d9 0px, #6d28d9 4px, transparent 4px, transparent 8px) !important; }
:global(.e-dark-mode) .sgagc-accent--prep[b-ud1j7aceaq] { background: #3d4556 !important; }
:global(.e-dark-mode) .sgagc-accent--prog[b-ud1j7aceaq] { background: #2a5090 !important; }
:global(.e-dark-mode) .sgagc-accent--init[b-ud1j7aceaq] { background: #8a6a20 !important; }
:global(.e-dark-mode) .sgagc-accent--done[b-ud1j7aceaq] { background: #1a7a50 !important; }
:global(.e-dark-mode) .sgagc-accent--cancel[b-ud1j7aceaq] { background: #802020 !important; }

/* Empty state */
:global(.e-dark-mode) .sgagc-col-empty[b-ud1j7aceaq] { color: #2a3040 !important; }
:global(.e-dark-mode) .sgagc-col-empty span[b-ud1j7aceaq]::before { color: #2a3040 !important; }

/* Scrollbar dark */
:global(.e-dark-mode) .sgagc-col-body[b-ud1j7aceaq]::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.05) !important; }
:global(.e-dark-mode) .sgagc-col-body[b-ud1j7aceaq]::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.10) !important; }

/* Dialog split dark */
:global(.e-dark-mode) .sgagc-detail-left[b-ud1j7aceaq] { border-right-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-detail-info-bar[b-ud1j7aceaq] { border-bottom-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-detail-section-title[b-ud1j7aceaq] { border-bottom-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-map-header[b-ud1j7aceaq] { color: #8b95a8 !important; border-bottom-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-ponto-card[b-ud1j7aceaq] { border-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-sug-toolbar[b-ud1j7aceaq] { border-bottom-color: #1a3a6c !important; }

/* MTR dark */
:global(.e-dark-mode) .sgagc-mtr-card[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color-alt1) !important; border-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-mtr-card:hover[b-ud1j7aceaq] { border-color: rgba(8,145,178,0.30) !important; }
:global(.e-dark-mode) .sgagc-mtr-numero[b-ud1j7aceaq] { color: #a0a8b8 !important; }
:global(.e-dark-mode) .sgagc-mtr-footer[b-ud1j7aceaq] { border-top-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-mtr-log[b-ud1j7aceaq] { border-top-color: #1a3a6c !important; color: #4a5264 !important; }
:global(.e-dark-mode) .sgagc-mtr-btn[b-ud1j7aceaq] { background: rgba(255,255,255,0.03) !important; border-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-mtr-btn:hover[b-ud1j7aceaq] { background: rgba(8,145,178,0.10) !important; border-color: rgba(8,145,178,0.25) !important; }

/* Leaflet dark tiles */
:global(.e-dark-mode) .sgagc-map-container .leaflet-tile[b-ud1j7aceaq] { filter: brightness(0.7) contrast(1.1) saturate(0.8); }
:global(.e-dark-mode) .sgagc-map-container[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color) !important; }

/* ══════════ BOTÃO IA & EFETIVAR ══════════ */
.sgagc-sug-btn--ia[b-ud1j7aceaq] {
    background: rgba(139,92,246,0.08); color: #8b5cf6;
    border: 1px solid rgba(139,92,246,0.20);
    border-radius: 6px; padding: 5px 12px;
    font-size: 0.72rem; font-weight: 600;
    cursor: pointer; display: flex; align-items: center; gap: 5px;
    transition: background 0.15s, border-color 0.15s;
}
.sgagc-sug-btn--ia:hover[b-ud1j7aceaq] { background: rgba(139,92,246,0.15); border-color: rgba(139,92,246,0.35); }
.sgagc-sug-btn--ia:disabled[b-ud1j7aceaq] { opacity: 0.5; cursor: not-allowed; }
.sgagc-sug-btn--ia span[b-ud1j7aceaq]::before { color: #8b5cf6 !important; }

.sgagc-sug-btn--efetivar[b-ud1j7aceaq] {
    background: rgba(16,185,129,0.08); color: #059669;
    border: 1px solid rgba(16,185,129,0.20);
    border-radius: 6px; padding: 5px 12px;
    font-size: 0.72rem; font-weight: 600;
    cursor: pointer; display: flex; align-items: center; gap: 5px;
    transition: background 0.15s, border-color 0.15s;
}
.sgagc-sug-btn--efetivar:hover[b-ud1j7aceaq] { background: rgba(16,185,129,0.15); border-color: rgba(16,185,129,0.35); }
.sgagc-sug-btn--efetivar span[b-ud1j7aceaq]::before { color: #059669 !important; }

/* ══════════ IA ROUTE DIALOG ══════════ */
.sgagc-ia-header[b-ud1j7aceaq] { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; font-weight: 700; }
.sgagc-ia-header-ico[b-ud1j7aceaq]::before { color: #8b5cf6 !important; font-size: 20px; }
.sgagc-ia-body[b-ud1j7aceaq] { height: calc(90vh - 140px); overflow: hidden; display: flex; flex-direction: column; }

.sgagc-ia-loading[b-ud1j7aceaq] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    height: 100%; gap: 16px;
}
.sgagc-ia-loading-text[b-ud1j7aceaq] { font-size: 0.85rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); }

.sgagc-ia-split[b-ud1j7aceaq] { display: flex; gap: 0; height: 100%; overflow: hidden; }

.sgagc-ia-laudo[b-ud1j7aceaq] {
    flex: 1; min-width: 0; display: flex; flex-direction: column;
    border-right: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
    overflow: hidden;
}
.sgagc-ia-section-title[b-ud1j7aceaq] {
    display: flex; align-items: center; gap: 6px;
    font-size: 0.82rem; font-weight: 700; margin: 0;
    padding: 10px 16px;
    color: var(--color-sf-content-text-color, #1f2937);
    border-bottom: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
    flex-shrink: 0;
}
.sgagc-ia-section-title span[b-ud1j7aceaq]::before { font-size: 16px; color: #8b5cf6 !important; }

.sgagc-ia-laudo-content[b-ud1j7aceaq] {
    flex: 1; overflow-y: auto; padding: 16px;
    font-size: 0.78rem; line-height: 1.65;
    color: var(--color-sf-content-text-color, #374151);
}
.sgagc-ia-laudo-content h2[b-ud1j7aceaq] { font-size: 1rem; font-weight: 700; margin: 16px 0 8px; color: var(--color-sf-content-text-color, #1f2937); }
.sgagc-ia-laudo-content h3[b-ud1j7aceaq] { font-size: 0.9rem; font-weight: 700; margin: 12px 0 6px; color: var(--color-sf-content-text-color, #1f2937); }
.sgagc-ia-laudo-content h4[b-ud1j7aceaq] { font-size: 0.84rem; font-weight: 600; margin: 10px 0 4px; color: var(--color-sf-content-text-color, #1f2937); }
.sgagc-ia-laudo-content strong[b-ud1j7aceaq] { color: #0891b2; }
.sgagc-ia-laudo-content li[b-ud1j7aceaq] { margin-bottom: 4px; }

.sgagc-ia-rota[b-ud1j7aceaq] {
    width: 380px; min-width: 380px; display: flex; flex-direction: column;
    overflow: hidden;
}
.sgagc-ia-rota-list[b-ud1j7aceaq] { flex: 1; overflow-y: auto; padding: 8px 12px; }

.sgagc-ia-rota-item[b-ud1j7aceaq] {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 8px 10px; margin-bottom: 4px;
    background: var(--color-sf-content-bg-color-alt1, #f9fafb);
    border: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
    border-radius: 8px;
}
.sgagc-ia-rota-num[b-ud1j7aceaq] {
    background: #8b5cf6; color: #fff;
    width: 24px; height: 24px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.68rem; font-weight: 700; flex-shrink: 0;
}
.sgagc-ia-rota-info[b-ud1j7aceaq] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.sgagc-ia-rota-nome[b-ud1j7aceaq] { font-size: 0.72rem; font-weight: 600; color: var(--color-sf-content-text-color, #1f2937); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgagc-ia-rota-addr[b-ud1j7aceaq] { font-size: 0.65rem; color: var(--color-sf-content-text-color-alt2, #6b7280); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgagc-ia-rota-meta[b-ud1j7aceaq] { display: flex; gap: 8px; font-size: 0.62rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); }

.sgagc-ia-footer[b-ud1j7aceaq] { display: flex; justify-content: flex-end; gap: 8px; padding: 4px 0; }
.sgagc-ia-btn[b-ud1j7aceaq] {
    padding: 8px 20px; border-radius: 6px; font-size: 0.78rem; font-weight: 600;
    cursor: pointer; display: flex; align-items: center; gap: 5px;
    border: none; transition: background 0.15s;
}
.sgagc-ia-btn--cancel[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color-alt1, #f3f4f6); color: var(--color-sf-content-text-color-alt1, #4b5563); }
.sgagc-ia-btn--cancel:hover[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color-alt2, #e5e7eb); }
.sgagc-ia-btn--approve[b-ud1j7aceaq] { background: #059669; color: #fff; }
.sgagc-ia-btn--approve:hover[b-ud1j7aceaq] { background: #047857; }
.sgagc-ia-btn--approve span[b-ud1j7aceaq]::before { color: #fff !important; }

/* IA dialog dark */
:global(.e-dark-mode) .sgagc-ia-laudo[b-ud1j7aceaq] { border-right-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-ia-section-title[b-ud1j7aceaq] { border-bottom-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-ia-rota-item[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color-alt1) !important; border-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-ia-laudo-content[b-ud1j7aceaq] { color: #c8ccd4 !important; }
:global(.e-dark-mode) .sgagc-ia-laudo-content h2[b-ud1j7aceaq],
:global(.e-dark-mode) .sgagc-ia-laudo-content h3[b-ud1j7aceaq],
:global(.e-dark-mode) .sgagc-ia-laudo-content h4[b-ud1j7aceaq] { color: #a0a8b8 !important; }

/* ══════════ EFETIVAR DIALOG ══════════ */
.sgagc-ef-header[b-ud1j7aceaq] { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; font-weight: 700; }
.sgagc-ef-header-ico[b-ud1j7aceaq]::before { color: #059669 !important; font-size: 20px; }
.sgagc-ef-body[b-ud1j7aceaq] { padding: 12px 16px; display: flex; flex-direction: column; gap: 14px; }
.sgagc-ef-info[b-ud1j7aceaq] { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; }
.sgagc-ef-info-label[b-ud1j7aceaq] { font-size: 0.72rem; font-weight: 600; color: var(--color-sf-content-text-color-alt2, #6b7280); }
.sgagc-ef-info-value[b-ud1j7aceaq] { font-size: 0.78rem; font-weight: 600; color: var(--color-sf-content-text-color, #1f2937); }
.sgagc-ef-field[b-ud1j7aceaq] { display: flex; flex-direction: column; gap: 4px; }
.sgagc-ef-field label[b-ud1j7aceaq] { font-size: 0.68rem; font-weight: 600; color: var(--color-sf-content-text-color-alt2, #6b7280); text-transform: uppercase; letter-spacing: 0.03em; }
.sgagc-ef-footer[b-ud1j7aceaq] { display: flex; justify-content: flex-end; gap: 8px; padding: 4px 0; }
.sgagc-ef-btn[b-ud1j7aceaq] {
    padding: 8px 20px; border-radius: 6px; font-size: 0.78rem; font-weight: 600;
    cursor: pointer; display: flex; align-items: center; gap: 5px;
    border: none; transition: background 0.15s;
}
.sgagc-ef-btn--cancel[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color-alt1, #f3f4f6); color: var(--color-sf-content-text-color-alt1, #4b5563); }
.sgagc-ef-btn--cancel:hover[b-ud1j7aceaq] { background: var(--color-sf-content-bg-color-alt2, #e5e7eb); }
.sgagc-ef-btn--confirm[b-ud1j7aceaq] { background: #059669; color: #fff; }
.sgagc-ef-btn--confirm:hover[b-ud1j7aceaq] { background: #047857; }
.sgagc-ef-btn--confirm:disabled[b-ud1j7aceaq] { opacity: 0.5; cursor: not-allowed; }
.sgagc-ef-btn--confirm span[b-ud1j7aceaq]::before { color: #fff !important; }

/* ══════════ ENDEREÇO EDIT DIALOG ══════════ */
.sgagc-end-header[b-ud1j7aceaq] { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; font-weight: 700; }
.sgagc-end-header-ico[b-ud1j7aceaq]::before { color: #0078d4 !important; font-size: 20px; }
.sgagc-end-body[b-ud1j7aceaq] { padding: 12px 16px; display: flex; flex-direction: column; gap: 12px; }
.sgagc-end-grid[b-ud1j7aceaq] { display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px; }
.sgagc-end-field[b-ud1j7aceaq] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.sgagc-end-field label[b-ud1j7aceaq] { font-size: 0.68rem; font-weight: 600; color: var(--color-sf-content-text-color-alt2, #6b7280); text-transform: uppercase; letter-spacing: 0.03em; }
.sgagc-end-field--2[b-ud1j7aceaq] { grid-column: span 2; }
.sgagc-end-field--3[b-ud1j7aceaq] { grid-column: span 3; }
.sgagc-end-field--4[b-ud1j7aceaq] { grid-column: span 4; }
.sgagc-end-field--5[b-ud1j7aceaq] { grid-column: span 5; }
.sgagc-end-field--6[b-ud1j7aceaq] { grid-column: span 6; }
.sgagc-end-field--8[b-ud1j7aceaq] { grid-column: span 8; }
.sgagc-end-erro[b-ud1j7aceaq] {
    background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c;
    padding: 8px 12px; border-radius: 6px; font-size: 0.78rem;
    display: flex; align-items: center; gap: 6px;
}
.sgagc-end-footer[b-ud1j7aceaq] { display: flex; justify-content: flex-end; gap: 8px; padding: 4px 16px 8px; }

/* Efetivar split layout */
.sgagc-ef-split[b-ud1j7aceaq] { display: flex; gap: 0; height: calc(85vh - 120px); overflow: hidden; }
.sgagc-ef-left[b-ud1j7aceaq] {
    width: 420px; min-width: 380px; display: flex; flex-direction: column;
    border-right: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
    overflow-y: auto;
}
.sgagc-ef-right[b-ud1j7aceaq] { flex: 1; display: flex; flex-direction: column; overflow: hidden; }

/* Resumo pontos no efetivar */
.sgagc-ef-resumo[b-ud1j7aceaq] { margin-top: 12px; border-top: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb); padding-top: 10px; }
.sgagc-ef-resumo-title[b-ud1j7aceaq] {
    font-size: 0.75rem; font-weight: 700; margin: 0 0 8px;
    color: var(--color-sf-content-text-color, #1f2937);
    display: flex; align-items: center; gap: 6px;
}
.sgagc-ef-resumo-title span[b-ud1j7aceaq]::before { font-size: 14px; color: #0891b2 !important; }
.sgagc-ef-resumo-item[b-ud1j7aceaq] {
    display: flex; align-items: center; gap: 8px;
    padding: 4px 0; font-size: 0.68rem;
    border-bottom: 1px solid var(--color-sf-content-border-color-alt1, #f3f4f6);
}
.sgagc-ef-resumo-num[b-ud1j7aceaq] {
    background: #0891b2; color: #fff;
    width: 20px; height: 20px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.6rem; font-weight: 700; flex-shrink: 0;
}
.sgagc-ef-resumo-nome[b-ud1j7aceaq] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--color-sf-content-text-color, #1f2937); font-weight: 500; }
.sgagc-ef-resumo-peso[b-ud1j7aceaq] { font-weight: 600; color: #0891b2; min-width: 60px; text-align: right; }
.sgagc-ef-resumo-acum[b-ud1j7aceaq] { font-weight: 500; color: var(--color-sf-content-text-color-alt2, #9ca3af); min-width: 60px; text-align: right; font-size: 0.62rem; }

/* IA rota peso e acumulado */
.sgagc-ia-rota-peso[b-ud1j7aceaq] { display: flex; align-items: center; gap: 3px; color: #0891b2; font-weight: 600; }
.sgagc-ia-rota-peso span[b-ud1j7aceaq]::before { font-size: 12px; color: #0891b2 !important; }
.sgagc-ia-rota-acum[b-ud1j7aceaq] { color: var(--color-sf-content-text-color-alt2, #9ca3af); font-weight: 600; font-size: 0.60rem; }
.sgagc-ia-rota-total[b-ud1j7aceaq] {
    display: flex; align-items: center; gap: 6px;
    padding: 10px 12px; margin-top: 6px;
    background: rgba(8,145,178,0.06);
    border: 1px solid rgba(8,145,178,0.15);
    border-radius: 8px;
    font-size: 0.75rem; color: var(--color-sf-content-text-color, #1f2937);
}
.sgagc-ia-rota-total span[b-ud1j7aceaq]::before { font-size: 18px; color: #0891b2 !important; }
.sgagc-ia-rota-total strong[b-ud1j7aceaq] { color: #0891b2; }

/* Efetivar dialog dark */
:global(.e-dark-mode) .sgagc-ef-left[b-ud1j7aceaq] { border-right-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-ef-resumo[b-ud1j7aceaq] { border-top-color: #1a3a6c !important; }
:global(.e-dark-mode) .sgagc-ef-resumo-item[b-ud1j7aceaq] { border-bottom-color: rgba(26,58,108,0.5) !important; }
:global(.e-dark-mode) .sgagc-ef-info[b-ud1j7aceaq] { border-bottom-color: #1a3a6c !important; }
/* /Components/Pages/Coleta/ColetasNaoFaturadas.razor.rz.scp.css */
/* Coletas Não Faturadas — Logística Reversa
   Layout BI dense · sem scroll · prefixo .sgcnf- */

[b-7e9vfly44r] .sgcnf-page {
    --sgcnf-bg: var(--bs-body-bg, #f4f6f9);
    --sgcnf-card: var(--bs-white, #ffffff);
    --sgcnf-border: rgba(15, 23, 42, 0.06);
    --sgcnf-text: var(--bs-body-color, #1f2937);
    --sgcnf-muted: var(--bs-secondary-color, #64748b);
    --sgcnf-roxo: #8b5cf6;
    --sgcnf-esmeralda: #10b981;
    --sgcnf-alerta: #ef4444;

    height: calc(100vh - 64px);
    max-height: calc(100vh - 64px);
    padding: 6px;
    background: var(--sgcnf-bg);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 6px;
    overflow: hidden;
    box-sizing: border-box;
}

[data-bs-theme="dark"][b-7e9vfly44r]  .sgcnf-page {
    --sgcnf-card: #1f2937;
    --sgcnf-border: rgba(148, 163, 184, 0.18);
}

[b-7e9vfly44r] .sgcnf-loading {
    flex: 1;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 24px;
    min-height: calc(100vh - 80px);
    color: var(--bs-secondary-color, #64748b);
    background: var(--bs-body-bg, #f4f6f9);
}

/* ── Topbar ── */
[b-7e9vfly44r] .sgcnf-topbar {
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 10px;
    align-items: center;
    background: var(--sgcnf-card);
    border: 1px solid var(--sgcnf-border);
    border-radius: 10px;
    padding: 6px 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

[b-7e9vfly44r] .sgcnf-estab-picker {
    min-width: 220px;
    max-width: 360px;
}

[b-7e9vfly44r] .sgcnf-page--refreshing { opacity: 0.55; transition: opacity 0.3s ease; }

/* Wrap do SfGrid pra ocupar o espaço da cell de contratos */
[b-7e9vfly44r] .sgcnf-grid-wrap {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

[b-7e9vfly44r] .sgcnf-grid-wrap > .e-grid {
    flex: 1;
    min-height: 0;
}

[b-7e9vfly44r] .sgcnf-topbar-id {
    display: flex;
    align-items: center;
    gap: 10px;
}

[b-7e9vfly44r] .sgcnf-header-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex: 0 0 36px;
}

[b-7e9vfly44r] .sgcnf-header-icon span,
[b-7e9vfly44r] .sgcnf-header-icon span[class*="icon-"]::before { color: #fff !important; }

[b-7e9vfly44r] .sgcnf-header-text { display: flex; flex-direction: column; line-height: 1.1; }

[b-7e9vfly44r] .sgcnf-title {
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--sgcnf-text);
}

[b-7e9vfly44r] .sgcnf-subtitle {
    font-size: 0.7rem;
    color: var(--sgcnf-muted);
}

[b-7e9vfly44r] .sgcnf-topbar-kpis {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
    min-width: 0;
}

[b-7e9vfly44r] .sgcnf-kpi {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-left: 3px solid var(--sgcnf-roxo);
    background: rgba(15, 23, 42, 0.02);
    border-radius: 6px;
    min-width: 0;
}

[data-bs-theme="dark"][b-7e9vfly44r]  .sgcnf-kpi { background: rgba(148, 163, 184, 0.05); }

[b-7e9vfly44r] .sgcnf-kpi--peso    { border-left-color: #8b5cf6; }
[b-7e9vfly44r] .sgcnf-kpi--eventos { border-left-color: #ec4899; }
[b-7e9vfly44r] .sgcnf-kpi--valor   { border-left-color: #10b981; }
[b-7e9vfly44r] .sgcnf-kpi--pct     { border-left-color: #f59e0b; }
[b-7e9vfly44r] .sgcnf-kpi--rs      { border-left-color: #06b6d4; }

[b-7e9vfly44r] .sgcnf-kpi-icon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

[b-7e9vfly44r] .sgcnf-kpi--peso .sgcnf-kpi-icon    { background: rgba(139, 92, 246, 0.12); color: #8b5cf6; }
[b-7e9vfly44r] .sgcnf-kpi--eventos .sgcnf-kpi-icon { background: rgba(236, 72, 153, 0.12); color: #ec4899; }
[b-7e9vfly44r] .sgcnf-kpi--valor .sgcnf-kpi-icon   { background: rgba(16, 185, 129, 0.12); color: #10b981; }
[b-7e9vfly44r] .sgcnf-kpi--pct .sgcnf-kpi-icon     { background: rgba(245, 158, 11, 0.12); color: #f59e0b; }
[b-7e9vfly44r] .sgcnf-kpi--rs .sgcnf-kpi-icon      { background: rgba(6, 182, 212, 0.12); color: #06b6d4; }

[b-7e9vfly44r] .sgcnf-kpi-icon span,
[b-7e9vfly44r] .sgcnf-kpi-icon span[class*="icon-"]::before { color: inherit !important; }

[b-7e9vfly44r] .sgcnf-kpi-body {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
    min-width: 0;
}

[b-7e9vfly44r] .sgcnf-kpi-value {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--sgcnf-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-7e9vfly44r] .sgcnf-kpi-label {
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--sgcnf-muted);
}

/* ── Grid ── */
[b-7e9vfly44r] .sgcnf-scroll {
    overflow: auto;
    min-height: 0;
}

[b-7e9vfly44r] .sgcnf-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(260px, auto);
    gap: 6px;
}

[b-7e9vfly44r] .sgcnf-cell {
    background: var(--sgcnf-card);
    border: 1px solid var(--sgcnf-border);
    border-radius: 10px;
    padding: 6px 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

[b-7e9vfly44r] .sgcnf-cell--trend     { grid-column: 1 / 4; grid-row: 1; }
[b-7e9vfly44r] .sgcnf-cell--aging     { grid-column: 4 / 5; grid-row: 1; }
[b-7e9vfly44r] .sgcnf-cell--residuos  { grid-column: 1 / 3; grid-row: 2; }
[b-7e9vfly44r] .sgcnf-cell--clientes  { grid-column: 3 / 5; grid-row: 2; }
[b-7e9vfly44r] .sgcnf-cell--contratos { grid-column: 1 / 5; grid-row: 3; height: 380px; }

/* ── Faixa de qualidade do dado ── */
[b-7e9vfly44r] .sgcnf-quality {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    background: linear-gradient(90deg, rgba(239, 68, 68, 0.06) 0%, rgba(245, 158, 11, 0.04) 100%);
    border: 1px solid rgba(239, 68, 68, 0.18);
    border-radius: 8px;
    font-size: 0.72rem;
    color: var(--sgcnf-text);
    flex-wrap: wrap;
}

[b-7e9vfly44r] .sgcnf-quality-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 50%;
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

[b-7e9vfly44r] .sgcnf-quality-icon span,
[b-7e9vfly44r] .sgcnf-quality-icon span[class*="icon-"]::before { color: #ef4444 !important; }

[b-7e9vfly44r] .sgcnf-quality-label {
    font-weight: 600;
    color: #b91c1c;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.66rem;
}

[b-7e9vfly44r] .sgcnf-quality-metric {
    color: var(--sgcnf-muted);
}

[b-7e9vfly44r] .sgcnf-quality-metric strong {
    color: var(--sgcnf-text);
    font-weight: 700;
}

[b-7e9vfly44r] .sgcnf-quality-sub {
    color: var(--sgcnf-muted);
    font-size: 0.66rem;
    margin-left: 4px;
}

[b-7e9vfly44r] .sgcnf-quality-sep {
    color: var(--sgcnf-border);
}

[b-7e9vfly44r] .sgcnf-quality-hint {
    margin-left: auto;
    color: var(--sgcnf-muted);
    font-style: italic;
    font-size: 0.66rem;
}

[data-bs-theme="dark"][b-7e9vfly44r]  .sgcnf-quality {
    background: linear-gradient(90deg, rgba(239, 68, 68, 0.12) 0%, rgba(245, 158, 11, 0.08) 100%);
    border-color: rgba(239, 68, 68, 0.3);
}

[b-7e9vfly44r] .sgcnf-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

[b-7e9vfly44r] .sgcnf-section-title {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--sgcnf-text);
}

[b-7e9vfly44r] .sgcnf-section-hint {
    font-size: 0.66rem;
    color: var(--sgcnf-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

[b-7e9vfly44r] .sgcnf-legend {
    display: flex;
    gap: 12px;
    align-items: center;
}

[b-7e9vfly44r] .sgcnf-legend-item {
    font-size: 0.7rem;
    color: var(--sgcnf-muted);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

[b-7e9vfly44r] .sgcnf-legend-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

[b-7e9vfly44r] .sgcnf-empty {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sgcnf-muted);
    font-size: 0.78rem;
    font-style: italic;
}

/* ── Aging ── */
[b-7e9vfly44r] .sgcnf-aging-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-height: 0;
}

[b-7e9vfly44r] .sgcnf-aging-row {
    display: grid;
    grid-template-columns: 80px 1fr auto;
    gap: 6px;
    align-items: center;
    font-size: 0.72rem;
}

[b-7e9vfly44r] .sgcnf-aging-label {
    color: var(--sgcnf-muted);
    white-space: nowrap;
}

[b-7e9vfly44r] .sgcnf-aging-bar-track {
    height: 8px;
    background: rgba(15, 23, 42, 0.06);
    border-radius: 4px;
    overflow: hidden;
}

[b-7e9vfly44r] .sgcnf-aging-bar {
    height: 100%;
    background: linear-gradient(90deg, #8b5cf6 0%, #6d28d9 100%);
    border-radius: 4px;
    transition: width 0.4s ease;
}

[b-7e9vfly44r] .sgcnf-aging-bar--alerta {
    background: linear-gradient(90deg, #ef4444 0%, #b91c1c 100%);
}

[b-7e9vfly44r] .sgcnf-aging-value {
    color: var(--sgcnf-text);
    font-weight: 600;
    white-space: nowrap;
    text-align: right;
}

/* ── Rank (residuos / clientes) ── */
[b-7e9vfly44r] .sgcnf-rank {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
    min-height: 0;
    overflow: auto;
}

[b-7e9vfly44r] .sgcnf-rank-row {
    display: grid;
    grid-template-columns: minmax(0, 2fr) 1fr 70px 80px;
    gap: 6px;
    align-items: center;
    font-size: 0.72rem;
}

[b-7e9vfly44r] .sgcnf-rank-label {
    color: var(--sgcnf-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-7e9vfly44r] .sgcnf-rank-bar-track {
    height: 6px;
    background: rgba(15, 23, 42, 0.06);
    border-radius: 3px;
    overflow: hidden;
}

[b-7e9vfly44r] .sgcnf-rank-bar {
    height: 100%;
    background: linear-gradient(90deg, #8b5cf6 0%, #6d28d9 100%);
    border-radius: 3px;
    transition: width 0.4s ease;
}

[b-7e9vfly44r] .sgcnf-rank-bar--cliente {
    background: linear-gradient(90deg, #ec4899 0%, #be185d 100%);
}

[b-7e9vfly44r] .sgcnf-rank-peso {
    color: var(--sgcnf-text);
    font-weight: 600;
    white-space: nowrap;
    text-align: right;
}

[b-7e9vfly44r] .sgcnf-rank-valor {
    color: var(--sgcnf-esmeralda);
    font-weight: 600;
    white-space: nowrap;
    text-align: right;
}

/* ── Tabela contratos ── */
[b-7e9vfly44r] .sgcnf-tbl {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: auto;
}

[b-7e9vfly44r] .sgcnf-tbl-head,
[b-7e9vfly44r] .sgcnf-tbl-row {
    display: grid;
    grid-template-columns: 32px minmax(0, 1.2fr) minmax(0, 1.6fr) 80px 80px 110px;
    gap: 8px;
    align-items: center;
    padding: 4px 6px;
    font-size: 0.72rem;
}

[b-7e9vfly44r] .sgcnf-tbl-head {
    border-bottom: 1px solid var(--sgcnf-border);
    color: var(--sgcnf-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.62rem;
    font-weight: 600;
    position: sticky;
    top: 0;
    background: var(--sgcnf-card);
    z-index: 1;
}

[b-7e9vfly44r] .sgcnf-tbl-row {
    border-bottom: 1px solid rgba(15, 23, 42, 0.04);
}

[b-7e9vfly44r] .sgcnf-tbl-row:hover {
    background: rgba(139, 92, 246, 0.04);
}

[b-7e9vfly44r] .sgcnf-tbl-col {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-7e9vfly44r] .sgcnf-tbl-col--n {
    color: var(--sgcnf-muted);
    text-align: right;
}

[b-7e9vfly44r] .sgcnf-tbl-col--contrato {
    color: var(--sgcnf-text);
    font-weight: 600;
}

[b-7e9vfly44r] .sgcnf-tbl-col--cliente {
    color: var(--sgcnf-text);
}

[b-7e9vfly44r] .sgcnf-tbl-col--num {
    text-align: right;
    color: var(--sgcnf-text);
}

[b-7e9vfly44r] .sgcnf-tbl-col--money {
    color: var(--sgcnf-esmeralda);
    font-weight: 600;
}
/* /Components/Pages/Coleta/GestaoColeta.razor.rz.scp.css */
/* Gestão de Coleta — Logística Reversa
   Layout BI dense · sem scroll · prefixo .sgcol- */

[b-0zzid18rg5] .sgcol-page {
    --sgcol-bg: var(--bs-body-bg, #f4f6f9);
    --sgcol-card: var(--bs-white, #ffffff);
    --sgcol-border: rgba(15, 23, 42, 0.06);
    --sgcol-text: var(--bs-body-color, #1f2937);
    --sgcol-muted: var(--bs-secondary-color, #64748b);
    --sgcol-primary: #0078d4;
    --sgcol-success: #10b981;

    height: calc(100vh - 64px);
    padding: 8px;
    background: var(--sgcol-bg);
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 8px;
    overflow: hidden;
    box-sizing: border-box;
    transition: opacity 0.3s ease;
}

[b-0zzid18rg5] .sgcol-page--refreshing { opacity: 0.55; }

[data-bs-theme="dark"][b-0zzid18rg5]  .sgcol-page {
    --sgcol-card: #1f2937;
    --sgcol-border: rgba(148, 163, 184, 0.18);
}

[b-0zzid18rg5] .sgcol-loading {
    position: fixed;
    inset: 64px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 24px;
    color: var(--sgcol-muted, #64748b);
    background: var(--bs-body-bg, #f4f6f9);
    z-index: 5;
}

/* ── Topbar (header + KPIs + período) ── */
[b-0zzid18rg5] .sgcol-topbar {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    background: var(--sgcol-card);
    border: 1px solid var(--sgcol-border);
    border-radius: 10px;
    padding: 6px 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

[b-0zzid18rg5] .sgcol-topbar-id {
    display: flex;
    align-items: center;
    gap: 10px;
}

[b-0zzid18rg5] .sgcol-header-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: linear-gradient(135deg, #0078d4 0%, #06b6d4 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex: 0 0 36px;
}

[b-0zzid18rg5] .sgcol-header-icon span,
[b-0zzid18rg5] .sgcol-header-icon span[class*="icon-"]::before { color: #fff !important; }

[b-0zzid18rg5] .sgcol-header-text { display: flex; flex-direction: column; gap: 0; line-height: 1.1; }

[b-0zzid18rg5] .sgcol-title {
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--sgcol-text);
}

[b-0zzid18rg5] .sgcol-subtitle {
    font-size: 0.7rem;
    color: var(--sgcol-muted);
}

[b-0zzid18rg5] .sgcol-topbar-kpis {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 6px;
    min-width: 0;
}

[b-0zzid18rg5] .sgcol-kpi {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-left: 3px solid var(--sgcol-primary);
    background: rgba(15, 23, 42, 0.02);
    border-radius: 6px;
    min-width: 0;
}

[data-bs-theme="dark"][b-0zzid18rg5]  .sgcol-kpi { background: rgba(148, 163, 184, 0.05); }

[b-0zzid18rg5] .sgcol-kpi--peso     { border-left-color: #0078d4; }
[b-0zzid18rg5] .sgcol-kpi--eventos  { border-left-color: #f59e0b; }
[b-0zzid18rg5] .sgcol-kpi--viagens  { border-left-color: #06b6d4; }
[b-0zzid18rg5] .sgcol-kpi--veiculos { border-left-color: #8b5cf6; }
[b-0zzid18rg5] .sgcol-kpi--clientes { border-left-color: #ec4899; }
[b-0zzid18rg5] .sgcol-kpi--cidades  { border-left-color: #14b8a6; }
[b-0zzid18rg5] .sgcol-kpi--receita  { border-left-color: #10b981; }
[b-0zzid18rg5] .sgcol-kpi--efic     { border-left-color: #f43f5e; }

[b-0zzid18rg5] .sgcol-kpi-icon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 6px;
    background: rgba(0, 120, 212, 0.1);
    color: var(--sgcol-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

[b-0zzid18rg5] .sgcol-kpi--peso .sgcol-kpi-icon     { background: rgba(0, 120, 212, 0.12); color: #0078d4; }
[b-0zzid18rg5] .sgcol-kpi--eventos .sgcol-kpi-icon  { background: rgba(245, 158, 11, 0.12); color: #f59e0b; }
[b-0zzid18rg5] .sgcol-kpi--viagens .sgcol-kpi-icon  { background: rgba(6, 182, 212, 0.12); color: #06b6d4; }
[b-0zzid18rg5] .sgcol-kpi--veiculos .sgcol-kpi-icon { background: rgba(139, 92, 246, 0.12); color: #8b5cf6; }
[b-0zzid18rg5] .sgcol-kpi--clientes .sgcol-kpi-icon { background: rgba(236, 72, 153, 0.12); color: #ec4899; }
[b-0zzid18rg5] .sgcol-kpi--cidades .sgcol-kpi-icon  { background: rgba(20, 184, 166, 0.12); color: #14b8a6; }
[b-0zzid18rg5] .sgcol-kpi--receita .sgcol-kpi-icon  { background: rgba(16, 185, 129, 0.12); color: #10b981; }
[b-0zzid18rg5] .sgcol-kpi--efic .sgcol-kpi-icon     { background: rgba(244, 63, 94, 0.12); color: #f43f5e; }

[b-0zzid18rg5] .sgcol-kpi-icon span[class*="icon-"]::before { color: inherit !important; }

[b-0zzid18rg5] .sgcol-kpi-body { display: flex; flex-direction: column; min-width: 0; line-height: 1.05; }
[b-0zzid18rg5] .sgcol-kpi-value {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--sgcol-text);
    letter-spacing: -0.01em;
    white-space: nowrap;
}
[b-0zzid18rg5] .sgcol-kpi-label {
    font-size: 0.62rem;
    color: var(--sgcol-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-0zzid18rg5] .sgcol-period-toggle {
    display: inline-flex;
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid var(--sgcol-border);
    border-radius: 999px;
    padding: 2px;
    gap: 1px;
}

[data-bs-theme="dark"][b-0zzid18rg5]  .sgcol-period-toggle { background: rgba(148, 163, 184, 0.08); }

[b-0zzid18rg5] .sgcol-period-btn {
    border: 0;
    background: transparent;
    color: var(--sgcol-muted);
    font-size: 0.7rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 999px;
    cursor: pointer;
    transition: all 0.15s ease;
}

[b-0zzid18rg5] .sgcol-period-btn:hover { color: var(--sgcol-text); }
[b-0zzid18rg5] .sgcol-period-btn--active {
    background: var(--sgcol-card);
    color: var(--sgcol-primary);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
}

/* ── Grid principal ── */
[b-0zzid18rg5] .sgcol-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    min-height: 0;
    overflow: hidden;
}

[b-0zzid18rg5] .sgcol-cell {
    background: var(--sgcol-card);
    border: 1px solid var(--sgcol-border);
    border-radius: 10px;
    padding: 8px 10px 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

/* Posicionamento das cells no grid */
[b-0zzid18rg5] .sgcol-cell--trend     { grid-column: 1 / 4; grid-row: 1; }
[b-0zzid18rg5] .sgcol-cell--mapa      { grid-column: 4; grid-row: 1 / 3; }
[b-0zzid18rg5] .sgcol-cell--tipos     { grid-column: 1; grid-row: 2; }
[b-0zzid18rg5] .sgcol-cell--veiculos  { grid-column: 2; grid-row: 2; }
[b-0zzid18rg5] .sgcol-cell--cidades   { grid-column: 3; grid-row: 2; }
[b-0zzid18rg5] .sgcol-cell--semana    { grid-column: 1; grid-row: 3; }
[b-0zzid18rg5] .sgcol-cell--funil     { grid-column: 2; grid-row: 3; }
[b-0zzid18rg5] .sgcol-cell--clientes  { grid-column: 3; grid-row: 3; }
[b-0zzid18rg5] .sgcol-cell--contratos { grid-column: 4; grid-row: 3; }

@media (max-width: 1280px) {
    [b-0zzid18rg5] .sgcol-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    }
    [b-0zzid18rg5] .sgcol-cell--trend     { grid-column: 1 / 4; grid-row: 1; }
    [b-0zzid18rg5] .sgcol-cell--mapa      { grid-column: 1 / 4; grid-row: 4; }
    [b-0zzid18rg5] .sgcol-cell--tipos     { grid-column: 1; grid-row: 2; }
    [b-0zzid18rg5] .sgcol-cell--veiculos  { grid-column: 2; grid-row: 2; }
    [b-0zzid18rg5] .sgcol-cell--cidades   { grid-column: 3; grid-row: 2; }
    [b-0zzid18rg5] .sgcol-cell--semana    { grid-column: 1; grid-row: 3; }
    [b-0zzid18rg5] .sgcol-cell--funil     { grid-column: 2; grid-row: 3; }
    [b-0zzid18rg5] .sgcol-cell--clientes  { grid-column: 3; grid-row: 3; }
    [b-0zzid18rg5] .sgcol-cell--contratos { display: none; }
}

[b-0zzid18rg5] .sgcol-section-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
    flex: 0 0 auto;
}

[b-0zzid18rg5] .sgcol-section-title {
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--sgcol-text);
}

[b-0zzid18rg5] .sgcol-section-sub {
    font-size: 0.62rem;
    color: var(--sgcol-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

[b-0zzid18rg5] .sgcol-empty {
    padding: 16px;
    text-align: center;
    color: var(--sgcol-muted);
    font-size: 0.74rem;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-0zzid18rg5] .sgcol-legend {
    display: inline-flex;
    gap: 10px;
    align-items: center;
}

[b-0zzid18rg5] .sgcol-legend-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.65rem;
    color: var(--sgcol-muted);
    font-weight: 500;
}

[b-0zzid18rg5] .sgcol-legend-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    display: inline-block;
}

/* ── Trend ── */
[b-0zzid18rg5] .sgcol-cell--trend > :nth-child(2),
[b-0zzid18rg5] .sgcol-cell--trend > :last-child {
    flex: 1;
    min-height: 0;
}

/* ── Tipos / donut ── */
[b-0zzid18rg5] .sgcol-tipos {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 8px;
    align-items: center;
    flex: 1;
    min-height: 0;
}

[b-0zzid18rg5] .sgcol-tipos-chart {
    position: relative;
    width: 110px;
    height: 110px;
    align-self: center;
}

[b-0zzid18rg5] .sgcol-tipos-center {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

[b-0zzid18rg5] .sgcol-tipos-center-value {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--sgcol-text);
    line-height: 1;
}

[b-0zzid18rg5] .sgcol-tipos-center-label {
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--sgcol-muted);
}

[b-0zzid18rg5] .sgcol-tipos-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow: hidden;
    min-height: 0;
}

[b-0zzid18rg5] .sgcol-tipo-item {
    display: grid;
    grid-template-columns: 8px 1fr auto;
    gap: 6px;
    align-items: center;
    font-size: 0.7rem;
    padding: 1px 0;
}

[b-0zzid18rg5] .sgcol-tipo-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--sgcol-primary);
}
[b-0zzid18rg5] .sgcol-tipo-item:nth-child(1) .sgcol-tipo-dot { background: #0078d4; }
[b-0zzid18rg5] .sgcol-tipo-item:nth-child(2) .sgcol-tipo-dot { background: #f59e0b; }
[b-0zzid18rg5] .sgcol-tipo-item:nth-child(3) .sgcol-tipo-dot { background: #10b981; }
[b-0zzid18rg5] .sgcol-tipo-item:nth-child(4) .sgcol-tipo-dot { background: #8b5cf6; }
[b-0zzid18rg5] .sgcol-tipo-item:nth-child(5) .sgcol-tipo-dot { background: #ec4899; }
[b-0zzid18rg5] .sgcol-tipo-item:nth-child(6) .sgcol-tipo-dot { background: #06b6d4; }

[b-0zzid18rg5] .sgcol-tipo-nome {
    color: var(--sgcol-text);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-0zzid18rg5] .sgcol-tipo-pct {
    color: var(--sgcol-text);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    min-width: 32px;
    text-align: right;
    font-size: 0.7rem;
}

/* ── Bars ── */
[b-0zzid18rg5] .sgcol-bars {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

[b-0zzid18rg5] .sgcol-bar-row {
    display: grid;
    grid-template-columns: 92px 1fr 56px;
    gap: 6px;
    align-items: center;
    font-size: 0.7rem;
}

[b-0zzid18rg5] .sgcol-bar-label {
    color: var(--sgcol-text);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-0zzid18rg5] .sgcol-bar-track {
    height: 7px;
    background: rgba(15, 23, 42, 0.06);
    border-radius: 999px;
    overflow: hidden;
}

[data-bs-theme="dark"][b-0zzid18rg5]  .sgcol-bar-track { background: rgba(148, 163, 184, 0.12); }

[b-0zzid18rg5] .sgcol-bar-fill {
    height: 100%;
    border-radius: 999px;
    background: var(--sgcol-primary);
    transition: width 0.4s ease;
}

[b-0zzid18rg5] .sgcol-bar-fill--veiculo { background: linear-gradient(90deg, #8b5cf6, #6366f1); }
[b-0zzid18rg5] .sgcol-bar-fill--cidade  { background: linear-gradient(90deg, #14b8a6, #0ea5e9); }

[b-0zzid18rg5] .sgcol-bar-value {
    color: var(--sgcol-muted);
    font-variant-numeric: tabular-nums;
    text-align: right;
    font-size: 0.65rem;
}

/* ── Heatmap dia da semana ── */
[b-0zzid18rg5] .sgcol-week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    flex: 1;
    min-height: 0;
}

[b-0zzid18rg5] .sgcol-week-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

[b-0zzid18rg5] .sgcol-week-bar-wrap {
    flex: 1;
    width: 100%;
    background: rgba(15, 23, 42, 0.04);
    border-radius: 6px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 1px;
    min-height: 0;
}

[data-bs-theme="dark"][b-0zzid18rg5]  .sgcol-week-bar-wrap { background: rgba(148, 163, 184, 0.08); }

[b-0zzid18rg5] .sgcol-week-bar {
    width: 100%;
    background: linear-gradient(180deg, #0078d4, #06b6d4);
    border-radius: 4px;
    min-height: 2px;
    transition: height 0.4s ease;
}

[b-0zzid18rg5] .sgcol-week-peso {
    font-size: 0.62rem;
    font-weight: 600;
    color: var(--sgcol-text);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

[b-0zzid18rg5] .sgcol-week-nome {
    font-size: 0.6rem;
    color: var(--sgcol-muted);
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
}

/* ── Funil ── */
[b-0zzid18rg5] .sgcol-funil {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-height: 0;
    justify-content: center;
}

[b-0zzid18rg5] .sgcol-funil-row {
    display: grid;
    grid-template-columns: 60px 1fr 38px;
    gap: 6px;
    align-items: center;
    font-size: 0.68rem;
}

[b-0zzid18rg5] .sgcol-funil-label {
    color: var(--sgcol-text);
    font-weight: 500;
}

[b-0zzid18rg5] .sgcol-funil-bar {
    height: 18px;
    background: rgba(15, 23, 42, 0.04);
    border-radius: 4px;
    overflow: hidden;
}

[data-bs-theme="dark"][b-0zzid18rg5]  .sgcol-funil-bar { background: rgba(148, 163, 184, 0.08); }

[b-0zzid18rg5] .sgcol-funil-fill {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 6px;
    color: #fff;
    font-weight: 600;
    font-size: 0.65rem;
    border-radius: 4px;
    transition: width 0.5s ease;
    font-variant-numeric: tabular-nums;
}

[b-0zzid18rg5] .sgcol-funil-fill--1 { background: linear-gradient(90deg, #0078d4, #06b6d4); }
[b-0zzid18rg5] .sgcol-funil-fill--2 { background: linear-gradient(90deg, #14b8a6, #10b981); }
[b-0zzid18rg5] .sgcol-funil-fill--3 { background: linear-gradient(90deg, #f59e0b, #f97316); }
[b-0zzid18rg5] .sgcol-funil-fill--4 { background: linear-gradient(90deg, #10b981, #16a34a); }
[b-0zzid18rg5] .sgcol-funil-fill--5 { background: linear-gradient(90deg, #8b5cf6, #6366f1); }

[b-0zzid18rg5] .sgcol-funil-pct {
    text-align: right;
    color: var(--sgcol-muted);
    font-variant-numeric: tabular-nums;
}

/* ── Mini-list (top clientes / contratos) ── */
[b-0zzid18rg5] .sgcol-mini-list {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

[b-0zzid18rg5] .sgcol-mini-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px;
    align-items: center;
    font-size: 0.7rem;
    padding: 2px 0;
    border-bottom: 1px dashed var(--sgcol-border);
}

[b-0zzid18rg5] .sgcol-mini-row:last-child { border-bottom: 0; }

[b-0zzid18rg5] .sgcol-mini-name {
    color: var(--sgcol-text);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-0zzid18rg5] .sgcol-mini-val {
    color: var(--sgcol-muted);
    font-variant-numeric: tabular-nums;
    font-size: 0.66rem;
    font-weight: 600;
}

[b-0zzid18rg5] .sgcol-mini-val--money { color: var(--sgcol-success); }

/* ── Mapa ── */
[b-0zzid18rg5] .sgcol-map-wrap {
    flex: 1;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--sgcol-border);
    background: #f0f4f8;
    min-height: 0;
    position: relative;
}

[data-bs-theme="dark"][b-0zzid18rg5]  .sgcol-map-wrap { background: #0f172a; }

/* ── Quality bar (rodapé) ── */
[b-0zzid18rg5] .sgcol-quality-bar {
    background: var(--sgcol-card);
    border: 1px solid var(--sgcol-border);
    border-radius: 10px;
    padding: 6px 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
    align-items: center;
}

[b-0zzid18rg5] .sgcol-quality-bar-title {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--sgcol-text);
    white-space: nowrap;
}

[b-0zzid18rg5] .sgcol-quality-bar-items {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
}

[b-0zzid18rg5] .sgcol-qbi {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.66rem;
    color: var(--sgcol-muted);
    padding: 3px 8px;
    background: rgba(15, 23, 42, 0.02);
    border-radius: 6px;
}

[data-bs-theme="dark"][b-0zzid18rg5]  .sgcol-qbi { background: rgba(148, 163, 184, 0.05); }

[b-0zzid18rg5] .sgcol-qbi span[class*="icon-"] {
    color: var(--sgcol-primary);
    font-size: 14px;
    flex: 0 0 14px;
}
[b-0zzid18rg5] .sgcol-qbi span[class*="icon-"]::before { color: inherit !important; }

[b-0zzid18rg5] .sgcol-qbi b {
    font-weight: 700;
    color: var(--sgcol-text);
    font-variant-numeric: tabular-nums;
    font-size: 0.78rem;
}

[b-0zzid18rg5] .sgcol-qbi--ok span[class*="icon-"] { color: #10b981; }
[b-0zzid18rg5] .sgcol-qbi--ok b { color: #10b981; }
[b-0zzid18rg5] .sgcol-qbi--warn span[class*="icon-"] { color: #f59e0b; }
[b-0zzid18rg5] .sgcol-qbi--warn b { color: #f59e0b; }
[b-0zzid18rg5] .sgcol-qbi--danger span[class*="icon-"] { color: #ef4444; }
[b-0zzid18rg5] .sgcol-qbi--danger b { color: #ef4444; }
/* /Components/Pages/Contratos/NovoContratoWizard.razor.rz.scp.css */
/* ══ Wizard Novo Contrato — split painel escuro (stepper) + branco (conteúdo) ══ */

.sgnc-shell[b-2k9xihokl1] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    height: calc(100vh - 76px);
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 12px;
    overflow: hidden;
}

/* ── Stepper esquerdo (escuro) ──────────────────────────────── */
.sgnc-stepper[b-2k9xihokl1] {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    color: #cbd5e1;
    display: flex;
    flex-direction: column;
    padding: 16px 14px;
    gap: 14px;
    overflow-y: auto;
}
.sgnc-stepper-header[b-2k9xihokl1] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}
.sgnc-stepper-icon[b-2k9xihokl1] {
    font-size: 1.5rem;
    /* Cor do sistema "Venda" (root menu 352) — alinha com o tema do módulo
       (Helpers/SystemThemeHelper.cs). Quando o wizard for cadastrado em outro
       sistema, atualizar aqui ou fazer o componente receber CodMenu/tema. */
    color: #F97316;
}
.sgnc-stepper-title[b-2k9xihokl1] {
    font-weight: 700;
    font-size: 0.95rem;
    color: #fff;
}
.sgnc-stepper-sub[b-2k9xihokl1] {
    font-size: 0.72rem;
    color: #94a3b8;
}

.sgnc-stepper-list[b-2k9xihokl1] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
}
.sgnc-step[b-2k9xihokl1] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: default;
    transition: background 0.15s;
    position: relative;
}
.sgnc-step[b-2k9xihokl1]::before {
    content: "";
    position: absolute;
    left: 26px;
    top: 38px;
    bottom: -8px;
    width: 2px;
    background: rgba(255,255,255,0.08);
}
.sgnc-step:last-child[b-2k9xihokl1]::before { display: none; }

.sgnc-step-num[b-2k9xihokl1] {
    flex: 0 0 28px;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.82rem;
    background: rgba(255,255,255,0.08);
    color: #cbd5e1;
    z-index: 1;
    transition: background 0.15s, color 0.15s;
}
.sgnc-step-body[b-2k9xihokl1] { min-width: 0; flex: 1 1 auto; }
.sgnc-step-title[b-2k9xihokl1] {
    font-weight: 600;
    color: #e2e8f0;
    font-size: 0.85rem;
}
.sgnc-step-sub[b-2k9xihokl1] {
    font-size: 0.7rem;
    color: #94a3b8;
    margin-top: 2px;
}

/* Estados */
.sgnc-step--ok[b-2k9xihokl1] {
    cursor: pointer;
}
.sgnc-step--ok:hover[b-2k9xihokl1] {
    background: rgba(124,58,237,0.10);
}
.sgnc-step--ok .sgnc-step-num[b-2k9xihokl1] {
    background: #16a34a;
    color: #fff;
}
.sgnc-step--ok .sgnc-step-title[b-2k9xihokl1] {
    color: #cbd5e1;
}

.sgnc-step--active[b-2k9xihokl1] {
    background: linear-gradient(90deg, rgba(124,58,237,0.20), rgba(124,58,237,0.04));
}
.sgnc-step--active .sgnc-step-num[b-2k9xihokl1] {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
    color: #fff;
    box-shadow: 0 0 0 3px rgba(124,58,237,0.30);
}
.sgnc-step--active .sgnc-step-title[b-2k9xihokl1] {
    color: #fff;
}
.sgnc-step--active .sgnc-step-sub[b-2k9xihokl1] {
    color: #c4b5fd;
}

.sgnc-step--future .sgnc-step-num[b-2k9xihokl1] {
    background: rgba(255,255,255,0.05);
    color: #64748b;
}
.sgnc-step--future .sgnc-step-title[b-2k9xihokl1] {
    color: #94a3b8;
}

.sgnc-stepper-footer[b-2k9xihokl1] {
    border-top: 1px solid rgba(255,255,255,0.10);
    padding-top: 10px;
    flex-shrink: 0;          /* nunca encolhe quando a lista lota o painel */
    margin-top: auto;        /* gruda no rodapé mesmo com poucos passos */
}

/* SfButton e-flat usa cor escura por padrão no tema Fluent 2 — invisível
   contra o gradient azul-escuro do painel. Força tom claro só dentro do
   footer do stepper. ::deep alcança elementos renderizados pelo Syncfusion
   filho (CSS isolation do Blazor). */
.sgnc-stepper-footer[b-2k9xihokl1]  .e-btn,
.sgnc-stepper-footer[b-2k9xihokl1]  .e-btn.e-flat {
    color: #e2e8f0 !important;
    background: transparent;
}
.sgnc-stepper-footer[b-2k9xihokl1]  .e-btn .e-btn-icon,
.sgnc-stepper-footer[b-2k9xihokl1]  .e-btn .e-icons {
    color: #e2e8f0 !important;
}
.sgnc-stepper-footer[b-2k9xihokl1]  .e-btn:hover {
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
}
.sgnc-stepper-footer[b-2k9xihokl1]  .e-btn:disabled,
.sgnc-stepper-footer[b-2k9xihokl1]  .e-btn.e-flat:disabled {
    color: rgba(226,232,240,0.35) !important;
    background: transparent !important;
}

/* ── Conteúdo direito (branco) ──────────────────────────────── */
.sgnc-content[b-2k9xihokl1] {
    background: var(--color-sf-card-bg-color);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.sgnc-content-body[b-2k9xihokl1] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 22px 28px;
}
.sgnc-content-footer[b-2k9xihokl1] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-top: 1px solid var(--color-sf-card-border-color);
    background: var(--color-sf-content-bg-color);
}

/* Responsivo */
@media (max-width: 900px) {
    .sgnc-shell[b-2k9xihokl1] {
        grid-template-columns: 1fr;
        height: auto;
    }
    .sgnc-stepper[b-2k9xihokl1] {
        max-height: 220px;
    }
}
/* /Components/Pages/CRM/ClientePotencial.razor.rz.scp.css */
/* ============================================================
   ClientePotencial — Prefixo: sgcrm-
   Design: Master-Detail CRM — Fiori Horizon
   Paleta: Amber (#f59e0b) — módulo CRM
   ============================================================ */

.sgcrm-shell[b-huel1t4ztb] { display: flex; height: calc(100vh - 50px); overflow: hidden; }
.sgcrm-shell--embedded[b-huel1t4ztb] { height: 100%; }

/* ══════════ ASIDE ESQUERDO ══════════ */
.sgcrm-aside[b-huel1t4ztb] {
    width: 240px; min-width: 240px; display: flex; flex-direction: column;
    background: linear-gradient(180deg, #1a1625 0%, #1e1a2e 50%, #1a1625 100%);
    position: relative; overflow: hidden; z-index: 1;
}
.sgcrm-aside[b-huel1t4ztb]::before {
    content: ''; position: absolute; top: -40%; left: -40%; width: 180%; height: 180%;
    background: radial-gradient(circle at 30% 20%, rgba(245,158,11,0.06) 0%, transparent 60%);
    pointer-events: none; z-index: 0;
}
.sgcrm-aside[b-huel1t4ztb]::after {
    content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px;
    background: linear-gradient(180deg, rgba(245,158,11,0.15) 0%, rgba(245,158,11,0.03) 100%);
    z-index: 2;
}

.sgcrm-aside-header[b-huel1t4ztb] { position: relative; z-index: 2; display: flex; align-items: center; gap: 12px; padding: 18px 18px 14px; }
.sgcrm-aside-icon-wrap[b-huel1t4ztb] {
    width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, rgba(245,158,11,0.20), rgba(245,158,11,0.08));
    border: 1px solid rgba(245,158,11,0.20);
}
.sgcrm-aside-icon-wrap span[b-huel1t4ztb] { color: #f59e0b; font-size: 20px; }
.sgcrm-aside-icon-wrap span[b-huel1t4ztb]::before { color: #f59e0b !important; }
.sgcrm-aside-heading[b-huel1t4ztb] { display: flex; flex-direction: column; }
.sgcrm-aside-title[b-huel1t4ztb] { font-size: 0.92rem; font-weight: 700; color: rgba(255,255,255,0.90); margin: 0; letter-spacing: 0.03em; }
.sgcrm-aside-sub[b-huel1t4ztb] { font-size: 0.68rem; color: rgba(255,255,255,0.40); margin: 0; }
.sgcrm-aside-divider[b-huel1t4ztb] { position: relative; z-index: 2; height: 1px; margin: 0 18px; background: rgba(255,255,255,0.06); }

/* KPIs */
.sgcrm-kpi-grid[b-huel1t4ztb] { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 14px 18px; }
.sgcrm-kpi-card[b-huel1t4ztb] {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    padding: 10px 8px; border-radius: 8px;
    background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05);
}
.sgcrm-kpi-value[b-huel1t4ztb] { font-size: 1.1rem; font-weight: 700; color: #f59e0b; }
.sgcrm-kpi-label[b-huel1t4ztb] { font-size: 0.58rem; font-weight: 500; color: rgba(255,255,255,0.40); text-transform: uppercase; letter-spacing: 0.04em; }

/* Pipeline no aside */
.sgcrm-aside-pipeline[b-huel1t4ztb] { position: relative; z-index: 2; padding: 14px 18px; display: flex; flex-direction: column; gap: 3px; }
.sgcrm-aside-section-title[b-huel1t4ztb] { font-size: 0.62rem; font-weight: 600; color: rgba(255,255,255,0.40); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px; }

.sgcrm-pipe-btn[b-huel1t4ztb] {
    display: flex; align-items: center; gap: 6px;
    background: transparent; border: none; cursor: pointer;
    padding: 5px 6px; border-radius: 4px;
    transition: background 0.12s; width: 100%; text-align: left;
}
.sgcrm-pipe-btn:hover[b-huel1t4ztb] { background: rgba(255,255,255,0.06); }
.sgcrm-pipe-btn--active[b-huel1t4ztb] { background: rgba(245,158,11,0.10); }
.sgcrm-pipe-dot[b-huel1t4ztb] { width: 6px; height: 6px; border-radius: 50%; background: #f59e0b; flex-shrink: 0; }
.sgcrm-pipe-name[b-huel1t4ztb] { font-size: 0.68rem; color: rgba(255,255,255,0.60); min-width: 70px; }
.sgcrm-pipe-btn--active .sgcrm-pipe-name[b-huel1t4ztb] { color: #f59e0b; font-weight: 600; }
.sgcrm-pipe-bar-wrap[b-huel1t4ztb] { flex: 1; min-height: 4px; height: 4px; background: rgba(255,255,255,0.06); border-radius: 2px; overflow: hidden; }
.sgcrm-pipe-bar[b-huel1t4ztb] { display: block; height: 4px; border-radius: 2px; background: #f59e0b; transition: width 0.3s; }
.sgcrm-pipe-count[b-huel1t4ztb] { font-size: 0.62rem; font-weight: 700; color: rgba(255,255,255,0.55); min-width: 18px; text-align: right; }

.sgcrm-pipe-clear[b-huel1t4ztb] {
    display: flex; align-items: center; gap: 4px; margin-top: 4px;
    background: rgba(255,255,255,0.05); border: none; cursor: pointer;
    padding: 4px 8px; border-radius: 4px;
    font-size: 0.60rem; color: rgba(255,255,255,0.45);
    transition: background 0.12s;
}
.sgcrm-pipe-clear:hover[b-huel1t4ztb] { background: rgba(255,255,255,0.10); color: rgba(255,255,255,0.70); }
.sgcrm-pipe-clear span[class*="icon-"][b-huel1t4ztb] { font-size: 12px; }

/* Estabelecimento */
.sgcrm-aside-estab[b-huel1t4ztb] { position: relative; z-index: 2; padding: 14px 18px; margin-top: auto; display: flex; flex-direction: column; gap: 4px; }
.sgcrm-estab-label[b-huel1t4ztb] { font-size: 0.58rem; font-weight: 600; color: rgba(255,255,255,0.30); text-transform: uppercase; letter-spacing: 0.05em; }
.sgcrm-estab-name[b-huel1t4ztb] { font-size: 0.72rem; color: rgba(255,255,255,0.55); line-height: 1.3; }

/* ══════════ MAIN ══════════ */
.sgcrm-main[b-huel1t4ztb] { flex: 1; display: flex; flex-direction: column; background: var(--color-sf-content-bg-color, #f8fafc); overflow: hidden; }

/* Pipeline bar horizontal */
.sgcrm-pipeline-bar[b-huel1t4ztb] {
    display: flex; align-items: stretch; gap: 0; flex-shrink: 0;
    border-bottom: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
    background: var(--color-sf-content-bg-color, #fff);
    overflow-x: auto;
}
.sgcrm-stage[b-huel1t4ztb] {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    padding: 10px 20px; border: none; background: none; cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: background 0.12s, border-color 0.12s;
    white-space: nowrap;
}
.sgcrm-stage:hover[b-huel1t4ztb] { background: var(--color-sf-content-bg-color-alt1, #f3f4f6); }
.sgcrm-stage--active[b-huel1t4ztb] { border-bottom-color: #f59e0b; background: rgba(245,158,11,0.04); }
.sgcrm-stage-name[b-huel1t4ztb] { font-size: 0.72rem; font-weight: 500; color: var(--color-sf-content-text-color-alt1, #6b7280); }
.sgcrm-stage--active .sgcrm-stage-name[b-huel1t4ztb] { color: #f59e0b; font-weight: 700; }
.sgcrm-stage-count[b-huel1t4ztb] { font-size: 0.85rem; font-weight: 700; color: var(--color-sf-content-text-color, #1f2937); }
.sgcrm-stage--active .sgcrm-stage-count[b-huel1t4ztb] { color: #f59e0b; }

/* ══════════ MASTER-DETAIL SPLIT ══════════ */
.sgcrm-content-split[b-huel1t4ztb] { display: flex; flex: 1; overflow: hidden; }

/* Lista de leads */
.sgcrm-list-panel[b-huel1t4ztb] { width: 320px; min-width: 280px; display: flex; flex-direction: column; border-right: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb); background: var(--color-sf-content-bg-color, #fff); }
.sgcrm-search-wrap[b-huel1t4ztb] { padding: 10px 12px; border-bottom: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb); flex-shrink: 0; }
.sgcrm-lead-list[b-huel1t4ztb] { flex: 1; overflow-y: auto; padding: 6px; }

/* Lead card */
.sgcrm-lead-card[b-huel1t4ztb] {
    display: flex; flex-direction: column; gap: 4px;
    padding: 10px 12px; margin-bottom: 4px;
    border-radius: 8px; cursor: pointer;
    border: 1px solid transparent;
    transition: background 0.12s, border-color 0.12s;
}
.sgcrm-lead-card:hover[b-huel1t4ztb] { background: var(--color-sf-content-bg-color-alt1, #f9fafb); }
.sgcrm-lead-card--selected[b-huel1t4ztb] {
    background: rgba(245,158,11,0.06);
    border-color: rgba(245,158,11,0.25);
}
.sgcrm-lead-card-header[b-huel1t4ztb] { display: flex; flex-direction: column; gap: 1px; }
.sgcrm-lead-name[b-huel1t4ztb] { font-size: 0.78rem; font-weight: 600; color: var(--color-sf-content-text-color, #1f2937); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgcrm-lead-alias[b-huel1t4ztb] { font-size: 0.65rem; color: var(--color-sf-content-text-color-alt1, #6b7280); }
.sgcrm-lead-row[b-huel1t4ztb] { display: flex; align-items: center; gap: 5px; font-size: 0.68rem; color: var(--color-sf-content-text-color-alt1, #6b7280); }
.sgcrm-lead-ico[b-huel1t4ztb] { font-size: 12px; opacity: 0.5; }
.sgcrm-lead-footer[b-huel1t4ztb] { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; }
.sgcrm-lead-stage[b-huel1t4ztb] {
    font-size: 0.58rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em;
    padding: 1px 6px; border-radius: 3px;
    background: rgba(245,158,11,0.10); color: #b45309;
}
.sgcrm-lead-days[b-huel1t4ztb] { font-size: 0.60rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); }

/* ══════════ DETALHE ══════════ */
.sgcrm-detail-panel[b-huel1t4ztb] { flex: 1; display: flex; flex-direction: column; overflow-y: auto; }
.sgcrm-detail-empty[b-huel1t4ztb], .sgcrm-loading-detail[b-huel1t4ztb] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 12px; flex: 1; color: var(--color-sf-content-text-color-alt2, #9ca3af); font-size: 0.82rem;
}
.sgcrm-detail-empty span[class*="icon-"][b-huel1t4ztb] { font-size: 28px; opacity: 0.3; }

.sgcrm-detail-header[b-huel1t4ztb] { padding: 16px 20px 12px; border-bottom: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb); }
.sgcrm-detail-title-row[b-huel1t4ztb] { display: flex; align-items: center; gap: 10px; }
.sgcrm-detail-name[b-huel1t4ztb] { font-size: 1rem; font-weight: 600; color: var(--color-sf-content-text-color, #1f2937); margin: 0; }
.sgcrm-detail-stage-badge[b-huel1t4ztb] {
    font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em;
    padding: 2px 8px; border-radius: 4px;
    background: rgba(245,158,11,0.12); color: #b45309;
}
.sgcrm-detail-alias[b-huel1t4ztb] { font-size: 0.75rem; color: var(--color-sf-content-text-color-alt1, #6b7280); }

/* Info grid */
.sgcrm-detail-info-grid[b-huel1t4ztb] {
    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0;
    padding: 0 20px; border-bottom: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
}
.sgcrm-info-item[b-huel1t4ztb] { display: flex; flex-direction: column; gap: 2px; padding: 10px 0; }
.sgcrm-info-item label[b-huel1t4ztb] { font-size: 0.60rem; font-weight: 600; color: var(--color-sf-content-text-color-alt2, #9ca3af); text-transform: uppercase; letter-spacing: 0.03em; }
.sgcrm-info-item span[b-huel1t4ztb] { font-size: 0.78rem; color: var(--color-sf-content-text-color, #1f2937); }

/* Tabs */
.sgcrm-tabs[b-huel1t4ztb] { display: flex; gap: 0; border-bottom: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb); padding: 0 20px; flex-shrink: 0; }
.sgcrm-tab[b-huel1t4ztb] {
    display: flex; align-items: center; gap: 5px;
    padding: 10px 14px; border: none; background: none; cursor: pointer;
    font-size: 0.75rem; font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #6b7280);
    border-bottom: 2px solid transparent;
    transition: color 0.12s, border-color 0.12s;
}
.sgcrm-tab:hover[b-huel1t4ztb] { color: var(--color-sf-content-text-color, #1f2937); }
.sgcrm-tab--active[b-huel1t4ztb] { color: #f59e0b; border-bottom-color: #f59e0b; font-weight: 700; }
.sgcrm-tab span[class*="icon-"][b-huel1t4ztb] { font-size: 14px; }
.sgcrm-tab-count[b-huel1t4ztb] {
    font-size: 0.58rem; font-weight: 700; color: #fff;
    background: var(--color-sf-content-text-color-alt2, #9ca3af);
    border-radius: 8px; padding: 0 5px; min-width: 16px; text-align: center;
}
.sgcrm-tab--active .sgcrm-tab-count[b-huel1t4ztb] { background: #f59e0b; }

/* Tab body */
.sgcrm-tab-body[b-huel1t4ztb] { flex: 1; overflow-y: auto; padding: 16px 20px; }

/* Empty state */
.sgcrm-empty[b-huel1t4ztb] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 40px; color: var(--color-sf-content-text-color-alt2, #9ca3af); font-size: 0.78rem; }
.sgcrm-empty span[class*="icon-"][b-huel1t4ztb] { font-size: 24px; opacity: 0.3; }
.sgcrm-empty--small[b-huel1t4ztb] { padding: 24px; }

/* ══════════ TIMELINE ══════════ */
.sgcrm-timeline[b-huel1t4ztb] { display: flex; flex-direction: column; gap: 0; position: relative; padding-left: 20px; }
.sgcrm-timeline[b-huel1t4ztb]::before {
    content: ''; position: absolute; left: 6px; top: 8px; bottom: 8px; width: 1px;
    background: var(--color-sf-content-border-color-alt1, #e5e7eb);
}
.sgcrm-tl-item[b-huel1t4ztb] { display: flex; gap: 14px; position: relative; padding: 8px 0; }
.sgcrm-tl-dot[b-huel1t4ztb] {
    position: absolute; left: -17px; top: 12px;
    width: 8px; height: 8px; border-radius: 50%;
    background: #f59e0b; border: 2px solid var(--color-sf-content-bg-color, #fff);
    z-index: 1;
}
.sgcrm-tl-content[b-huel1t4ztb] { display: flex; flex-direction: column; gap: 3px; flex: 1; }
.sgcrm-tl-header[b-huel1t4ztb] { display: flex; align-items: center; justify-content: space-between; }
.sgcrm-tl-tipo[b-huel1t4ztb] { font-size: 0.72rem; font-weight: 600; color: var(--color-sf-content-text-color, #1f2937); }
.sgcrm-tl-date[b-huel1t4ztb] { font-size: 0.62rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); }
.sgcrm-tl-desc[b-huel1t4ztb] { font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1, #4b5563); }
.sgcrm-tl-resp[b-huel1t4ztb] { font-size: 0.62rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); }
.sgcrm-tl-status[b-huel1t4ztb] {
    display: inline-block; font-size: 0.55rem; font-weight: 600; text-transform: uppercase;
    padding: 1px 5px; border-radius: 3px; width: fit-content;
    background: rgba(245,158,11,0.10); color: #b45309;
}

/* ══════════ PROPOSTAS ══════════ */
.sgcrm-propostas[b-huel1t4ztb] { display: flex; flex-direction: column; gap: 8px; }
.sgcrm-prop-card[b-huel1t4ztb] {
    padding: 10px 14px; border-radius: 8px;
    background: var(--color-sf-content-bg-color-alt1, #f9fafb);
    border: 1px solid var(--color-sf-content-border-color-alt1, #e5e7eb);
}
.sgcrm-prop-header[b-huel1t4ztb] { display: flex; align-items: center; justify-content: space-between; }
.sgcrm-prop-name[b-huel1t4ztb] { font-size: 0.78rem; font-weight: 600; color: var(--color-sf-content-text-color, #1f2937); }
.sgcrm-prop-date[b-huel1t4ztb] { font-size: 0.65rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); }
.sgcrm-prop-info[b-huel1t4ztb] { display: flex; gap: 12px; margin-top: 2px; }
.sgcrm-prop-resp[b-huel1t4ztb] { font-size: 0.7rem; color: var(--color-sf-content-text-color-alt1, #6b7280); margin-top: 2px; }
.sgcrm-prop-valor[b-huel1t4ztb] { font-size: 0.82rem; font-weight: 700; color: #059669; margin-top: 4px; }
.sgcrm-prop-badge[b-huel1t4ztb] {
    font-size: 0.6rem; font-weight: 700; padding: 1px 8px; border-radius: 8px;
    background: #fef3c7; color: #92400e;
}
.sgcrm-prop-badge--ok[b-huel1t4ztb] { background: #d1fae5; color: #065f46; }
.sgcrm-prop-badge--dec[b-huel1t4ztb] { background: #fee2e2; color: #991b1b; }

/* Timeline obs */
.sgcrm-tl-obs[b-huel1t4ztb] { font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1, #6b7280); }

/* ══════════ NOTAS ══════════ */
.sgcrm-notas-text[b-huel1t4ztb] {
    font-size: 0.78rem; color: var(--color-sf-content-text-color, #1f2937);
    line-height: 1.6; white-space: pre-wrap;
}

/* ══════════ LOADING ══════════ */
.sgcrm-loading-page[b-huel1t4ztb] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    min-height: 60vh; gap: 14px;
}
.sgcrm-loading-spinner[b-huel1t4ztb] { position: relative; width: 40px; height: 40px; }
.sgcrm-loading-ring[b-huel1t4ztb] {
    position: absolute; inset: 0; border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #f59e0b; border-left-color: rgba(245,158,11,0.50);
    animation: sgcrm-spin-b-huel1t4ztb 1s cubic-bezier(.4,0,.2,1) infinite;
}
.sgcrm-loading-ring--2[b-huel1t4ztb] {
    inset: 6px;
    border-top-color: transparent;
    border-right-color: rgba(245,158,11,0.35); border-bottom-color: #f59e0b;
    animation-duration: 1.4s; animation-direction: reverse;
}
.sgcrm-loading-text[b-huel1t4ztb] { font-size: 0.75rem; color: var(--color-sf-content-text-color-alt1, #6b7280); }
@keyframes sgcrm-spin-b-huel1t4ztb { to { transform: rotate(360deg); } }

/* ══════════ DARK MODE ══════════ */
:global(.e-dark-mode) .sgcrm-main[b-huel1t4ztb] { background: #141820 !important; }
:global(.e-dark-mode) .sgcrm-pipeline-bar[b-huel1t4ztb] { background: #141820 !important; border-bottom-color: rgba(255,255,255,0.04) !important; }
:global(.e-dark-mode) .sgcrm-list-panel[b-huel1t4ztb] { background: #141820 !important; border-right-color: rgba(255,255,255,0.04) !important; }
:global(.e-dark-mode) .sgcrm-lead-card:hover[b-huel1t4ztb] { background: rgba(255,255,255,0.03) !important; }
:global(.e-dark-mode) .sgcrm-lead-card--selected[b-huel1t4ztb] { background: rgba(245,158,11,0.06) !important; border-color: rgba(245,158,11,0.15) !important; }
:global(.e-dark-mode) .sgcrm-detail-header[b-huel1t4ztb] { border-bottom-color: rgba(255,255,255,0.04) !important; }
:global(.e-dark-mode) .sgcrm-detail-info-grid[b-huel1t4ztb] { border-bottom-color: rgba(255,255,255,0.04) !important; }
:global(.e-dark-mode) .sgcrm-tabs[b-huel1t4ztb] { border-bottom-color: rgba(255,255,255,0.04) !important; }
:global(.e-dark-mode) .sgcrm-prop-card[b-huel1t4ztb] { background: rgba(255,255,255,0.03) !important; border-color: rgba(255,255,255,0.06) !important; }
:global(.e-dark-mode) .sgcrm-timeline[b-huel1t4ztb]::before { background: rgba(255,255,255,0.06) !important; }
:global(.e-dark-mode) .sgcrm-tl-dot[b-huel1t4ztb] { border-color: #141820 !important; }
/* /Components/Pages/CRM/SeglaCRM.razor.rz.scp.css */
/* ============================================================
   SeglaCRM — Prefixo: sgcrm-
   Design: Master-Detail CRM — Fiori Horizon
   Paleta: Amber (#f59e0b) — módulo CRM
   Nota: reutiliza as mesmas classes sgcrm- do ClientePotencial
         e acrescenta elementos específicos do novo schema.
   ============================================================ */

.sgcrm-shell[b-sqw5xxhzw2] { display: flex; height: calc(100vh - 50px); overflow: hidden; }
.sgcrm-shell--embedded[b-sqw5xxhzw2] { height: 100%; }

/* ══════════ ASIDE ESQUERDO ══════════ */
.sgcrm-aside[b-sqw5xxhzw2] {
    width: 240px; min-width: 240px; display: flex; flex-direction: column;
    background: linear-gradient(180deg, #1a1625 0%, #1e1a2e 50%, #1a1625 100%);
    position: relative; overflow: hidden; z-index: 1;
}
.sgcrm-aside[b-sqw5xxhzw2]::before {
    content: ''; position: absolute; top: -40%; left: -40%; width: 180%; height: 180%;
    background: radial-gradient(circle at 30% 20%, rgba(245,158,11,0.06) 0%, transparent 60%);
    pointer-events: none; z-index: 0;
}
.sgcrm-aside[b-sqw5xxhzw2]::after {
    content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px;
    background: linear-gradient(180deg, rgba(245,158,11,0.15) 0%, rgba(245,158,11,0.03) 100%);
    z-index: 2;
}

.sgcrm-aside-header[b-sqw5xxhzw2] { position: relative; z-index: 2; display: flex; align-items: center; gap: 12px; padding: 18px 18px 14px; }
.sgcrm-aside-icon-wrap[b-sqw5xxhzw2] {
    width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, rgba(245,158,11,0.20), rgba(245,158,11,0.08));
    border: 1px solid rgba(245,158,11,0.20);
}
.sgcrm-aside-icon-wrap span[b-sqw5xxhzw2] { color: #f59e0b; font-size: 20px; }
.sgcrm-aside-icon-wrap span[b-sqw5xxhzw2]::before { color: #f59e0b !important; }
.sgcrm-aside-heading[b-sqw5xxhzw2] { display: flex; flex-direction: column; }
.sgcrm-aside-title[b-sqw5xxhzw2] { font-size: 0.92rem; font-weight: 700; color: rgba(255,255,255,0.90); margin: 0; letter-spacing: 0.03em; }
.sgcrm-aside-sub[b-sqw5xxhzw2] { font-size: 0.68rem; color: rgba(255,255,255,0.40); margin: 0; }
.sgcrm-aside-divider[b-sqw5xxhzw2] { position: relative; z-index: 2; height: 1px; margin: 0 18px; background: rgba(255,255,255,0.06); }

/* Seletor de funil */
.sgcrm-funil-selector[b-sqw5xxhzw2] { position: relative; z-index: 2; padding: 10px 18px 6px; display: flex; flex-direction: column; gap: 2px; }
.sgcrm-funil-btn[b-sqw5xxhzw2] {
    display: flex; align-items: center; gap: 6px;
    background: transparent; border: none; cursor: pointer;
    padding: 5px 6px; border-radius: 4px;
    font-size: 0.68rem; color: rgba(255,255,255,0.55);
    transition: background 0.12s; width: 100%; text-align: left;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sgcrm-funil-btn:hover[b-sqw5xxhzw2] { background: rgba(255,255,255,0.06); }
.sgcrm-funil-btn--active[b-sqw5xxhzw2] { background: rgba(245,158,11,0.10); color: #f59e0b; font-weight: 600; }
.sgcrm-funil-ico[b-sqw5xxhzw2] { font-size: 13px; opacity: 0.6; }

/* KPIs */
.sgcrm-kpi-grid[b-sqw5xxhzw2] { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 14px 18px; }
.sgcrm-kpi-card[b-sqw5xxhzw2] {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    padding: 10px 8px; border-radius: 8px;
    background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05);
}
.sgcrm-kpi-value[b-sqw5xxhzw2] { font-size: 1.1rem; font-weight: 700; color: #f59e0b; }
.sgcrm-kpi-label[b-sqw5xxhzw2] { font-size: 0.58rem; font-weight: 500; color: rgba(255,255,255,0.40); text-transform: uppercase; letter-spacing: 0.04em; }

/* Valor total */
.sgcrm-kpi-valor[b-sqw5xxhzw2] { position: relative; z-index: 2; padding: 10px 18px; display: flex; flex-direction: column; gap: 2px; }
.sgcrm-kpi-value-large[b-sqw5xxhzw2] { font-size: 0.88rem; font-weight: 700; color: #f59e0b; }

/* Pipeline no aside */
.sgcrm-aside-pipeline[b-sqw5xxhzw2] { position: relative; z-index: 2; padding: 14px 18px; display: flex; flex-direction: column; gap: 3px; flex: 1; overflow-y: auto; }
.sgcrm-aside-section-title[b-sqw5xxhzw2] { font-size: 0.62rem; font-weight: 600; color: rgba(255,255,255,0.40); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px; display: block; }

.sgcrm-pipe-btn[b-sqw5xxhzw2] {
    display: flex; align-items: center; gap: 6px;
    background: transparent; border: none; cursor: pointer;
    padding: 5px 6px; border-radius: 4px;
    transition: background 0.12s; width: 100%; text-align: left;
}
.sgcrm-pipe-btn:hover[b-sqw5xxhzw2] { background: rgba(255,255,255,0.06); }
.sgcrm-pipe-btn--active[b-sqw5xxhzw2] { background: rgba(245,158,11,0.10); }
.sgcrm-pipe-dot[b-sqw5xxhzw2] { width: 6px; height: 6px; border-radius: 50%; background: #f59e0b; flex-shrink: 0; }
.sgcrm-pipe-name[b-sqw5xxhzw2] { font-size: 0.68rem; color: rgba(255,255,255,0.60); min-width: 70px; }
.sgcrm-pipe-btn--active .sgcrm-pipe-name[b-sqw5xxhzw2] { color: #f59e0b; font-weight: 600; }
.sgcrm-pipe-bar-wrap[b-sqw5xxhzw2] { flex: 1; min-height: 4px; height: 4px; background: rgba(255,255,255,0.06); border-radius: 2px; overflow: hidden; }
.sgcrm-pipe-bar[b-sqw5xxhzw2] { display: block; height: 4px; border-radius: 2px; background: #f59e0b; transition: width 0.3s; }
.sgcrm-pipe-count[b-sqw5xxhzw2] { font-size: 0.62rem; font-weight: 700; color: rgba(255,255,255,0.55); min-width: 18px; text-align: right; }

.sgcrm-pipe-clear[b-sqw5xxhzw2] {
    display: flex; align-items: center; gap: 4px; margin-top: 4px;
    background: rgba(255,255,255,0.05); border: none; cursor: pointer;
    padding: 4px 8px; border-radius: 4px;
    font-size: 0.60rem; color: rgba(255,255,255,0.45);
    transition: background 0.12s;
}
.sgcrm-pipe-clear:hover[b-sqw5xxhzw2] { background: rgba(255,255,255,0.10); color: rgba(255,255,255,0.70); }
.sgcrm-pipe-clear span[class*="icon-"][b-sqw5xxhzw2] { font-size: 12px; }

/* Estabelecimento */
.sgcrm-aside-estab[b-sqw5xxhzw2] { position: relative; z-index: 2; padding: 14px 18px; margin-top: auto; display: flex; flex-direction: column; gap: 4px; flex-shrink: 0; }
.sgcrm-estab-label[b-sqw5xxhzw2] { font-size: 0.58rem; font-weight: 600; color: rgba(255,255,255,0.30); text-transform: uppercase; letter-spacing: 0.05em; }
.sgcrm-estab-name[b-sqw5xxhzw2] { font-size: 0.72rem; color: rgba(255,255,255,0.55); line-height: 1.3; }

/* ══════════ MAIN ══════════ */
.sgcrm-main[b-sqw5xxhzw2] { flex: 1; display: flex; flex-direction: column; background: var(--color-sf-content-bg-color, #f8fafc); overflow: hidden; }

/* Pipeline bar horizontal */
.sgcrm-pipeline-bar[b-sqw5xxhzw2] {
    display: flex; align-items: stretch; gap: 0; flex-shrink: 0;
    border-bottom: 1px solid var(--color-sf-info-light);
    background: var(--color-sf-content-bg-color, #fff);
    overflow-x: auto;
}
.sgcrm-stage[b-sqw5xxhzw2] {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    padding: 8px 18px; border: none; background: none; cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: background 0.12s, border-color 0.12s;
    white-space: nowrap;
}
.sgcrm-stage:hover[b-sqw5xxhzw2] { background: var(--color-sf-content-bg-color-alt1, #f3f4f6); }
.sgcrm-stage--active[b-sqw5xxhzw2] { border-bottom-color: #f59e0b; background: rgba(245,158,11,0.04); }
.sgcrm-stage--final[b-sqw5xxhzw2] { border-left: 2px solid rgba(245,158,11,0.20); }
.sgcrm-stage-name[b-sqw5xxhzw2] { font-size: 0.72rem; font-weight: 500; color: var(--color-sf-content-text-color-alt1, #6b7280); }
.sgcrm-stage--active .sgcrm-stage-name[b-sqw5xxhzw2] { color: #f59e0b; font-weight: 700; }
.sgcrm-stage-count[b-sqw5xxhzw2] { font-size: 0.85rem; font-weight: 700; color: var(--color-sf-content-text-color, #1f2937); }
.sgcrm-stage--active .sgcrm-stage-count[b-sqw5xxhzw2] { color: #f59e0b; }
.sgcrm-stage-conv[b-sqw5xxhzw2] { font-size: 0.58rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); }

/* ══════════ MASTER-DETAIL SPLIT ══════════ */
.sgcrm-content-split[b-sqw5xxhzw2] { display: flex; flex: 1; overflow: hidden; }

/* Lista de leads */
.sgcrm-list-panel[b-sqw5xxhzw2] { width: 320px; min-width: 280px; display: flex; flex-direction: column; border-right: 1px solid var(--color-sf-info-light); background: var(--color-sf-content-bg-color, #fff); }
/* Variante full-width (sem painel de detalhe) */
.sgcrm-list-panel--full[b-sqw5xxhzw2] { width: 100%; border-right: none; flex: 1; }
.sgcrm-search-wrap[b-sqw5xxhzw2] { padding: 10px 12px; border-bottom: 1px solid var(--color-sf-info-light); flex-shrink: 0; }
.sgcrm-lead-list[b-sqw5xxhzw2] { flex: 1; overflow-y: auto; padding: 6px; }

/* Lead card wrap (card + action icons) */
.sgcrm-lead-card-wrap[b-sqw5xxhzw2] {
    display: flex; align-items: stretch; margin-bottom: 4px; border-radius: 8px;
    border: 1px solid transparent; transition: border-color 0.12s;
}
.sgcrm-lead-card-wrap--selected[b-sqw5xxhzw2] { border-color: rgba(245,158,11,0.25); background: rgba(245,158,11,0.06); }

.sgcrm-lead-card[b-sqw5xxhzw2] {
    display: flex; flex-direction: column; gap: 4px;
    padding: 10px 12px; flex: 1; min-width: 0;
    border-radius: 8px; cursor: pointer;
    border: none;
    transition: background 0.12s;
}
.sgcrm-lead-card:hover[b-sqw5xxhzw2] { background: var(--color-sf-content-bg-color-alt1, #f9fafb); }
.sgcrm-lead-card--selected[b-sqw5xxhzw2] { background: transparent; }

.sgcrm-lead-card-actions[b-sqw5xxhzw2] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 2px; padding: 0 4px; flex-shrink: 0;
}
.sgcrm-lead-card-header[b-sqw5xxhzw2] { display: flex; flex-direction: column; gap: 1px; }
.sgcrm-lead-name[b-sqw5xxhzw2] { font-size: 0.78rem; font-weight: 600; color: var(--color-sf-content-text-color, #1f2937); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgcrm-lead-alias[b-sqw5xxhzw2] { font-size: 0.65rem; color: var(--color-sf-content-text-color-alt1, #6b7280); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgcrm-lead-row[b-sqw5xxhzw2] { display: flex; align-items: center; gap: 5px; font-size: 0.68rem; color: var(--color-sf-content-text-color-alt1, #6b7280); }
.sgcrm-lead-ico[b-sqw5xxhzw2] { font-size: 12px; opacity: 0.5; }
.sgcrm-lead-footer[b-sqw5xxhzw2] { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; }
.sgcrm-lead-stage[b-sqw5xxhzw2] {
    font-size: 0.58rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em;
    padding: 1px 6px; border-radius: 3px;
    background: rgba(245,158,11,0.10); color: #b45309;
}
.sgcrm-lead-days[b-sqw5xxhzw2] { font-size: 0.60rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); }

/* ══════════ DETALHE ══════════ */
.sgcrm-detail-panel[b-sqw5xxhzw2] { flex: 1; display: flex; flex-direction: column; overflow-y: auto; }
.sgcrm-detail-empty[b-sqw5xxhzw2], .sgcrm-loading-detail[b-sqw5xxhzw2] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 12px; flex: 1; color: var(--color-sf-content-text-color-alt2, #9ca3af); font-size: 0.82rem;
}
.sgcrm-detail-empty span[class*="icon-"][b-sqw5xxhzw2] { font-size: 28px; opacity: 0.3; }

.sgcrm-detail-header[b-sqw5xxhzw2] { padding: 16px 20px 12px; border-bottom: 1px solid var(--color-sf-info-light); flex-shrink: 0; }
.sgcrm-detail-title-row[b-sqw5xxhzw2] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.sgcrm-detail-name[b-sqw5xxhzw2] { font-size: 1rem; font-weight: 600; color: var(--color-sf-content-text-color, #1f2937); margin: 0; }
.sgcrm-detail-stage-badge[b-sqw5xxhzw2] {
    font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em;
    padding: 2px 8px; border-radius: 4px;
    background: rgba(245,158,11,0.12); color: #b45309;
}
.sgcrm-detail-business-badge[b-sqw5xxhzw2] {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 0.62rem; font-weight: 600; padding: 2px 8px; border-radius: 4px;
    background: rgba(14,165,233,0.10); color: #0369a1;
}
.sgcrm-detail-business-badge span[class*="icon-"][b-sqw5xxhzw2] { font-size: 12px; }
.sgcrm-detail-alias[b-sqw5xxhzw2] { font-size: 0.75rem; color: var(--color-sf-content-text-color-alt1, #6b7280); display: block; margin-top: 4px; }

/* Icon buttons (editar/excluir) */
.sgcrm-detail-icon-btn[b-sqw5xxhzw2] {
    width: 30px; height: 30px; border-radius: 6px; border: none;
    background: transparent; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--color-sf-content-text-color-alt2, #9ca3af);
    transition: background 0.12s, color 0.12s;
}
.sgcrm-detail-icon-btn:hover[b-sqw5xxhzw2] { background: var(--color-sf-content-bg-color-alt1, #f3f4f6); color: var(--color-sf-content-text-color, #1f2937); }
.sgcrm-detail-icon-btn span[class*="icon-"][b-sqw5xxhzw2] { font-size: 15px; }
.sgcrm-detail-icon-btn--danger:hover[b-sqw5xxhzw2] { background: rgba(220,38,38,0.08); color: #dc2626; }
.sgcrm-detail-icon-btn:disabled[b-sqw5xxhzw2] { opacity: 0.4; cursor: not-allowed; }

/* Info grid */
.sgcrm-detail-info-grid[b-sqw5xxhzw2] {
    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0;
    padding: 0 20px; border-bottom: 1px solid var(--color-sf-info-light);
    flex-shrink: 0;
}
.sgcrm-info-item[b-sqw5xxhzw2] { display: flex; flex-direction: column; gap: 2px; padding: 10px 0; }
.sgcrm-info-item label[b-sqw5xxhzw2] { font-size: 0.60rem; font-weight: 600; color: var(--color-sf-content-text-color-alt2, #9ca3af); text-transform: uppercase; letter-spacing: 0.03em; }
.sgcrm-info-item span[b-sqw5xxhzw2] { font-size: 0.78rem; color: var(--color-sf-content-text-color, #1f2937); }

/* Tabs */
.sgcrm-tabs[b-sqw5xxhzw2] { display: flex; gap: 0; border-bottom: 1px solid var(--color-sf-info-light); padding: 0 20px; flex-shrink: 0; overflow-x: auto; }
.sgcrm-tab[b-sqw5xxhzw2] {
    display: flex; align-items: center; gap: 5px;
    padding: 10px 14px; border: none; background: none; cursor: pointer;
    font-size: 0.75rem; font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #6b7280);
    border-bottom: 2px solid transparent;
    transition: color 0.12s, border-color 0.12s;
    white-space: nowrap;
}
.sgcrm-tab:hover[b-sqw5xxhzw2] { color: var(--color-sf-content-text-color, #1f2937); }
.sgcrm-tab--active[b-sqw5xxhzw2] { color: #f59e0b; border-bottom-color: #f59e0b; font-weight: 700; }
.sgcrm-tab span[class*="icon-"][b-sqw5xxhzw2] { font-size: 14px; }
.sgcrm-tab-count[b-sqw5xxhzw2] {
    font-size: 0.58rem; font-weight: 700; color: #fff;
    background: var(--color-sf-content-text-color-alt2, #9ca3af);
    border-radius: 8px; padding: 0 5px; min-width: 16px; text-align: center;
}
.sgcrm-tab--active .sgcrm-tab-count[b-sqw5xxhzw2] { background: #f59e0b; }

/* Tab body */
.sgcrm-tab-body[b-sqw5xxhzw2] { flex: 1; overflow-y: auto; padding: 16px 20px; }

/* Empty state */
.sgcrm-empty[b-sqw5xxhzw2] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 40px; color: var(--color-sf-content-text-color-alt2, #9ca3af); font-size: 0.78rem; }
.sgcrm-empty span[class*="icon-"][b-sqw5xxhzw2] { font-size: 24px; opacity: 0.3; }
.sgcrm-empty--small[b-sqw5xxhzw2] { padding: 24px; }

/* ══════════ TIMELINE (Atividades) ══════════ */
.sgcrm-timeline[b-sqw5xxhzw2] { display: flex; flex-direction: column; gap: 0; position: relative; padding-left: 20px; }
.sgcrm-timeline[b-sqw5xxhzw2]::before {
    content: ''; position: absolute; left: 6px; top: 8px; bottom: 8px; width: 1px;
    background: var(--color-sf-info-light);
}
.sgcrm-tl-item[b-sqw5xxhzw2] { display: flex; gap: 14px; position: relative; padding: 8px 0; }
.sgcrm-tl-dot[b-sqw5xxhzw2] {
    position: absolute; left: -17px; top: 12px;
    width: 8px; height: 8px; border-radius: 50%;
    background: #f59e0b; border: 2px solid var(--color-sf-content-bg-color, #fff);
    z-index: 1;
}
.sgcrm-tl-content[b-sqw5xxhzw2] { display: flex; flex-direction: column; gap: 3px; flex: 1; }
.sgcrm-tl-header[b-sqw5xxhzw2] { display: flex; align-items: center; justify-content: space-between; }
.sgcrm-tl-tipo[b-sqw5xxhzw2] { font-size: 0.72rem; font-weight: 600; color: var(--color-sf-content-text-color, #1f2937); }
.sgcrm-tl-date[b-sqw5xxhzw2] { font-size: 0.62rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); }
.sgcrm-tl-obs[b-sqw5xxhzw2] { font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1, #4b5563); white-space: pre-line; }
.sgcrm-tl-resp[b-sqw5xxhzw2] { font-size: 0.62rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); }

/* ══════════ PRODUTOS (reutiliza sgcrm-prop-*) ══════════ */
.sgcrm-propostas[b-sqw5xxhzw2] { display: flex; flex-direction: column; gap: 8px; }
.sgcrm-prop-card[b-sqw5xxhzw2] {
    padding: 10px 14px; border-radius: 8px;
    background: var(--color-sf-content-bg-color-alt1, #f9fafb);
    border: 1px solid var(--color-sf-info-light);
}
.sgcrm-prop-header[b-sqw5xxhzw2] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.sgcrm-prop-name[b-sqw5xxhzw2] { font-size: 0.78rem; font-weight: 600; color: var(--color-sf-content-text-color, #1f2937); }
.sgcrm-prop-date[b-sqw5xxhzw2] { font-size: 0.65rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); }
.sgcrm-prop-info[b-sqw5xxhzw2] { display: flex; gap: 12px; margin-top: 4px; flex-wrap: wrap; }
.sgcrm-prop-resp[b-sqw5xxhzw2] { font-size: 0.7rem; color: var(--color-sf-content-text-color-alt1, #6b7280); margin-top: 4px; display: block; }
.sgcrm-prop-valor[b-sqw5xxhzw2] { font-size: 0.82rem; font-weight: 700; color: #059669; }

/* ══════════ CONTATOS ══════════ */
.sgcrm-contatos[b-sqw5xxhzw2] { display: flex; flex-direction: column; gap: 8px; }
.sgcrm-contato-row[b-sqw5xxhzw2] { display: flex; align-items: center; gap: 8px; padding: 4px 0; }
.sgcrm-contato-type[b-sqw5xxhzw2] { font-size: 0.62rem; font-weight: 600; color: var(--color-sf-content-text-color-alt2, #9ca3af); min-width: 40px; }
.sgcrm-contato-value[b-sqw5xxhzw2] { font-size: 0.75rem; color: var(--color-sf-content-text-color, #1f2937); }

/* ══════════ NOTAS ══════════ */
.sgcrm-notas-text[b-sqw5xxhzw2] {
    font-size: 0.78rem; color: var(--color-sf-content-text-color, #1f2937);
    line-height: 1.6; white-space: pre-wrap;
}

/* ══════════ LOADING ══════════ */
.sgcrm-loading-page[b-sqw5xxhzw2] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    min-height: 60vh; gap: 14px;
}
.sgcrm-loading-spinner[b-sqw5xxhzw2] { position: relative; width: 40px; height: 40px; }
.sgcrm-loading-ring[b-sqw5xxhzw2] {
    position: absolute; inset: 0; border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #f59e0b; border-left-color: rgba(245,158,11,0.50);
    animation: sgcrm-spin-b-sqw5xxhzw2 1s cubic-bezier(.4,0,.2,1) infinite;
}
.sgcrm-loading-ring--2[b-sqw5xxhzw2] {
    inset: 6px;
    border-top-color: transparent;
    border-right-color: rgba(245,158,11,0.35); border-bottom-color: #f59e0b;
    animation-duration: 1.4s; animation-direction: reverse;
}
.sgcrm-loading-text[b-sqw5xxhzw2] { font-size: 0.75rem; color: var(--color-sf-content-text-color-alt1, #6b7280); }
@keyframes sgcrm-spin-b-sqw5xxhzw2 { to { transform: rotate(360deg); } }

/* ══════════ DARK MODE ══════════ */
:global(.e-dark-mode) .sgcrm-main[b-sqw5xxhzw2] { background: #141820 !important; }
:global(.e-dark-mode) .sgcrm-pipeline-bar[b-sqw5xxhzw2] { background: #141820 !important; border-bottom-color: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-list-panel[b-sqw5xxhzw2] { background: #141820 !important; border-right-color: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-search-wrap[b-sqw5xxhzw2] { border-bottom-color: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-lead-card:hover[b-sqw5xxhzw2] { background: rgba(255,255,255,0.03) !important; }
:global(.e-dark-mode) .sgcrm-lead-card--selected[b-sqw5xxhzw2] { background: rgba(245,158,11,0.06) !important; border-color: rgba(245,158,11,0.15) !important; }
:global(.e-dark-mode) .sgcrm-lead-card[b-sqw5xxhzw2] { border-color: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-detail-header[b-sqw5xxhzw2] { border-bottom-color: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-detail-info-grid[b-sqw5xxhzw2] { border-bottom-color: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-tabs[b-sqw5xxhzw2] { border-bottom-color: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-prop-card[b-sqw5xxhzw2] { background: rgba(255,255,255,0.03) !important; border-color: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-timeline[b-sqw5xxhzw2]::before { background: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-tl-dot[b-sqw5xxhzw2] { border-color: #141820 !important; }
:global(.e-dark-mode) .sgcrm-aside-divider[b-sqw5xxhzw2] { background: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-kpi-card[b-sqw5xxhzw2] { border-color: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-stage[b-sqw5xxhzw2] { border-bottom-color: var(--color-sf-info-light) !important; }

/* ══════════════════════════════════════════════════════════════
   CRUD — Formulários e painéis de edição
   ══════════════════════════════════════════════════════════════ */

/* ── Botão Novo Lead na lista ── */
.sgcrm-list-actions[b-sqw5xxhzw2] {
    padding: 6px 10px 4px;
    flex-shrink: 0;
}
.sgcrm-btn-new-lead[b-sqw5xxhzw2] {
    display: inline-flex; align-items: center; gap: 4px;
    width: auto; padding: 3px 10px; border-radius: 5px;
    background: rgba(245,158,11,0.08);
    border: 1px solid rgba(245,158,11,0.25);
    color: #b45309; font-size: 0.68rem; font-weight: 600;
    cursor: pointer; transition: background 0.12s, border-color 0.12s;
}
.sgcrm-btn-new-lead:hover[b-sqw5xxhzw2] { background: rgba(245,158,11,0.14); border-color: rgba(245,158,11,0.50); }
.sgcrm-btn-new-lead span[class*="icon-"][b-sqw5xxhzw2] { font-size: 12px; }

/* ── Ações no info area (editar/excluir) ── */
.sgcrm-detail-actions[b-sqw5xxhzw2] {
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    padding-left: 12px; flex-shrink: 0;
}
.sgcrm-detail-btn[b-sqw5xxhzw2] {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 5px 12px; border-radius: 5px; font-size: 0.72rem; font-weight: 600;
    cursor: pointer; transition: background 0.12s, border-color 0.12s;
    border: 1px solid;
}
.sgcrm-detail-btn--edit[b-sqw5xxhzw2] {
    background: transparent;
    border-color: var(--color-sf-info-light);
    color: var(--color-sf-content-text-color-alt1, #6b7280);
}
.sgcrm-detail-btn--edit:hover[b-sqw5xxhzw2] {
    background: var(--color-sf-content-bg-color-alt1, #f3f4f6);
    color: var(--color-sf-content-text-color, #1f2937);
}
.sgcrm-detail-btn--delete[b-sqw5xxhzw2] {
    background: transparent;
    border-color: rgba(220, 38, 38, 0.20);
    color: #dc2626;
}
.sgcrm-detail-btn--delete:hover[b-sqw5xxhzw2] { background: rgba(220, 38, 38, 0.06); border-color: rgba(220, 38, 38, 0.40); }
.sgcrm-detail-btn--delete:disabled[b-sqw5xxhzw2] { opacity: 0.5; cursor: not-allowed; }
.sgcrm-detail-btn span[class*="icon-"][b-sqw5xxhzw2] { font-size: 13px; }

/* ── Painel de formulário (slide-in, substitui o detalhe) ── */
.sgcrm-form-panel[b-sqw5xxhzw2] {
    display: flex; flex-direction: column; height: 100%;
    animation: sgcrm-panel-in-b-sqw5xxhzw2 0.18s ease-out;
}

@keyframes sgcrm-panel-in-b-sqw5xxhzw2 {
    from { opacity: 0; transform: translateX(18px); }
    to   { opacity: 1; transform: translateX(0);    }
}

.sgcrm-form-header[b-sqw5xxhzw2] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 20px 12px;
    border-bottom: 1px solid var(--color-sf-info-light);
    flex-shrink: 0;
    background: var(--color-sf-content-bg-color, #fff);
}
.sgcrm-form-header-left[b-sqw5xxhzw2] { display: flex; align-items: center; gap: 12px; }
.sgcrm-form-icon-wrap[b-sqw5xxhzw2] {
    width: 36px; height: 36px; border-radius: 8px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    background: rgba(245,158,11,0.12);
    border: 1px solid rgba(245,158,11,0.20);
}
.sgcrm-form-icon-wrap span[class*="icon-"][b-sqw5xxhzw2] { color: #b45309; font-size: 18px; }
.sgcrm-form-icon-wrap span[class*="icon-"][b-sqw5xxhzw2]::before { color: #b45309 !important; }
.sgcrm-form-title[b-sqw5xxhzw2] { font-size: 0.88rem; font-weight: 700; color: var(--color-sf-content-text-color, #1f2937); margin: 0; }
.sgcrm-form-sub[b-sqw5xxhzw2]   { font-size: 0.65rem; color: var(--color-sf-content-text-color-alt1, #6b7280); }

.sgcrm-form-close-btn[b-sqw5xxhzw2] {
    width: 28px; height: 28px; border-radius: 4px; border: none;
    background: transparent; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    color: var(--color-sf-content-text-color-alt1, #9ca3af);
    transition: background 0.12s;
}
.sgcrm-form-close-btn:hover[b-sqw5xxhzw2] { background: var(--color-sf-content-bg-color-alt1, #f3f4f6); color: var(--color-sf-content-text-color, #1f2937); }
.sgcrm-form-close-btn span[class*="icon-"][b-sqw5xxhzw2] { font-size: 14px; }

/* ── Corpo do formulário ── */
.sgcrm-form-body[b-sqw5xxhzw2] {
    flex: 1; overflow-y: auto;
    padding: 18px 20px; display: flex; flex-direction: column; gap: 14px;
}

.sgcrm-form-row[b-sqw5xxhzw2] { display: flex; flex-direction: column; gap: 4px; }
.sgcrm-form-row--check[b-sqw5xxhzw2] { flex-direction: row; align-items: center; gap: 8px; padding: 4px 0; }
.sgcrm-form-label[b-sqw5xxhzw2] {
    font-size: 0.65rem; font-weight: 600; letter-spacing: 0.02em;
    color: var(--color-sf-content-text-color-alt1, #6b7280);
    text-transform: uppercase;
}
.sgcrm-form-input[b-sqw5xxhzw2] { width: 100%; }
.sgcrm-form-textarea[b-sqw5xxhzw2]  .e-input { min-height: 72px; resize: vertical; }
.sgcrm-form-input--readonly[b-sqw5xxhzw2]  .e-input { background: var(--color-sf-content-bg-color-alt1, #f9fafb) !important; }

/* ── Rodapé de ações do form ── */
.sgcrm-form-actions[b-sqw5xxhzw2] {
    display: flex; align-items: center; justify-content: flex-end; gap: 8px;
    padding: 12px 20px;
    border-top: 1px solid var(--color-sf-info-light);
    flex-shrink: 0;
    background: var(--color-sf-content-bg-color, #fff);
}

.sgcrm-form-btn-cancel[b-sqw5xxhzw2] {
    padding: 7px 18px; border-radius: 5px; font-size: 0.78rem; font-weight: 500;
    cursor: pointer; border: 1px solid var(--color-sf-info-light);
    background: transparent; color: var(--color-sf-content-text-color-alt1, #6b7280);
    transition: background 0.12s;
}
.sgcrm-form-btn-cancel:hover[b-sqw5xxhzw2] { background: var(--color-sf-content-bg-color-alt1, #f3f4f6); }
.sgcrm-form-btn-cancel:disabled[b-sqw5xxhzw2] { opacity: 0.5; cursor: not-allowed; }

.sgcrm-form-btn-save[b-sqw5xxhzw2] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 18px; border-radius: 5px; font-size: 0.78rem; font-weight: 600;
    cursor: pointer; border: none;
    background: #f59e0b; color: #fff;
    transition: background 0.12s, box-shadow 0.12s;
}
.sgcrm-form-btn-save:hover[b-sqw5xxhzw2] { background: #d97706; box-shadow: 0 2px 8px rgba(245,158,11,0.30); }
.sgcrm-form-btn-save:disabled[b-sqw5xxhzw2] { opacity: 0.6; cursor: not-allowed; }
.sgcrm-form-btn-save span[class*="icon-"][b-sqw5xxhzw2] { font-size: 14px; color: #fff; }
.sgcrm-form-btn-save span[class*="icon-"][b-sqw5xxhzw2]::before { color: #fff !important; }

.sgcrm-form-btn-save--sm[b-sqw5xxhzw2] { padding: 6px 14px; font-size: 0.72rem; }

.sgcrm-form-btn-delete[b-sqw5xxhzw2] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 18px; border-radius: 5px; font-size: 0.78rem; font-weight: 600;
    cursor: pointer; border: none;
    background: #dc2626; color: #fff;
    transition: background 0.12s;
}
.sgcrm-form-btn-delete:hover[b-sqw5xxhzw2] { background: #b91c1c; }
.sgcrm-form-btn-delete:disabled[b-sqw5xxhzw2] { opacity: 0.6; cursor: not-allowed; }
.sgcrm-form-btn-delete span[class*="icon-"][b-sqw5xxhzw2] { font-size: 14px; color: #fff; }
.sgcrm-form-btn-delete span[class*="icon-"][b-sqw5xxhzw2]::before { color: #fff !important; }

/* ── Ícone de spin no botão de salvar ── */
.sgcrm-spin-icon[b-sqw5xxhzw2] { animation: sgcrm-spin-b-sqw5xxhzw2 0.8s linear infinite; }

/* ── Tab actions (barra acima de cada tab) ── */
.sgcrm-tab-actions[b-sqw5xxhzw2] {
    display: flex; align-items: center; margin-bottom: 12px;
}
.sgcrm-btn-add[b-sqw5xxhzw2] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px; border-radius: 5px; font-size: 0.72rem; font-weight: 600;
    cursor: pointer; border: 1px solid var(--color-sf-info-light);
    background: transparent; color: var(--color-sf-content-text-color-alt1, #6b7280);
    transition: background 0.12s, border-color 0.12s, color 0.12s;
}
.sgcrm-btn-add:hover[b-sqw5xxhzw2] {
    background: var(--color-sf-content-bg-color-alt1, #f3f4f6);
    color: var(--color-sf-content-text-color, #1f2937);
    border-color: rgba(245,158,11,0.30);
}
.sgcrm-btn-add--active[b-sqw5xxhzw2] {
    background: rgba(245,158,11,0.08);
    border-color: rgba(245,158,11,0.30);
    color: #b45309;
}
.sgcrm-btn-add span[class*="icon-"][b-sqw5xxhzw2] { font-size: 13px; }

/* ── Formulário inline (tabs) ── */
.sgcrm-inline-form[b-sqw5xxhzw2] {
    padding: 14px 16px 12px;
    border-radius: 8px;
    background: var(--color-sf-content-bg-color-alt1, #f9fafb);
    border: 1px solid var(--color-sf-info-light);
    margin-bottom: 14px;
    animation: sgcrm-panel-in-b-sqw5xxhzw2 0.15s ease-out;
}
.sgcrm-inline-form-grid[b-sqw5xxhzw2] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
.sgcrm-form-row--full[b-sqw5xxhzw2] { grid-column: 1 / -1; }
.sgcrm-inline-form-actions[b-sqw5xxhzw2] {
    display: flex; justify-content: flex-end; margin-top: 12px;
    padding-top: 10px; border-top: 1px solid var(--color-sf-info-light);
}

/* ── Botão de delete em cards ── */
.sgcrm-btn-delete[b-sqw5xxhzw2] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 24px; height: 24px; border-radius: 4px; border: none;
    background: transparent; cursor: pointer;
    color: var(--color-sf-content-text-color-alt2, #9ca3af);
    transition: background 0.12s, color 0.12s;
    flex-shrink: 0;
}
.sgcrm-btn-delete:hover[b-sqw5xxhzw2] { background: rgba(220,38,38,0.08); color: #dc2626; }
.sgcrm-btn-delete span[class*="icon-"][b-sqw5xxhzw2] { font-size: 13px; }

.sgcrm-btn-delete--card[b-sqw5xxhzw2] { margin-left: auto; }

/* Ajuste no header da timeline para acomodar botão delete */
.sgcrm-tl-header-right[b-sqw5xxhzw2] {
    display: flex; align-items: center; gap: 6px;
}

/* Ajuste no header do card de produto */
.sgcrm-prop-header-right[b-sqw5xxhzw2] {
    display: flex; align-items: center; gap: 8px;
}

/* Header do card de contato */
.sgcrm-contato-card-header[b-sqw5xxhzw2] {
    display: flex; justify-content: flex-end; margin-bottom: 4px;
}

/* ── Dialog de confirmação de exclusão ── */
.sgcrm-dlg-header[b-sqw5xxhzw2] {
    display: flex; align-items: center; gap: 10px;
}
.sgcrm-dlg-header-icon[b-sqw5xxhzw2] {
    font-size: 20px; color: #dc2626;
}
.sgcrm-dlg-header-icon[b-sqw5xxhzw2]::before { color: #dc2626 !important; }

.sgcrm-dlg-body[b-sqw5xxhzw2] {
    padding: 4px 0 8px;
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color, #1f2937);
    line-height: 1.6;
}
.sgcrm-dlg-body strong[b-sqw5xxhzw2] { font-weight: 700; }
.sgcrm-dlg-warn[b-sqw5xxhzw2] {
    font-size: 0.72rem;
    color: #dc2626;
    margin-top: 6px;
}
.sgcrm-dlg-footer[b-sqw5xxhzw2] {
    display: flex; justify-content: flex-end; gap: 8px;
}

/* ══════════ DARK MODE — CRUD ══════════ */
:global(.e-dark-mode) .sgcrm-form-header[b-sqw5xxhzw2] { background: #1a1e2a !important; border-bottom-color: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-form-actions[b-sqw5xxhzw2] { background: #1a1e2a !important; border-top-color: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-inline-form[b-sqw5xxhzw2] { background: rgba(255,255,255,0.03) !important; border-color: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-inline-form-actions[b-sqw5xxhzw2] { border-top-color: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-btn-new-lead[b-sqw5xxhzw2] { background: rgba(245,158,11,0.06) !important; border-color: rgba(245,158,11,0.20) !important; }
:global(.e-dark-mode) .sgcrm-btn-add[b-sqw5xxhzw2] { background: transparent !important; border-color: var(--color-sf-info-light) !important; color: rgba(255,255,255,0.50) !important; }
:global(.e-dark-mode) .sgcrm-btn-add--active[b-sqw5xxhzw2] { background: rgba(245,158,11,0.08) !important; border-color: rgba(245,158,11,0.25) !important; color: #f59e0b !important; }
:global(.e-dark-mode) .sgcrm-form-btn-cancel[b-sqw5xxhzw2] { border-color: var(--color-sf-info-light) !important; color: rgba(255,255,255,0.55) !important; }
:global(.e-dark-mode) .sgcrm-form-btn-cancel:hover[b-sqw5xxhzw2] { background: rgba(255,255,255,0.05) !important; }
:global(.e-dark-mode) .sgcrm-detail-btn--edit[b-sqw5xxhzw2] { border-color: var(--color-sf-info-light) !important; color: rgba(255,255,255,0.50) !important; }
:global(.e-dark-mode) .sgcrm-detail-btn--edit:hover[b-sqw5xxhzw2] { background: rgba(255,255,255,0.05) !important; color: rgba(255,255,255,0.80) !important; }
:global(.e-dark-mode) .sgcrm-form-icon-wrap[b-sqw5xxhzw2] { border-color: var(--color-sf-info-light) !important; }
:global(.e-dark-mode) .sgcrm-contato-row[b-sqw5xxhzw2] { border-color: var(--color-sf-info-light) !important; }

/* ══════════ KANBAN TOOLBAR ══════════ */
.sgcrm-kanban-toolbar[b-sqw5xxhzw2] {
    display: flex; align-items: center; gap: 8px;
    padding: 4px 14px; flex-shrink: 0;
    background: var(--color-sf-content-bg-color, #fff);
    border-bottom: 1px solid var(--color-sf-info-light);
}
.sgcrm-kanban-toolbar .sgcrm-search-wrap[b-sqw5xxhzw2] {
    padding: 0; border-bottom: none; flex: 1;
}
.sgcrm-kanban-toolbar .sgcrm-btn-new-lead[b-sqw5xxhzw2] { flex-shrink: 0; }

/* ══════════ KANBAN BOARD ══════════ */
.sgcrm-kanban[b-sqw5xxhzw2] {
    display: flex;
    gap: 10px;
    padding: 14px;
    flex: 1;
    overflow-x: auto;
    overflow-y: hidden;
    align-items: flex-start;
}

/* ── Coluna ── */
.sgcrm-kanban-col[b-sqw5xxhzw2] {
    min-width: 256px;
    max-width: 300px;
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--color-sf-content-bg-color-alt1, #f3f4f6);
    border-radius: 12px;
    overflow: hidden;
    max-height: calc(100vh - 230px);
    border: 2px solid transparent;
    transition: border-color 0.15s;
}
.sgcrm-kanban-col--highlighted[b-sqw5xxhzw2] {
    border-color: rgba(245,158,11,0.40);
}
.sgcrm-kanban-col--sem-fase[b-sqw5xxhzw2] {
    opacity: 0.75;
}

/* ── Cabeçalho da coluna ── */
.sgcrm-kanban-col-header[b-sqw5xxhzw2] {
    display: flex; align-items: center; gap: 7px;
    padding: 10px 12px;
    font-size: 0.72rem; font-weight: 600;
    color: var(--color-sf-content-text-color, #1f2937);
    flex-shrink: 0;
    background: var(--color-sf-content-bg-color-alt1, #f3f4f6);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.sgcrm-kanban-col-dot[b-sqw5xxhzw2] {
    width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
}
.sgcrm-kanban-col-title[b-sqw5xxhzw2] {
    flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sgcrm-kanban-col-count[b-sqw5xxhzw2] {
    font-size: 0.60rem; font-weight: 700;
    background: var(--color-sf-content-text-color-alt1, #6b7280);
    color: #fff; border-radius: 8px; padding: 1px 6px; min-width: 18px; text-align: center; flex-shrink: 0;
}
.sgcrm-kanban-col--highlighted .sgcrm-kanban-col-count[b-sqw5xxhzw2] {
    background: #f59e0b;
}
.sgcrm-kanban-col-conv[b-sqw5xxhzw2] {
    font-size: 0.58rem; color: var(--color-sf-content-text-color-alt1, #9ca3af); flex-shrink: 0;
}

/* ── Corpo da coluna (scrollável) ── */
.sgcrm-kanban-col-body[b-sqw5xxhzw2] {
    flex: 1;
    overflow-y: auto;
    padding: 6px 8px 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* ── Estado vazio da coluna ── */
.sgcrm-kanban-col-empty[b-sqw5xxhzw2] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 4px; padding: 20px 8px;
    color: var(--color-sf-content-text-color-alt2, #9ca3af);
    font-size: 0.65rem; text-align: center; opacity: 0.7;
}
.sgcrm-kanban-col-empty span[class*="icon-"][b-sqw5xxhzw2] { font-size: 18px; opacity: 0.5; }

/* ── Card ── */
.sgcrm-kanban-card[b-sqw5xxhzw2] {
    background: var(--color-sf-content-bg-color, #fff);
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 8px;
    padding: 10px 12px;
    cursor: pointer;
    transition: box-shadow 0.12s, border-color 0.12s, transform 0.08s;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.sgcrm-kanban-card:hover[b-sqw5xxhzw2] {
    box-shadow: 0 2px 10px rgba(0,0,0,0.09);
    border-color: rgba(245,158,11,0.30);
    transform: translateY(-1px);
}
.sgcrm-kanban-card-name[b-sqw5xxhzw2] {
    font-size: 0.76rem; font-weight: 600;
    color: var(--color-sf-content-text-color, #1f2937);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sgcrm-kanban-card-title[b-sqw5xxhzw2] {
    font-size: 0.64rem;
    color: var(--color-sf-content-text-color-alt1, #6b7280);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sgcrm-kanban-card-value[b-sqw5xxhzw2] {
    font-size: 0.70rem; font-weight: 700; color: #059669;
}
.sgcrm-kanban-card-footer[b-sqw5xxhzw2] {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: 5px; padding-top: 5px;
    border-top: 1px solid rgba(0,0,0,0.05);
}
.sgcrm-kanban-card-contact[b-sqw5xxhzw2] {
    font-size: 0.60rem; color: var(--color-sf-content-text-color-alt1, #9ca3af);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60%;
}
.sgcrm-kanban-card-days[b-sqw5xxhzw2] {
    font-size: 0.58rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); flex-shrink: 0;
}

/* ── Dark mode ── */
:global(.e-dark-mode) .sgcrm-kanban-col[b-sqw5xxhzw2] {
    background: rgba(255,255,255,0.03) !important;
    border-color: transparent;
}
:global(.e-dark-mode) .sgcrm-kanban-col--highlighted[b-sqw5xxhzw2] {
    border-color: rgba(245,158,11,0.35) !important;
}
:global(.e-dark-mode) .sgcrm-kanban-col-header[b-sqw5xxhzw2] {
    background: rgba(255,255,255,0.03) !important;
    border-bottom-color: rgba(255,255,255,0.06) !important;
}
:global(.e-dark-mode) .sgcrm-kanban-card[b-sqw5xxhzw2] {
    background: #1a1e2a !important;
    border-color: rgba(255,255,255,0.08) !important;
}
:global(.e-dark-mode) .sgcrm-kanban-card:hover[b-sqw5xxhzw2] {
    box-shadow: 0 2px 10px rgba(0,0,0,0.30) !important;
    border-color: rgba(245,158,11,0.30) !important;
}
:global(.e-dark-mode) .sgcrm-kanban-card-footer[b-sqw5xxhzw2] {
    border-top-color: rgba(255,255,255,0.06) !important;
}
:global(.e-dark-mode) .sgcrm-kanban-toolbar[b-sqw5xxhzw2] {
    background: var(--color-sf-content-bg-color, #13161f) !important;
    border-bottom-color: rgba(255,255,255,0.06) !important;
}
/* /Components/Pages/Expedicao/AgendaExpedicao.razor.rz.scp.css */
/* ============================================================
   AgendaExpedicao — Prefixo: sgexp-
   Design: Kanban semanal — Fiori Horizon
   Paleta: Indigo (#6366f1) — módulo Expedição/Materiais
   ============================================================ */

.sgexp-shell[b-8mguhwyg5e] { display: flex; height: calc(100vh - 50px); overflow: hidden; }
.sgexp-shell--embedded[b-8mguhwyg5e] { height: 100%; }

/* ══════════ PAINEL ESQUERDO ══════════ */
.sgexp-aside[b-8mguhwyg5e] {
    width: 260px; min-width: 260px; flex-shrink: 0;
    background: linear-gradient(180deg, #0c0a18 0%, #120e22 45%, #16112e 100%);
    display: flex; flex-direction: column; overflow-y: auto; position: relative; padding: 0;
}
.sgexp-aside[b-8mguhwyg5e]::before {
    content: ''; position: absolute; top: -60px; left: 50%; transform: translateX(-50%);
    width: 180px; height: 180px;
    background: radial-gradient(circle, rgba(99,102,241,0.15) 0%, transparent 70%);
    pointer-events: none; z-index: 0;
}
.sgexp-aside[b-8mguhwyg5e]::after {
    content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%;
    background: linear-gradient(180deg, transparent 0%, rgba(99,102,241,0.30) 30%, rgba(99,102,241,0.15) 70%, transparent 100%);
    z-index: 1;
}
.sgexp-aside-header[b-8mguhwyg5e] { position: relative; z-index: 2; padding: 20px 18px 16px; display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.sgexp-aside-icon-wrap[b-8mguhwyg5e] {
    width: 40px; height: 40px; border-radius: 10px;
    background: linear-gradient(135deg, rgba(99,102,241,0.25), rgba(99,102,241,0.10));
    border: 1px solid rgba(99,102,241,0.35);
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    box-shadow: 0 0 12px rgba(99,102,241,0.20);
}
.sgexp-aside-icon-wrap span[b-8mguhwyg5e] { color: #a5b4fc !important; font-size: 18px; }
.sgexp-aside-icon-wrap span[b-8mguhwyg5e]::before { color: #a5b4fc !important; }
.sgexp-aside-heading[b-8mguhwyg5e] { display: flex; flex-direction: column; gap: 2px; }
.sgexp-aside-title[b-8mguhwyg5e] { font-size: 0.78rem; font-weight: 700; color: #e0e7ff; margin: 0; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; }
.sgexp-aside-sub[b-8mguhwyg5e] { font-size: 0.69rem; color: rgba(255,255,255,0.38); margin: 0; }
.sgexp-aside-divider[b-8mguhwyg5e] { height: 1px; margin: 0 18px; background: linear-gradient(90deg, transparent 0%, rgba(99,102,241,0.20) 50%, transparent 100%); flex-shrink: 0; }

/* KPIs */
.sgexp-kpi-grid[b-8mguhwyg5e] { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 14px 18px; }
.sgexp-kpi-card[b-8mguhwyg5e] { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 8px; padding: 8px 10px; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.sgexp-kpi-value[b-8mguhwyg5e] { font-size: 1.2rem; font-weight: 700; color: #e0e7ff; }
.sgexp-kpi-label[b-8mguhwyg5e] { font-size: 0.65rem; color: rgba(255,255,255,0.40); text-transform: uppercase; letter-spacing: 0.03em; }
.sgexp-kpi--aberto .sgexp-kpi-value[b-8mguhwyg5e] { color: #9ca3af; }
.sgexp-kpi--aprovado .sgexp-kpi-value[b-8mguhwyg5e] { color: #a5b4fc; }
.sgexp-kpi--expedicao .sgexp-kpi-value[b-8mguhwyg5e] { color: #fbbf24; }
.sgexp-kpi--faturado .sgexp-kpi-value[b-8mguhwyg5e] { color: #22d3ee; }
.sgexp-kpi--concluido .sgexp-kpi-value[b-8mguhwyg5e] { color: #34d399; }

/* Legenda */
.sgexp-legend[b-8mguhwyg5e] { position: relative; z-index: 2; padding: 14px 18px; display: flex; flex-direction: column; gap: 3px; }
.sgexp-legend-title[b-8mguhwyg5e] { font-size: 0.68rem; font-weight: 600; color: rgba(255,255,255,0.50); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 4px; }
.sgexp-legend-dot[b-8mguhwyg5e] { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }

/* Legend button — filtro clicável */
.sgexp-legend-btn[b-8mguhwyg5e] {
    display: flex; align-items: center; gap: 6px;
    background: transparent; border: none; cursor: pointer;
    padding: 4px 6px; border-radius: 4px;
    transition: background 0.12s, opacity 0.12s;
    width: 100%; text-align: left;
}
.sgexp-legend-btn:hover[b-8mguhwyg5e] { background: rgba(255,255,255,0.06); }
.sgexp-legend-btn--active[b-8mguhwyg5e] { background: rgba(255,255,255,0.10); }
.sgexp-legend-label[b-8mguhwyg5e] { font-size: 0.68rem; color: rgba(255,255,255,0.65); min-width: 58px; }
.sgexp-legend-btn--active .sgexp-legend-label[b-8mguhwyg5e] { color: rgba(255,255,255,0.90); font-weight: 600; }
.sgexp-legend-bar-wrap[b-8mguhwyg5e] { flex: 1; min-height: 6px; height: 6px; background: rgba(255,255,255,0.08); border-radius: 3px; overflow: hidden; }
.sgexp-legend-bar[b-8mguhwyg5e] { display: block; min-height: 6px; height: 6px; border-radius: 3px; transition: width 0.3s ease; }
.sgexp-legend-qty[b-8mguhwyg5e] { font-size: 0.65rem; font-weight: 700; color: rgba(255,255,255,0.75); min-width: 16px; text-align: right; }
.sgexp-legend-pct[b-8mguhwyg5e] { font-size: 0.60rem; font-weight: 500; color: rgba(255,255,255,0.40); min-width: 26px; text-align: right; }

/* Botão limpar filtro */
.sgexp-legend-clear[b-8mguhwyg5e] {
    display: flex; align-items: center; gap: 4px;
    background: rgba(255,255,255,0.06); border: none; cursor: pointer;
    padding: 4px 8px; border-radius: 4px; margin-top: 4px;
    font-size: 0.62rem; color: rgba(255,255,255,0.50);
    transition: background 0.12s, color 0.12s;
}
.sgexp-legend-clear:hover[b-8mguhwyg5e] { background: rgba(255,255,255,0.10); color: rgba(255,255,255,0.75); }
.sgexp-legend-clear span[class*="icon-"][b-8mguhwyg5e] { font-size: 12px; }
/* Totais da semana */
.sgexp-totais[b-8mguhwyg5e] { position: relative; z-index: 2; padding: 12px 18px; margin-top: auto; display: flex; flex-direction: column; gap: 8px; }
.sgexp-totais-title[b-8mguhwyg5e] { font-size: 0.65rem; font-weight: 600; color: rgba(255,255,255,0.40); text-transform: uppercase; letter-spacing: 0.04em; }
.sgexp-totais-row[b-8mguhwyg5e] { display: flex; }
.sgexp-totais-item[b-8mguhwyg5e] { display: flex; flex-direction: column; gap: 1px; flex: 1; }
.sgexp-totais-label[b-8mguhwyg5e] { font-size: 0.62rem; color: rgba(255,255,255,0.35); text-transform: uppercase; letter-spacing: 0.03em; }
.sgexp-totais-value[b-8mguhwyg5e] { font-size: 0.82rem; font-weight: 700; }
.sgexp-totais--primary[b-8mguhwyg5e] { color: #67e8f9; }
.sgexp-totais--success[b-8mguhwyg5e] { color: #34d399; }
.sgexp-totais--warn[b-8mguhwyg5e] { color: #fbbf24; }

/* ══════════ PAINEL DIREITO ══════════ */
.sgexp-main[b-8mguhwyg5e] { flex: 1; display: flex; flex-direction: column; background: var(--color-sf-content-bg-color, #f8fafc); overflow: hidden; }

/* Toolbar */
.sgexp-toolbar[b-8mguhwyg5e] { display: flex; align-items: center; gap: 8px; padding: 10px 20px; background: var(--color-sf-content-bg-color, #fff); border-bottom: 1px solid var(--color-sf-info-light, #e5e7eb); flex-shrink: 0; }
.sgexp-nav-btn[b-8mguhwyg5e] { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 6px; border: 1px solid var(--color-sf-info-light, #d1d5db); background: var(--color-sf-content-bg-color, #fff); cursor: pointer; color: var(--color-sf-content-text-color-alt1, #4b5563); transition: background 0.15s, border-color 0.15s; }
.sgexp-nav-btn:hover[b-8mguhwyg5e] { background: var(--color-sf-content-bg-color-alt1, #f3f4f6); border-color: #6366f1; }
.sgexp-nav-btn span[b-8mguhwyg5e]::before { font-size: 14px; }
.sgexp-nav-today[b-8mguhwyg5e] { width: auto; padding: 0 12px; font-size: 0.75rem; font-weight: 600; }
.sgexp-toolbar-title[b-8mguhwyg5e] { font-size: 0.88rem; font-weight: 700; color: var(--color-sf-content-text-color, #1f2937); margin-left: 8px; }
.sgexp-toolbar-count[b-8mguhwyg5e] { font-size: 0.72rem; color: var(--color-sf-content-text-color-alt2, #6b7280); margin-left: auto; }

/* ══════════ KANBAN ══════════ */
.sgexp-kanban[b-8mguhwyg5e] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0; flex: 1; overflow: hidden; }
.sgexp-kanban-col[b-8mguhwyg5e] { display: flex; flex-direction: column; border-right: 1px solid var(--color-sf-info-light, #e5e7eb); overflow: hidden; }
.sgexp-kanban-col:last-child[b-8mguhwyg5e] { border-right: none; }
.sgexp-kanban-col--today[b-8mguhwyg5e] { background: color-mix(in srgb, #6366f1 3%, transparent); }

.sgexp-col-header[b-8mguhwyg5e] { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 8px 8px; background: var(--color-sf-content-bg-color, #fff); border-bottom: 2px solid var(--color-sf-info-light, #e5e7eb); flex-shrink: 0; }
.sgexp-col-header--today[b-8mguhwyg5e] { border-bottom-color: #6366f1; }
.sgexp-col-day[b-8mguhwyg5e] { font-size: 0.62rem; font-weight: 700; color: var(--color-sf-content-text-color-alt2, #9ca3af); letter-spacing: 0.06em; }
.sgexp-col-header--today .sgexp-col-day[b-8mguhwyg5e] { color: #6366f1; }
.sgexp-col-date[b-8mguhwyg5e] { font-size: 1.15rem; font-weight: 800; color: var(--color-sf-content-text-color, #1f2937); line-height: 1; }
.sgexp-col-header--today .sgexp-col-date[b-8mguhwyg5e] { color: #fff; background: #6366f1; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 0.82rem; }
.sgexp-col-badges[b-8mguhwyg5e] { display: flex; gap: 6px; margin-top: 2px; }
.sgexp-col-count[b-8mguhwyg5e] { font-size: 0.58rem; font-weight: 600; color: var(--color-sf-content-text-color-alt2, #9ca3af); }

.sgexp-col-body[b-8mguhwyg5e] { flex: 1; overflow-y: auto; padding: 8px 8px; display: flex; flex-direction: column; gap: 8px; scrollbar-width: thin; scrollbar-color: rgba(99,102,241,0.20) transparent; }
.sgexp-col-body[b-8mguhwyg5e]::-webkit-scrollbar { width: 4px; }
.sgexp-col-body[b-8mguhwyg5e]::-webkit-scrollbar-track { background: transparent; }
.sgexp-col-body[b-8mguhwyg5e]::-webkit-scrollbar-thumb { background: rgba(99,102,241,0.25); border-radius: 4px; }

.sgexp-col-empty[b-8mguhwyg5e] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 24px 0; color: var(--color-sf-content-text-color-alt2, #d1d5db); font-size: 0.68rem; }
.sgexp-col-empty span[b-8mguhwyg5e]::before { font-size: 20px; }

/* ══════════ CARD DE PEDIDO ══════════ */
.sgexp-card[b-8mguhwyg5e] { display: flex; border-radius: 10px; cursor: pointer; background: var(--color-sf-content-bg-color, #fff); border: 1px solid var(--color-sf-info-light, #e5e7eb); transition: box-shadow 0.2s, transform 0.15s; flex-shrink: 0; }
.sgexp-card:hover[b-8mguhwyg5e] { box-shadow: 0 4px 12px rgba(0,0,0,0.10); transform: translateY(-1px); }

.sgexp-card-accent[b-8mguhwyg5e] { width: 5px; flex-shrink: 0; border-radius: 10px 0 0 10px; }
.sgexp-accent--aberto[b-8mguhwyg5e] { background: #6b7280; }
.sgexp-accent--analise[b-8mguhwyg5e] { background: #3b82f6; }
.sgexp-accent--aprovado[b-8mguhwyg5e] { background: #818cf8; }
.sgexp-accent--expedicao[b-8mguhwyg5e] { background: #f59e0b; }
.sgexp-accent--faturado[b-8mguhwyg5e] { background: #0891b2; }
.sgexp-accent--concluido[b-8mguhwyg5e] { background: #10b981; }
.sgexp-accent--parcial[b-8mguhwyg5e] { background: #f97316; }
.sgexp-accent--cancelado[b-8mguhwyg5e] { background: #ef4444; }

.sgexp-card-body[b-8mguhwyg5e] { flex: 1; padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.sgexp-card-header[b-8mguhwyg5e] { display: flex; align-items: flex-start; justify-content: space-between; gap: 6px; }
.sgexp-card-id[b-8mguhwyg5e] { font-size: 0.70rem; font-weight: 800; color: #6366f1; }
.sgexp-card-type[b-8mguhwyg5e] { font-size: 0.62rem; font-weight: 600; color: var(--color-sf-content-text-color-alt2, #9ca3af); text-transform: uppercase; letter-spacing: 0.03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.sgexp-card-badge[b-8mguhwyg5e] { display: inline-flex; align-items: center; flex-shrink: 1; padding: 2px 8px; border-radius: 6px; font-size: 0.58rem; font-weight: 700; letter-spacing: 0.03em; line-height: 1.3; max-width: 110px; text-align: center; justify-content: center; }
.sgexp-badge--aberto[b-8mguhwyg5e] { background: #f3f4f6; color: #6b7280; }
.sgexp-badge--analise[b-8mguhwyg5e] { background: #eff6ff; color: #2563eb; }
.sgexp-badge--aprovado[b-8mguhwyg5e] { background: #eef2ff; color: #4f46e5; }
.sgexp-badge--expedicao[b-8mguhwyg5e] { background: #fffbeb; color: #b45309; }
.sgexp-badge--faturado[b-8mguhwyg5e] { background: #ecfeff; color: #0e7490; }
.sgexp-badge--concluido[b-8mguhwyg5e] { background: #ecfdf5; color: #059669; }
.sgexp-badge--parcial[b-8mguhwyg5e] { background: #fff7ed; color: #c2410c; }
.sgexp-badge--cancelado[b-8mguhwyg5e] { background: #fef2f2; color: #dc2626; }

/* ── Loading spinner (estilo rings) ── */
.sgexp-loading[b-8mguhwyg5e] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 12px; padding: 40px 0;
}
.sgexp-loading-spinner[b-8mguhwyg5e] {
    position: relative; width: 40px; height: 40px;
}
.sgexp-loading-ring[b-8mguhwyg5e] {
    position: absolute; inset: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #6366f1;
    border-left-color: color-mix(in srgb, #6366f1 50%, transparent);
    animation: sgexp-spin 1s cubic-bezier(.4,0,.2,1) infinite;
}
.sgexp-loading-ring--2[b-8mguhwyg5e] {
    inset: 6px;
    border-top-color: transparent;
    border-right-color: color-mix(in srgb, #6366f1 35%, transparent);
    border-bottom-color: #6366f1;
    animation-duration: 1.4s;
    animation-direction: reverse;
}
.sgexp-loading-text[b-8mguhwyg5e] {
    font-size: 0.72rem; font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #6b7280);
}
.sgexp-loading--full[b-8mguhwyg5e] {
    height: calc(90vh - 120px);
}

.sgexp-card-row[b-8mguhwyg5e] { display: flex; align-items: center; gap: 5px; font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1, #4b5563); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; }
.sgexp-card-ico[b-8mguhwyg5e] { font-size: 12px; flex-shrink: 0; opacity: 0.50; }
.sgexp-card-ico[b-8mguhwyg5e]::before { font-size: 12px; }

.sgexp-card-footer[b-8mguhwyg5e] { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 4px; padding-top: 8px; font-size: 0.70rem; color: var(--color-sf-content-text-color-alt2, #6b7280); border-top: 1px solid var(--color-sf-info-light, #f0f0f0); }
.sgexp-card-items[b-8mguhwyg5e] { font-weight: 600; color: #6366f1; }
.sgexp-card-nfs[b-8mguhwyg5e] { font-weight: 600; color: #0891b2; }
.sgexp-card-value[b-8mguhwyg5e] { font-weight: 700; color: var(--color-sf-content-text-color, #1f2937); }

/* Progress bar no card */
.sgexp-card-progress[b-8mguhwyg5e] { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.sgexp-card-progress-bar[b-8mguhwyg5e] { flex: 1; height: 5px; background: var(--color-sf-info-light, #e5e7eb); border-radius: 3px; overflow: hidden; }
.sgexp-card-progress-fill[b-8mguhwyg5e] { height: 100%; border-radius: 2px; transition: width 0.3s ease; }
.sgexp-card-pct[b-8mguhwyg5e] { font-size: 0.62rem; font-weight: 700; min-width: 28px; text-align: right; }

/* ══════════ DIÁLOGO ══════════ */
:global(.sgexp-detail-dialog) .e-dlg-content[b-8mguhwyg5e] { overflow: hidden !important; }

/* Header customizado com status pill */
.sgexp-dlg-header[b-8mguhwyg5e] {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
}
.sgexp-dlg-header-title[b-8mguhwyg5e] {
    font-size: 0.95rem; font-weight: 700;
    color: var(--color-sf-content-text-color, #1f2937);
}
.sgexp-dlg-header-badge[b-8mguhwyg5e] {
    display: inline-flex; align-items: center;
    padding: 4px 14px; border-radius: 20px;
    font-size: 0.70rem; font-weight: 700;
    letter-spacing: 0.04em;
}
.sgexp-dlg-header-pct[b-8mguhwyg5e] {
    font-size: 0.75rem; font-weight: 700;
    margin-left: auto;
}
.sgexp-detail-split[b-8mguhwyg5e] { display: flex; gap: 0; height: calc(90vh - 120px); overflow: hidden; }
.sgexp-detail-left[b-8mguhwyg5e] { flex: 1; min-width: 0; overflow: hidden; display: flex; flex-direction: column; padding: 0 16px 0 4px; border-right: 1px solid var(--color-sf-info-light, #e5e7eb); }
.sgexp-detail-right[b-8mguhwyg5e] { width: 30%; min-width: 260px; display: flex; flex-direction: column; overflow: hidden; }

/* Progress bar no detalhe */
.sgexp-detail-progress[b-8mguhwyg5e] { display: flex; align-items: center; gap: 8px; }
.sgexp-detail-progress-bar[b-8mguhwyg5e] { flex: 1; height: 6px; background: var(--color-sf-info-light, #e5e7eb); border-radius: 3px; overflow: hidden; }
.sgexp-detail-section[b-8mguhwyg5e] { margin-bottom: 16px; flex-shrink: 0; }
.sgexp-detail-section--grow[b-8mguhwyg5e] { flex: 1; display: flex; flex-direction: column; overflow: hidden; min-height: 0; }
.sgexp-detail-section-title[b-8mguhwyg5e] { font-size: 0.82rem; font-weight: 700; color: var(--color-sf-content-text-color, #1f2937); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; padding-bottom: 6px; border-bottom: 1px solid var(--color-sf-info-light, #e5e7eb); }
.sgexp-detail-count[b-8mguhwyg5e] { background: rgba(99,102,241,0.12); color: #6366f1; font-size: 0.68rem; font-weight: 700; padding: 2px 8px; border-radius: 10px; }
.sgexp-detail-grid[b-8mguhwyg5e] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sgexp-detail-field[b-8mguhwyg5e] { display: flex; flex-direction: column; gap: 4px; }
.sgexp-detail-field label[b-8mguhwyg5e] { font-size: 0.68rem; font-weight: 600; color: var(--color-sf-content-text-color-alt2, #6b7280); text-transform: uppercase; letter-spacing: 0.03em; }
.sgexp-detail-field span[b-8mguhwyg5e] { font-size: 0.82rem; color: var(--color-sf-content-text-color, #1f2937); }

/* Balões de valor */
.sgexp-valor-balao[b-8mguhwyg5e] {
    display: inline-flex; align-items: center;
    padding: 8px 16px; border-radius: 8px;
    font-size: 0.95rem; font-weight: 800;
}
.sgexp-valor-balao--pedido[b-8mguhwyg5e] {
    background: rgba(99,102,241,0.08); color: #4f46e5;
    border: 1px solid rgba(99,102,241,0.20);
}
.sgexp-valor-balao--faturado[b-8mguhwyg5e] {
    background: rgba(16,185,129,0.08); color: #059669;
    border: 1px solid rgba(16,185,129,0.20);
}

/* Itens */
.sgexp-itens-list[b-8mguhwyg5e] { display: flex; flex-direction: column; gap: 4px; overflow-y: auto; flex: 1; }
.sgexp-item-card[b-8mguhwyg5e] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; background: var(--color-sf-content-bg-color-alt1, #f9fafb); border: 1px solid var(--color-sf-info-light, #e5e7eb); border-radius: 6px; }
.sgexp-item-info[b-8mguhwyg5e] { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sgexp-item-name[b-8mguhwyg5e] { font-size: 0.75rem; font-weight: 600; color: var(--color-sf-content-text-color, #1f2937); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgexp-item-cod[b-8mguhwyg5e] { font-size: 0.65rem; color: var(--color-sf-content-text-color-alt1, #6b7280); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgexp-item-pn[b-8mguhwyg5e] { font-size: 0.62rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); }
.sgexp-item-fulfill[b-8mguhwyg5e] { display: flex; flex-direction: column; gap: 2px; min-width: 100px; }
.sgexp-item-qty-row[b-8mguhwyg5e] { display: flex; justify-content: space-between; font-size: 0.65rem; color: var(--color-sf-content-text-color-alt1, #4b5563); }
.sgexp-item-fat[b-8mguhwyg5e] { color: #10b981; font-weight: 600; }
.sgexp-item-progress-bar[b-8mguhwyg5e] { height: 3px; background: var(--color-sf-info-light, #e5e7eb); border-radius: 2px; overflow: hidden; }
.sgexp-item-pct[b-8mguhwyg5e] { font-size: 0.58rem; font-weight: 700; text-align: right; }
.sgexp-item-nums[b-8mguhwyg5e] { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex-shrink: 0; min-width: 90px; }
.sgexp-item-vlr[b-8mguhwyg5e] { font-size: 0.72rem; font-weight: 700; color: var(--color-sf-content-text-color, #1f2937); }
.sgexp-itens-total[b-8mguhwyg5e] { display: flex; justify-content: space-between; padding: 10px 12px; margin-top: 8px; font-size: 0.85rem; font-weight: 800; color: var(--color-sf-content-text-color, #1f2937); border-top: 2px solid var(--color-sf-info-light, #e5e7eb); flex-shrink: 0; }

/* ══════════ NOTAS FISCAIS ══════════ */
.sgexp-nf-header[b-8mguhwyg5e] {
    display: flex; align-items: center; gap: 6px;
    padding: 10px 16px; font-size: 0.80rem; font-weight: 700;
    color: var(--color-sf-content-text-color, #1f2937);
    border-bottom: 1px solid var(--color-sf-info-light, #e5e7eb);
    flex-shrink: 0;
}
.sgexp-nf-ico[b-8mguhwyg5e] { font-size: 16px; color: #6366f1; }
.sgexp-nf-ico[b-8mguhwyg5e]::before { color: #6366f1 !important; }

.sgexp-nf-empty[b-8mguhwyg5e] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 40px; color: var(--color-sf-content-text-color-alt2, #9ca3af); font-size: 0.75rem; }
.sgexp-nf-empty span[b-8mguhwyg5e]::before { font-size: 24px; }

.sgexp-nf-list[b-8mguhwyg5e] { flex: 1; overflow-y: auto; padding: 12px 16px; display: flex; flex-direction: column; gap: 14px; }

.sgexp-nf-card[b-8mguhwyg5e] { background: var(--color-sf-content-bg-color-alt1, #f9fafb); border: 1px solid var(--color-sf-info-light, #e5e7eb); border-radius: 10px; overflow: hidden; flex-shrink: 0; }
.sgexp-nf-card-header[b-8mguhwyg5e] { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; background: var(--color-sf-content-bg-color, #fff); border-bottom: 1px solid var(--color-sf-info-light, #e5e7eb); }
.sgexp-nf-card-title[b-8mguhwyg5e] { display: flex; align-items: center; gap: 10px; }
.sgexp-nf-num[b-8mguhwyg5e] { font-size: 0.92rem; font-weight: 800; color: #6366f1; }
.sgexp-nf-serie[b-8mguhwyg5e] { font-size: 0.72rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); }
.sgexp-nf-status[b-8mguhwyg5e] { font-size: 0.62rem; font-weight: 700; padding: 3px 10px; border-radius: 4px; background: #f3f4f6; color: #6b7280; }
.sgexp-nf-status--ok[b-8mguhwyg5e] { background: #ecfdf5; color: #059669; }
.sgexp-nf-status--cancel[b-8mguhwyg5e] { background: #fef2f2; color: #dc2626; }

/* Pill de percentual atendido */
.sgexp-pct-pill[b-8mguhwyg5e] {
    display: flex; align-items: center; gap: 10px;
    padding: 6px 14px; margin: 4px 0 0;
    border-radius: 8px;
    background: color-mix(in srgb, var(--sgexp-pct-color) 6%, transparent);
    border: 1px solid color-mix(in srgb, var(--sgexp-pct-color) 20%, transparent);
    max-width: 320px;
}
.sgexp-pct-pill--header[b-8mguhwyg5e] {
    margin: 0 0 0 auto; padding: 4px 12px;
    max-width: 220px; min-width: 140px;
}
.sgexp-pct-pill-bar[b-8mguhwyg5e] {
    flex: 1; height: 6px; border-radius: 3px;
    background: color-mix(in srgb, var(--sgexp-pct-color) 15%, transparent);
    overflow: hidden;
}
.sgexp-pct-pill-fill[b-8mguhwyg5e] {
    height: 100%; border-radius: 3px;
    background: var(--sgexp-pct-color);
    transition: width 0.3s ease;
}
.sgexp-pct-pill-label[b-8mguhwyg5e] {
    font-size: 0.82rem; font-weight: 700;
    color: var(--sgexp-pct-color);
    white-space: nowrap;
}

/* NF compacto (sgexp-nfc) */
.sgexp-nfc[b-8mguhwyg5e] {
    padding: 8px 12px; border-radius: 8px;
    border: 1px solid var(--color-sf-info-light, #e5e7eb);
    display: flex; flex-direction: column; gap: 4px;
}
.sgexp-nfc-top[b-8mguhwyg5e] { display: flex; justify-content: space-between; align-items: center; }
.sgexp-nfc-num[b-8mguhwyg5e] { font-size: 0.78rem; font-weight: 700; color: #6366f1; }
.sgexp-nfc-info[b-8mguhwyg5e] { display: flex; justify-content: space-between; align-items: center; }
.sgexp-nfc-date[b-8mguhwyg5e] { font-size: 0.68rem; color: var(--color-sf-content-text-color-alt1); }
.sgexp-nfc-val[b-8mguhwyg5e] { font-size: 0.78rem; font-weight: 700; color: #059669; }
.sgexp-nfc-chave[b-8mguhwyg5e] { font-size: 0.54rem; color: var(--color-sf-content-text-color-alt2); font-family: monospace; word-break: break-all; line-height: 1.3; border-top: 1px dashed var(--color-sf-info-light, #e5e7eb); padding-top: 3px; margin-top: 1px; }
.sgexp-nfc-danfe[b-8mguhwyg5e] {
    display: inline-flex; align-items: center; gap: 3px;
    background: none; border: 1px solid rgba(99,102,241,0.25); border-radius: 4px;
    color: #6366f1; font-size: 0.62rem; font-weight: 600;
    padding: 2px 8px; cursor: pointer; margin-top: 2px; width: fit-content;
    transition: background 0.15s;
}
.sgexp-nfc-danfe:hover[b-8mguhwyg5e] { background: rgba(99,102,241,0.06); }
.sgexp-nfc-danfe span[b-8mguhwyg5e]::before { color: #6366f1 !important; font-size: 12px; }

/* Segmented tabs */
.sgexp-seg-tabs[b-8mguhwyg5e] {
    display: inline-flex; gap: 0;
    border-bottom: 1px solid var(--color-sf-info-light, #e5e7eb);
    margin-bottom: 6px; flex-shrink: 0;
}
.sgexp-seg-btn[b-8mguhwyg5e] {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 6px 16px; border: none; background: transparent;
    font-size: 0.75rem; font-weight: 500; color: var(--color-sf-content-text-color-alt1);
    cursor: pointer; transition: all 0.15s;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}
.sgexp-seg-btn:hover[b-8mguhwyg5e] { color: var(--color-sf-content-text-color); }
.sgexp-seg-btn--active[b-8mguhwyg5e] {
    color: var(--color-sf-primary, #6366f1);
    font-weight: 600;
    border-bottom-color: var(--color-sf-primary, #6366f1);
}

/* Valores lado a lado */
.sgexp-valores-row[b-8mguhwyg5e] { display: flex; gap: 12px; }

/* Itens split: lista + gráficos */
.sgexp-itens-split[b-8mguhwyg5e] { display: flex; gap: 0; flex: 1; overflow: hidden; }
.sgexp-itens-col[b-8mguhwyg5e] { flex: 1; display: flex; flex-direction: column; overflow: hidden; min-width: 0; }
.sgexp-itens-charts[b-8mguhwyg5e] {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column; gap: 8px;
    padding: 0 8px; border-left: 1px solid var(--color-sf-border-light, #e5e7eb);
    overflow-y: auto;
}
.sgexp-itens-chart-box[b-8mguhwyg5e] { display: flex; flex-direction: column; align-items: center; }
.sgexp-itens-chart-title[b-8mguhwyg5e] {
    font-size: 0.68rem; font-weight: 700; color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase; letter-spacing: 0.03em; margin: 0 0 2px;
}

.sgexp-nf-card-body[b-8mguhwyg5e] { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 10px; }
.sgexp-nf-row[b-8mguhwyg5e] { display: flex; justify-content: space-between; font-size: 0.80rem; min-height: 24px; align-items: center; }
.sgexp-nf-row label[b-8mguhwyg5e] { color: var(--color-sf-content-text-color-alt2, #6b7280); font-weight: 500; }
.sgexp-nf-row span[b-8mguhwyg5e] { color: var(--color-sf-content-text-color, #1f2937); font-weight: 600; }
.sgexp-nf-row--total[b-8mguhwyg5e] { margin-top: 4px; padding-top: 6px; border-top: 1px solid var(--color-sf-info-light, #e5e7eb); }
.sgexp-nf-row--total label[b-8mguhwyg5e] { font-weight: 800; font-size: 0.85rem; }
.sgexp-nf-row--total span[b-8mguhwyg5e] { font-weight: 800; font-size: 0.85rem; color: #059669; }
.sgexp-nf-chave[b-8mguhwyg5e] { font-size: 0.58rem; color: var(--color-sf-content-text-color-alt2, #9ca3af); font-family: monospace; word-break: break-all; margin-top: 6px; padding-top: 6px; border-top: 1px dashed var(--color-sf-info-light, #e5e7eb); }

.sgexp-nf-card-actions[b-8mguhwyg5e] { padding: 10px 18px; border-top: 1px solid var(--color-sf-info-light, #e5e7eb); }
.sgexp-nf-btn[b-8mguhwyg5e] {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 4px 12px; border-radius: 6px; border: 1px solid #6366f1;
    background: transparent; color: #6366f1; font-size: 0.70rem; font-weight: 600;
    cursor: pointer; transition: background 0.15s;
}
.sgexp-nf-btn:hover[b-8mguhwyg5e] { background: rgba(99,102,241,0.08); }
.sgexp-nf-btn span[b-8mguhwyg5e]::before { font-size: 14px; color: #6366f1 !important; }

/* ══════════ DANFE VIEWER ══════════ */
.sgexp-danfe-header[b-8mguhwyg5e] { display: flex; align-items: center; gap: 10px; padding: 8px 16px; font-size: 0.78rem; font-weight: 700; color: var(--color-sf-content-text-color, #1f2937); border-bottom: 1px solid var(--color-sf-info-light, #e5e7eb); flex-shrink: 0; }
.sgexp-danfe-back[b-8mguhwyg5e] { display: flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 6px; border: 1px solid var(--color-sf-info-light, #d1d5db); background: transparent; cursor: pointer; font-size: 0.70rem; color: var(--color-sf-content-text-color-alt1, #4b5563); }
.sgexp-danfe-back:hover[b-8mguhwyg5e] { background: var(--color-sf-content-bg-color-alt1, #f3f4f6); }
.sgexp-danfe-body[b-8mguhwyg5e] { flex: 1; overflow: hidden; }

/* ══════════ DARK MODE ══════════ */
:global(.e-dark-mode) .sgexp-main[b-8mguhwyg5e] { background: #141820 !important; }
:global(.e-dark-mode) .sgexp-toolbar[b-8mguhwyg5e] { background: #141820 !important; border-bottom-color: rgba(255,255,255,0.03) !important; }
:global(.e-dark-mode) .sgexp-nav-btn[b-8mguhwyg5e] { background: transparent !important; border-color: rgba(255,255,255,0.06) !important; color: #4a5264 !important; }
:global(.e-dark-mode) .sgexp-nav-btn:hover[b-8mguhwyg5e] { background: rgba(255,255,255,0.04) !important; border-color: rgba(99,102,241,0.30) !important; }
:global(.e-dark-mode) .sgexp-toolbar-title[b-8mguhwyg5e] { color: #8b95a8 !important; }
:global(.e-dark-mode) .sgexp-toolbar-count[b-8mguhwyg5e] { color: #4a5264 !important; }

:global(.e-dark-mode) .sgexp-kanban-col[b-8mguhwyg5e] { border-right-color: rgba(255,255,255,0.03) !important; }
:global(.e-dark-mode) .sgexp-kanban-col--today[b-8mguhwyg5e] { background: rgba(99,102,241,0.04) !important; }
:global(.e-dark-mode) .sgexp-col-header[b-8mguhwyg5e] { background: #141820 !important; border-bottom-color: rgba(255,255,255,0.03) !important; }
:global(.e-dark-mode) .sgexp-col-header--today[b-8mguhwyg5e] { border-bottom-color: rgba(99,102,241,0.35) !important; }
:global(.e-dark-mode) .sgexp-col-day[b-8mguhwyg5e] { color: #3d4556 !important; }
:global(.e-dark-mode) .sgexp-col-date[b-8mguhwyg5e] { color: #6b7585 !important; }
:global(.e-dark-mode) .sgexp-col-header--today .sgexp-col-day[b-8mguhwyg5e] { color: #818cf8 !important; }
:global(.e-dark-mode) .sgexp-col-header--today .sgexp-col-date[b-8mguhwyg5e] { color: #fff !important; background: rgba(99,102,241,0.70) !important; }
:global(.e-dark-mode) .sgexp-col-count[b-8mguhwyg5e] { color: #3d4556 !important; }
:global(.e-dark-mode) .sgexp-col-empty[b-8mguhwyg5e] { color: #2a3040 !important; }

:global(.e-dark-mode) .sgexp-card[b-8mguhwyg5e] { background: #1a2028 !important; border-color: rgba(99,102,241,0.08) !important; border-top-color: rgba(99,102,241,0.12) !important; border-bottom-color: rgba(99,102,241,0.12) !important; border-right-color: rgba(99,102,241,0.12) !important; border-left-color: transparent !important; }
:global(.e-dark-mode) .sgexp-card:hover[b-8mguhwyg5e] { background: #1e2530 !important; box-shadow: none !important; }
:global(.e-dark-mode) .sgexp-card-id[b-8mguhwyg5e] { color: #818cf8 !important; }
:global(.e-dark-mode) .sgexp-card-type[b-8mguhwyg5e] { color: #4a5264 !important; }
:global(.e-dark-mode) .sgexp-card-row[b-8mguhwyg5e] { color: #5a6274 !important; }
:global(.e-dark-mode) .sgexp-card-footer[b-8mguhwyg5e] { border-top-color: rgba(255,255,255,0.04) !important; color: #3d4556 !important; }
:global(.e-dark-mode) .sgexp-card-items[b-8mguhwyg5e] { color: rgba(99,102,241,0.55) !important; }
:global(.e-dark-mode) .sgexp-card-value[b-8mguhwyg5e] { color: #6b7585 !important; }

:global(.e-dark-mode) .sgexp-badge--aberto[b-8mguhwyg5e] { background: rgba(107,114,128,0.15) !important; color: #9ca3af !important; }
:global(.e-dark-mode) .sgexp-badge--analise[b-8mguhwyg5e] { background: rgba(59,130,246,0.15) !important; color: #60a5fa !important; }
:global(.e-dark-mode) .sgexp-badge--aprovado[b-8mguhwyg5e] { background: rgba(99,102,241,0.15) !important; color: #a5b4fc !important; }
:global(.e-dark-mode) .sgexp-badge--expedicao[b-8mguhwyg5e] { background: rgba(245,158,11,0.15) !important; color: #fbbf24 !important; }
:global(.e-dark-mode) .sgexp-badge--faturado[b-8mguhwyg5e] { background: rgba(8,145,178,0.15) !important; color: #22d3ee !important; }
:global(.e-dark-mode) .sgexp-badge--concluido[b-8mguhwyg5e] { background: rgba(16,185,129,0.15) !important; color: #34d399 !important; }
:global(.e-dark-mode) .sgexp-badge--parcial[b-8mguhwyg5e] { background: rgba(249,115,22,0.15) !important; color: #fb923c !important; }
:global(.e-dark-mode) .sgexp-badge--cancelado[b-8mguhwyg5e] { background: rgba(239,68,68,0.15) !important; color: #f87171 !important; }

:global(.e-dark-mode) .sgexp-accent--aberto[b-8mguhwyg5e] { background: #3d4556 !important; }
:global(.e-dark-mode) .sgexp-accent--analise[b-8mguhwyg5e] { background: #2a5090 !important; }
:global(.e-dark-mode) .sgexp-accent--aprovado[b-8mguhwyg5e] { background: #4338ca !important; }
:global(.e-dark-mode) .sgexp-accent--expedicao[b-8mguhwyg5e] { background: #8a6a20 !important; }
:global(.e-dark-mode) .sgexp-accent--faturado[b-8mguhwyg5e] { background: #0e7490 !important; }
:global(.e-dark-mode) .sgexp-accent--concluido[b-8mguhwyg5e] { background: #1a7a50 !important; }
:global(.e-dark-mode) .sgexp-accent--parcial[b-8mguhwyg5e] { background: #9a3412 !important; }
:global(.e-dark-mode) .sgexp-accent--cancelado[b-8mguhwyg5e] { background: #802020 !important; }

:global(.e-dark-mode) .sgexp-col-body[b-8mguhwyg5e]::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.05) !important; }

/* Progress bar dark */
:global(.e-dark-mode) .sgexp-card-progress-bar[b-8mguhwyg5e] { background: rgba(255,255,255,0.06) !important; }
:global(.e-dark-mode) .sgexp-detail-progress-bar[b-8mguhwyg5e] { background: rgba(255,255,255,0.06) !important; }
:global(.e-dark-mode) .sgexp-item-progress-bar[b-8mguhwyg5e] { background: rgba(255,255,255,0.06) !important; }

/* Detail text dark */
:global(.e-dark-mode) .sgexp-detail-field label[b-8mguhwyg5e] { color: #6b7585 !important; }
:global(.e-dark-mode) .sgexp-detail-field span[b-8mguhwyg5e] { color: #c8cdd5 !important; }
:global(.e-dark-mode) .sgexp-detail-section-title[b-8mguhwyg5e] { color: #c8cdd5 !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
:global(.e-dark-mode) .sgexp-detail-count[b-8mguhwyg5e] { background: rgba(99,102,241,0.15) !important; color: #a5b4fc !important; }
:global(.e-dark-mode) .sgexp-item-card[b-8mguhwyg5e] { background: #1e2530 !important; border-color: rgba(255,255,255,0.06) !important; }
:global(.e-dark-mode) .sgexp-item-name[b-8mguhwyg5e] { color: #c8cdd5 !important; }
:global(.e-dark-mode) .sgexp-item-cod[b-8mguhwyg5e] { color: #8b929c !important; }
:global(.e-dark-mode) .sgexp-item-pn[b-8mguhwyg5e] { color: #5a6274 !important; }
:global(.e-dark-mode) .sgexp-item-values[b-8mguhwyg5e] { color: #8b95a8 !important; }
:global(.e-dark-mode) .sgexp-item-value[b-8mguhwyg5e] { color: #c8cdd5 !important; }
:global(.e-dark-mode) .sgexp-itens-total[b-8mguhwyg5e] { color: #c8cdd5 !important; border-top-color: rgba(255,255,255,0.06) !important; }
:global(.e-dark-mode) .sgexp-nf-row[b-8mguhwyg5e] { color: #8b95a8 !important; }
:global(.e-dark-mode) .sgexp-nf-label[b-8mguhwyg5e] { color: #6b7585 !important; }
:global(.e-dark-mode) .sgexp-nf-value[b-8mguhwyg5e] { color: #c8cdd5 !important; }
:global(.e-dark-mode) .sgexp-nf-row--total[b-8mguhwyg5e] { border-top-color: rgba(255,255,255,0.06) !important; }
:global(.e-dark-mode) .sgexp-nf-chave[b-8mguhwyg5e] { color: #5a6274 !important; border-top-color: rgba(255,255,255,0.04) !important; }
:global(.e-dark-mode) .sgexp-nf-card-actions[b-8mguhwyg5e] { border-top-color: rgba(255,255,255,0.04) !important; }

/* Split layout dark */
:global(.e-dark-mode) .sgexp-detail-left[b-8mguhwyg5e] { border-right-color: rgba(255,255,255,0.04) !important; }
:global(.e-dark-mode) .sgexp-valor-balao--pedido[b-8mguhwyg5e] { background: rgba(99,102,241,0.10) !important; color: #818cf8 !important; border-color: rgba(99,102,241,0.15) !important; }
:global(.e-dark-mode) .sgexp-valor-balao--faturado[b-8mguhwyg5e] { background: rgba(16,185,129,0.10) !important; color: #34d399 !important; border-color: rgba(16,185,129,0.15) !important; }

/* NF cards dark */
:global(.e-dark-mode) .sgexp-nf-header[b-8mguhwyg5e] { color: #8b95a8 !important; border-bottom-color: rgba(255,255,255,0.04) !important; }
:global(.e-dark-mode) .sgexp-nf-card[b-8mguhwyg5e] { background: #1a2028 !important; border-color: rgba(255,255,255,0.04) !important; }
:global(.e-dark-mode) .sgexp-nf-card-header[b-8mguhwyg5e] { background: #1e2530 !important; border-bottom-color: rgba(255,255,255,0.04) !important; }
:global(.e-dark-mode) .sgexp-nf-num[b-8mguhwyg5e] { color: #818cf8 !important; }
:global(.e-dark-mode) .sgexp-nf-status[b-8mguhwyg5e] { background: rgba(107,114,128,0.12) !important; color: #5a6274 !important; }
:global(.e-dark-mode) .sgexp-nf-status--ok[b-8mguhwyg5e] { background: rgba(16,185,129,0.12) !important; color: #34d399 !important; }
:global(.e-dark-mode) .sgexp-nf-status--cancel[b-8mguhwyg5e] { background: rgba(239,68,68,0.15) !important; color: #f87171 !important; }
:global(.e-dark-mode) .sgexp-nfc[b-8mguhwyg5e] { border-color: rgba(255,255,255,0.06) !important; }
:global(.e-dark-mode) .sgexp-nfc-num[b-8mguhwyg5e] { color: #818cf8 !important; }
:global(.e-dark-mode) .sgexp-nfc-val[b-8mguhwyg5e] { color: #34d399 !important; }
:global(.e-dark-mode) .sgexp-nfc-chave[b-8mguhwyg5e] { border-top-color: rgba(255,255,255,0.04) !important; color: #4a5264 !important; }
:global(.e-dark-mode) .sgexp-nfc-danfe[b-8mguhwyg5e] { border-color: rgba(129,140,248,0.25) !important; color: #818cf8 !important; }
:global(.e-dark-mode) .sgexp-nfc-danfe span[b-8mguhwyg5e]::before { color: #818cf8 !important; }
:global(.e-dark-mode) .sgexp-nf-btn[b-8mguhwyg5e] { border-color: rgba(99,102,241,0.30) !important; color: #818cf8 !important; }
:global(.e-dark-mode) .sgexp-nf-btn:hover[b-8mguhwyg5e] { background: rgba(99,102,241,0.10) !important; }

/* Dialog header dark */
:global(.e-dark-mode) .sgexp-dlg-header-title[b-8mguhwyg5e] { color: #c8cdd5 !important; }

/* DANFE dark */
:global(.e-dark-mode) .sgexp-danfe-header[b-8mguhwyg5e] { color: #8b95a8 !important; border-bottom-color: rgba(255,255,255,0.04) !important; }
:global(.e-dark-mode) .sgexp-danfe-back[b-8mguhwyg5e] { border-color: rgba(255,255,255,0.06) !important; color: #6b7585 !important; }

/* ══════════ Stepper horizontal de tarefas NF (sgexp-stepper) ══════════ */
.sgexp-stepper[b-8mguhwyg5e] {
    display: flex;
    align-items: flex-start;
    gap: 0;
    margin-top: 10px;
    padding: 10px 8px 6px;
    border-top: 1px solid var(--color-sf-border-light, #f0f0f0);
}

.sgexp-step[b-8mguhwyg5e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex: 1;
    position: relative;
    cursor: default;
}

/* Linha conectora entre steps */
.sgexp-step:not(:last-child)[b-8mguhwyg5e]::after {
    content: "";
    position: absolute;
    top: 16px;
    left: calc(50% + 16px);
    width: calc(100% - 32px);
    height: 2px;
    background: var(--color-sf-border-light, #e0e0e0);
    transition: background 0.3s;
}

.sgexp-step--ok:not(:last-child)[b-8mguhwyg5e]::after {
    background: linear-gradient(90deg, #16a34a, #22c55e);
    box-shadow: 0 0 6px rgba(22, 163, 74, 0.3);
}
.sgexp-step--err:not(:last-child)[b-8mguhwyg5e]::after {
    background: linear-gradient(90deg, #dc2626, #ef4444);
    box-shadow: 0 0 6px rgba(220, 38, 38, 0.3);
}

/* Dot / ícone */
.sgexp-step-dot[b-8mguhwyg5e] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    z-index: 1;
    flex-shrink: 0;
    border: 2.5px solid var(--color-sf-border, #d0d0d0);
    background: var(--color-sf-content-bg-color, #fff);
    color: var(--color-sf-content-text-color-alt1, #999);
    transition: all 0.3s ease;
}

.sgexp-step--ok .sgexp-step-dot[b-8mguhwyg5e] {
    background: linear-gradient(135deg, #16a34a, #22c55e);
    border-color: #16a34a;
    color: #fff;
    box-shadow: 0 0 10px rgba(22, 163, 74, 0.35), 0 2px 4px rgba(0, 0, 0, 0.1);
}

.sgexp-step--err .sgexp-step-dot[b-8mguhwyg5e] {
    background: linear-gradient(135deg, #dc2626, #ef4444);
    border-color: #dc2626;
    color: #fff;
    box-shadow: 0 0 10px rgba(220, 38, 38, 0.35), 0 2px 4px rgba(0, 0, 0, 0.1);
}

.sgexp-step--pending .sgexp-step-dot[b-8mguhwyg5e] {
    background: var(--color-sf-content-bg-color, #fff);
    border-color: var(--color-sf-border, #d0d0d0);
    color: var(--color-sf-content-text-color-alt1, #bbb);
}

.sgexp-step-num[b-8mguhwyg5e] {
    font-size: 11px;
    font-weight: 700;
}

.sgexp-step-dot .e-icons[b-8mguhwyg5e] {
    font-size: 13px;
    font-weight: 700;
}

/* Label */
.sgexp-step-label[b-8mguhwyg5e] {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1, #888);
    text-align: center;
    line-height: 1.2;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.sgexp-step--ok .sgexp-step-label[b-8mguhwyg5e] { color: #16a34a; }
.sgexp-step--err .sgexp-step-label[b-8mguhwyg5e] { color: #dc2626; }

/* Data/hora */
.sgexp-step-date[b-8mguhwyg5e] {
    font-size: 0.58rem;
    color: var(--color-sf-content-text-color-alt1, #aaa);
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    white-space: nowrap;
}

.sgexp-step--ok .sgexp-step-date[b-8mguhwyg5e] { color: #16a34a; }
.sgexp-step--err .sgexp-step-date[b-8mguhwyg5e] { color: #dc2626; }

/* Dark mode */
:global(.e-dark-mode) .sgexp-step-dot[b-8mguhwyg5e] { background: #1e1e1e; }
:global(.e-dark-mode) .sgexp-step--ok .sgexp-step-dot[b-8mguhwyg5e] { background: linear-gradient(135deg, #16a34a, #22c55e); }
:global(.e-dark-mode) .sgexp-step--err .sgexp-step-dot[b-8mguhwyg5e] { background: linear-gradient(135deg, #dc2626, #ef4444); }
:global(.e-dark-mode) .sgexp-step-date[b-8mguhwyg5e] { color: #666; }
/* /Components/Pages/Faturamento/AprovarMedicao.razor.rz.scp.css */
/* Página pública de aprovação — Prefixo: sg-aprov- */

.sg-aprov-page[b-nwx1bqgbx2] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 20px 60px;
    background: #f8fafc;
    min-height: 100vh;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

.sg-aprov-center[b-nwx1bqgbx2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 0;
    color: #64748b;
    gap: 16px;
}
.sg-aprov-spinner[b-nwx1bqgbx2] {
    width: 36px; height: 36px;
    border: 3px solid #e2e8f0;
    border-top-color: #6366f1;
    border-radius: 50%;
    animation: sg-spin-b-nwx1bqgbx2 0.8s linear infinite;
}
@keyframes sg-spin-b-nwx1bqgbx2 { to { transform: rotate(360deg); } }

.sg-aprov-banner[b-nwx1bqgbx2] {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 1px solid #fde68a;
    color: #92400e;
    padding: 14px 20px;
    border-radius: 10px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
}

.sg-aprov-relatorio[b-nwx1bqgbx2] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    margin-bottom: 24px;
}
.sg-aprov-relatorio iframe[b-nwx1bqgbx2] {
    width: 100%;
    min-height: 1100px;
    border: 0;
    display: block;
}

.sg-aprov-actions[b-nwx1bqgbx2] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 24px 28px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

[b-nwx1bqgbx2] .sg-aprov-btn-primary {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border-color: #059669 !important;
    color: #fff !important;
    font-weight: 700 !important;
    padding: 14px 36px !important;
    font-size: 15px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25) !important;
}
[b-nwx1bqgbx2] .sg-aprov-btn-primary:hover:not(:disabled) {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
}

.sg-aprov-disclaimer[b-nwx1bqgbx2] {
    margin: 16px auto 0;
    max-width: 540px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

.sg-aprov-card[b-nwx1bqgbx2] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 32px 36px;
    text-align: center;
    max-width: 540px;
    margin: 60px auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}
.sg-aprov-card h2[b-nwx1bqgbx2] { margin: 12px 0 8px; color: #0f172a; }
.sg-aprov-card p[b-nwx1bqgbx2]  { color: #475569; font-size: 14px; line-height: 1.6; margin: 4px 0; }
.sg-aprov-card .sg-aprov-sub[b-nwx1bqgbx2] { color: #94a3b8; font-size: 13px; margin-top: 8px; }

.sg-aprov-erro[b-nwx1bqgbx2]       { border-color: #fca5a5; background: #fef2f2; }
.sg-aprov-erro h2[b-nwx1bqgbx2]    { color: #991b1b; }
.sg-aprov-icon-erro[b-nwx1bqgbx2]  { font-size: 48px; color: #ef4444; }

.sg-aprov-info[b-nwx1bqgbx2]       { border-color: #93c5fd; background: #eff6ff; }
.sg-aprov-info h2[b-nwx1bqgbx2]    { color: #1e40af; }
.sg-aprov-icon-info[b-nwx1bqgbx2]  { font-size: 48px; color: #3b82f6; }

.sg-aprov-success[b-nwx1bqgbx2]    { border-color: #86efac; background: #f0fdf4; margin-top: 20px; }
.sg-aprov-success h2[b-nwx1bqgbx2] { color: #166534; }
.sg-aprov-icon-success[b-nwx1bqgbx2] { font-size: 48px; color: #10b981; }

.sg-aprov-erro-inline[b-nwx1bqgbx2] {
    margin-top: 12px;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13px;
}

.sg-aprov-details[b-nwx1bqgbx2]        { margin-top: 20px; text-align: left; }
.sg-aprov-details summary[b-nwx1bqgbx2] { cursor: pointer; color: #3b82f6; font-size: 13px; margin-bottom: 8px; }
.sg-aprov-details iframe[b-nwx1bqgbx2]  { width: 100%; min-height: 600px; border: 1px solid #e5e7eb; border-radius: 8px; }
/* /Components/Pages/Faturamento/MedicaoColeta.razor.rz.scp.css */
/* ============================================================
   MedicaoColeta — Prefixo: sg-medcol-
   ============================================================ */

.sg-medcol-container[b-6nhskesru7] {
    padding: 24px 28px;
    background: #f8fafc;
    min-height: calc(100vh - 80px);
}

.sg-medcol-header[b-6nhskesru7] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 20px;
}
.sg-medcol-icon[b-6nhskesru7] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, #6366f1 0%, #4338ca 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 4px 8px rgba(99, 102, 241, 0.25);
}
.sg-medcol-header h1[b-6nhskesru7] {
    margin: 0;
    font-size: 22px;
    color: #0f172a;
}
.sg-medcol-header .sub[b-6nhskesru7] {
    margin: 2px 0 0 0;
    font-size: 13px;
    color: #64748b;
}

/* Filtros */
.sg-medcol-filtros[b-6nhskesru7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 14px 16px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 18px 20px;
    margin-bottom: 16px;
}
.sg-medcol-field-wide[b-6nhskesru7] { grid-column: span 2; }
.sg-medcol-field-full[b-6nhskesru7] { grid-column: 1 / -1; }

/* Actions */
.sg-medcol-actions[b-6nhskesru7] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.sg-medcol-resumo[b-6nhskesru7] {
    margin-left: 8px;
    color: #475569;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

[b-6nhskesru7] .sg-medcol-btn-primary {
    background: #6366f1 !important;
    border-color: #6366f1 !important;
    color: #fff !important;
}
[b-6nhskesru7] .sg-medcol-btn-primary:hover:not(:disabled) {
    background: #4338ca !important;
    border-color: #4338ca !important;
}
[b-6nhskesru7] .sg-medcol-btn-secondary {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}
[b-6nhskesru7] .sg-medcol-btn-aprov {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    border-color: #d97706 !important;
    color: #fff !important;
    font-weight: 600 !important;
}
[b-6nhskesru7] .sg-medcol-btn-aprov:hover:not(:disabled) {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
}

/* Erro */
.sg-medcol-erro[b-6nhskesru7] {
    padding: 12px 16px;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 13px;
}

/* Preview */
.sg-medcol-preview[b-6nhskesru7] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}
.sg-medcol-preview iframe[b-6nhskesru7] {
    width: 100%;
    min-height: 800px;
    border: 0;
    display: block;
}

@media (max-width: 900px) {
    .sg-medcol-field-wide[b-6nhskesru7] { grid-column: span 1; }
}

/* Histórico de envios */
.sg-medcol-historico[b-6nhskesru7] {
    margin-top: 18px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
}
.sg-medcol-historico-hdr[b-6nhskesru7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
    font-size: 13px;
    color: #475569;
}
.sg-medcol-historico-count[b-6nhskesru7] {
    background: #eef2ff;
    color: #4338ca;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
}
.sg-medcol-historico-refresh[b-6nhskesru7] {
    margin-left: auto;
    background: transparent;
    border: 1px solid #cbd5e1;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11.5px;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.sg-medcol-historico-refresh:hover:not(:disabled)[b-6nhskesru7] {
    border-color: #6366f1;
    color: #4338ca;
}
.sg-medcol-historico-refresh:disabled[b-6nhskesru7] { opacity: 0.5; cursor: default; }

.sg-medcol-historico-tbl[b-6nhskesru7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.sg-medcol-historico-tbl th[b-6nhskesru7] {
    background: #fafbfc;
    padding: 8px 12px;
    text-align: left;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-size: 10.5px;
    border-bottom: 1px solid #e5e7eb;
}
.sg-medcol-historico-tbl th.num[b-6nhskesru7],
.sg-medcol-historico-tbl td.num[b-6nhskesru7] { text-align: right; font-variant-numeric: tabular-nums; }
.sg-medcol-historico-tbl td[b-6nhskesru7] {
    padding: 8px 12px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    font-variant-numeric: tabular-nums;
}
.sg-medcol-historico-tbl tr:last-child td[b-6nhskesru7] { border-bottom: 0; }
.sg-medcol-historico-erro[b-6nhskesru7] {
    color: #b91c1c;
    font-size: 11px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sg-medcol-pill[b-6nhskesru7] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10.5px;
    font-weight: 600;
    border: 1px solid;
}
.sg-medcol-pill-ok[b-6nhskesru7]      { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
.sg-medcol-pill-err[b-6nhskesru7]     { background: #fef2f2; color: #b91c1c; border-color: #fca5a5; }
.sg-medcol-pill-pending[b-6nhskesru7] { background: #fffbeb; color: #b45309; border-color: #fde68a; }
/* /Components/Pages/Faturamento/MedicaoEntrega.razor.rz.scp.css */
/* ============================================================
   MedicaoEntrega — Prefixo: sg-medentr-
   ============================================================ */

.sg-medentr-container[b-scoygbxzud] {
    padding: 24px 28px;
    background: #f8fafc;
    min-height: calc(100vh - 80px);
}

.sg-medentr-header[b-scoygbxzud] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 20px;
}
.sg-medentr-icon[b-scoygbxzud] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, #6366f1 0%, #4338ca 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 4px 8px rgba(99, 102, 241, 0.25);
}
.sg-medentr-header h1[b-scoygbxzud] {
    margin: 0;
    font-size: 22px;
    color: #0f172a;
}
.sg-medentr-header .sub[b-scoygbxzud] {
    margin: 2px 0 0 0;
    font-size: 13px;
    color: #64748b;
}

/* Filtros */
.sg-medentr-filtros[b-scoygbxzud] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 14px 16px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 18px 20px;
    margin-bottom: 16px;
}
.sg-medentr-field-wide[b-scoygbxzud] { grid-column: span 2; }
.sg-medentr-field-full[b-scoygbxzud] { grid-column: 1 / -1; }

/* Actions */
.sg-medentr-actions[b-scoygbxzud] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.sg-medentr-resumo[b-scoygbxzud] {
    margin-left: 8px;
    color: #475569;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

[b-scoygbxzud] .sg-medentr-btn-primary {
    background: #6366f1 !important;
    border-color: #6366f1 !important;
    color: #fff !important;
}
[b-scoygbxzud] .sg-medentr-btn-primary:hover:not(:disabled) {
    background: #4338ca !important;
    border-color: #4338ca !important;
}
[b-scoygbxzud] .sg-medentr-btn-secondary {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}
[b-scoygbxzud] .sg-medentr-btn-aprov {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    border-color: #d97706 !important;
    color: #fff !important;
    font-weight: 600 !important;
}
[b-scoygbxzud] .sg-medentr-btn-aprov:hover:not(:disabled) {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
}

/* Erro */
.sg-medentr-erro[b-scoygbxzud] {
    padding: 12px 16px;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 13px;
}

/* Preview */
.sg-medentr-preview[b-scoygbxzud] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}
.sg-medentr-preview iframe[b-scoygbxzud] {
    width: 100%;
    min-height: 800px;
    border: 0;
    display: block;
}

@media (max-width: 900px) {
    .sg-medentr-field-wide[b-scoygbxzud] { grid-column: span 1; }
}

/* Histórico de envios */
.sg-medentr-historico[b-scoygbxzud] {
    margin-top: 18px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
}
.sg-medentr-historico-hdr[b-scoygbxzud] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
    font-size: 13px;
    color: #475569;
}
.sg-medentr-historico-count[b-scoygbxzud] {
    background: #eef2ff;
    color: #4338ca;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
}
.sg-medentr-historico-refresh[b-scoygbxzud] {
    margin-left: auto;
    background: transparent;
    border: 1px solid #cbd5e1;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11.5px;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.sg-medentr-historico-refresh:hover:not(:disabled)[b-scoygbxzud] {
    border-color: #6366f1;
    color: #4338ca;
}
.sg-medentr-historico-refresh:disabled[b-scoygbxzud] { opacity: 0.5; cursor: default; }

.sg-medentr-historico-tbl[b-scoygbxzud] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.sg-medentr-historico-tbl th[b-scoygbxzud] {
    background: #fafbfc;
    padding: 8px 12px;
    text-align: left;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-size: 10.5px;
    border-bottom: 1px solid #e5e7eb;
}
.sg-medentr-historico-tbl th.num[b-scoygbxzud],
.sg-medentr-historico-tbl td.num[b-scoygbxzud] { text-align: right; font-variant-numeric: tabular-nums; }
.sg-medentr-historico-tbl td[b-scoygbxzud] {
    padding: 8px 12px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    font-variant-numeric: tabular-nums;
}
.sg-medentr-historico-tbl tr:last-child td[b-scoygbxzud] { border-bottom: 0; }
.sg-medentr-historico-erro[b-scoygbxzud] {
    color: #b91c1c;
    font-size: 11px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sg-medentr-pill[b-scoygbxzud] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10.5px;
    font-weight: 600;
    border: 1px solid;
}
.sg-medentr-pill-ok[b-scoygbxzud]      { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
.sg-medentr-pill-err[b-scoygbxzud]     { background: #fef2f2; color: #b91c1c; border-color: #fca5a5; }
.sg-medentr-pill-pending[b-scoygbxzud] { background: #fffbeb; color: #b45309; border-color: #fde68a; }
/* /Components/Pages/Faturamento/PainelMedicoes.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   PainelMedicoes.razor.css — Painel de Gestão de Medições
   Prefixo: sg-pm-
   Design: SAP Fiori Horizon, Syncfusion Fluent 2, estética minimalista/executiva
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Shell: sidebar escuro + main branco ──────────────────────────────── */
.sg-pm-shell[b-rdl02ggbys] {
    display: flex;
    height: calc(100vh - 56px);   /* desconta a AppBar */
    overflow: hidden;
    background: var(--color-sf-content-bg-color);
}

/* ── Sidebar ────────────────────────────────────────────────────────────── */
/* Fundo escuro fixo (Fiori Horizon) — não depender de variáveis Fluent2 */
.sg-pm-sidebar[b-rdl02ggbys] {
    width: 260px;
    min-width: 260px;
    background: #1f2937;
    color: #e5e7eb;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid rgba(255,255,255,0.06);
}

.sg-pm-sidebar-header[b-rdl02ggbys] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 18px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.sg-pm-sidebar-icon[b-rdl02ggbys] {
    font-size: 22px;
    color: #818cf8;
    flex-shrink: 0;
}
.sg-pm-sidebar-icon[b-rdl02ggbys]::before { color: #818cf8 !important; }

.sg-pm-sidebar-title[b-rdl02ggbys] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #f9fafb;
    line-height: 1.2;
}

.sg-pm-sidebar-sub[b-rdl02ggbys] {
    font-size: 0.7rem;
    color: rgba(255,255,255,0.5);
    letter-spacing: 0.4px;
    margin-top: 2px;
}

/* ── Seções de filtro ───────────────────────────────────────────────────── */
.sg-pm-filter-section[b-rdl02ggbys] {
    padding: 14px 16px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.sg-pm-filter-label[b-rdl02ggbys] {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.45);
    margin-bottom: 8px;
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.sg-pm-filter-hint[b-rdl02ggbys] {
    font-size: 0.6rem;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-transform: none;
    color: #818cf8;
    background: rgba(129,140,248,0.12);
    padding: 1px 6px;
    border-radius: 10px;
}

/* Scope toggle */
.sg-pm-scope-toggle[b-rdl02ggbys] {
    display: flex;
    background: rgba(0,0,0,0.25);
    border-radius: 8px;
    padding: 2px;
    gap: 2px;
}

.sg-pm-scope-btn[b-rdl02ggbys] {
    flex: 1;
    padding: 6px 8px;
    border: none;
    background: transparent;
    color: rgba(255,255,255,0.55);
    font-size: 0.72rem;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: background 150ms, color 150ms;
    text-align: center;
}

.sg-pm-scope-btn--active[b-rdl02ggbys] {
    background: #4f46e5;
    color: #fff;
}

.sg-pm-scope-btn:hover:not(.sg-pm-scope-btn--active)[b-rdl02ggbys] {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.8);
}

.sg-pm-scope-fixed[b-rdl02ggbys] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,0.75);
    font-size: 0.78rem;
}

/* DateRange no sidebar — placeholder visível, ícone calendário azul */
[b-rdl02ggbys] .sg-pm-daterange.e-daterangepicker,
[b-rdl02ggbys] .sg-pm-daterange .e-input-group {
    background: rgba(255,255,255,0.06) !important;
    border-color: rgba(255,255,255,0.2) !important;
    border-radius: 8px;
}

[b-rdl02ggbys] .sg-pm-daterange .e-input {
    color: #ffffff !important;
    font-size: 0.78rem !important;
    background: transparent !important;
    padding: 8px 10px !important;
}

[b-rdl02ggbys] .sg-pm-daterange .e-input::placeholder {
    color: rgba(255,255,255,0.55) !important;
    opacity: 1 !important;
}

[b-rdl02ggbys] .sg-pm-daterange .e-icons,
[b-rdl02ggbys] .sg-pm-daterange .e-input-group-icon {
    color: rgba(255,255,255,0.85) !important;
    background: transparent !important;
}

[b-rdl02ggbys] .sg-pm-daterange .e-input-group-icon::before,
[b-rdl02ggbys] .sg-pm-daterange .e-icons::before {
    color: rgba(255,255,255,0.85) !important;
}

/* Botões de ação do sidebar */
.sg-pm-filter-actions[b-rdl02ggbys] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.sg-pm-btn-refresh[b-rdl02ggbys],
.sg-pm-btn-clear[b-rdl02ggbys] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border: 1px solid rgba(255,255,255,0.15);
    background: transparent;
    color: rgba(255,255,255,0.7);
    font-size: 0.77rem;
    border-radius: 7px;
    cursor: pointer;
    transition: background 140ms, color 140ms;
    width: 100%;
    text-align: left;
}

.sg-pm-btn-refresh:hover[b-rdl02ggbys],
.sg-pm-btn-clear:hover[b-rdl02ggbys] {
    background: rgba(255,255,255,0.08);
    color: #fff;
}

.sg-pm-btn-refresh:disabled[b-rdl02ggbys] {
    opacity: 0.5;
    cursor: default;
}

@keyframes sg-pm-spin-anim-b-rdl02ggbys {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.sg-pm-btn-refresh--spin span[class*="icon-"]:first-child[b-rdl02ggbys] {
    animation: sg-pm-spin-anim-b-rdl02ggbys 0.8s linear infinite;
    display: inline-block;
}

/* Mini-resumo sticky no bottom ─────────────────────────────────── */
.sg-pm-sidebar-summary[b-rdl02ggbys] {
    margin-top: auto;
    padding: 14px 16px;
    border-top: 1px solid rgba(255,255,255,0.06);
    background: rgba(0,0,0,0.2);
}

.sg-pm-summary-row[b-rdl02ggbys] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.sg-pm-summary-label[b-rdl02ggbys] {
    font-size: 0.72rem;
    color: rgba(255,255,255,0.5);
}

.sg-pm-summary-value[b-rdl02ggbys] {
    font-size: 0.78rem;
    font-weight: 600;
    color: rgba(255,255,255,0.85);
    font-variant-numeric: tabular-nums;
}

.sg-pm-summary-row--danger .sg-pm-summary-value[b-rdl02ggbys] {
    color: #fca5a5;
}

/* ── Main Content ──────────────────────────────────────────────────────── */
.sg-pm-main[b-rdl02ggbys] {
    flex: 1;
    overflow-y: auto;
    padding: 20px 24px 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ── Topbar (breadcrumb + ações) ───────────────────────────────────────── */
.sg-pm-topbar[b-rdl02ggbys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sg-pm-breadcrumb[b-rdl02ggbys] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sg-pm-breadcrumb-sep[b-rdl02ggbys] {
    font-size: 10px;
    opacity: 0.5;
}

.sg-pm-breadcrumb-current[b-rdl02ggbys] {
    font-weight: 600;
    color: var(--color-sf-content-text-color);
}

.sg-pm-topbar-actions[b-rdl02ggbys] {
    display: flex;
    gap: 8px;
}

.sg-pm-btn-export[b-rdl02ggbys] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color-alt1);
    color: var(--color-sf-content-text-color-alt1);
    border-radius: 8px;
    font-size: 0.78rem;
    cursor: pointer;
    transition: background 140ms;
}

.sg-pm-btn-export:hover[b-rdl02ggbys] {
    background: var(--color-sf-primary-bg-color);
    color: var(--color-sf-primary);
    border-color: var(--color-sf-primary);
}

/* ── KPI Row ───────────────────────────────────────────────────────────── */
.sg-pm-kpi-row[b-rdl02ggbys] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

@keyframes sg-pm-fade-up-b-rdl02ggbys {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

.sg-pm-kpi-card[b-rdl02ggbys] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color-alt1);
    box-shadow: 0 2px 8px rgba(15,23,42,0.04);
    overflow: hidden;
    animation: sg-pm-fade-up-b-rdl02ggbys 280ms ease both;
    transition: box-shadow 200ms, transform 200ms;
}

.sg-pm-kpi-card:hover[b-rdl02ggbys] {
    box-shadow: 0 6px 24px rgba(15,23,42,0.08);
    transform: translateY(-1px);
}

/* Gradiente de fundo muito sutil por cor */
.sg-pm-kpi-card--indigo[b-rdl02ggbys] { background: linear-gradient(135deg, var(--color-sf-content-bg-color-alt1) 60%, rgba(67,56,202,0.06)); }
.sg-pm-kpi-card--amber[b-rdl02ggbys]  { background: linear-gradient(135deg, var(--color-sf-content-bg-color-alt1) 60%, rgba(180,83,9,0.06)); }
.sg-pm-kpi-card--red[b-rdl02ggbys]    { background: linear-gradient(135deg, var(--color-sf-content-bg-color-alt1) 60%, rgba(220,38,38,0.06)); }
.sg-pm-kpi-card--green[b-rdl02ggbys]  { background: linear-gradient(135deg, var(--color-sf-content-bg-color-alt1) 60%, rgba(21,128,61,0.07)); }
.sg-pm-kpi-card--teal[b-rdl02ggbys]   { background: linear-gradient(135deg, var(--color-sf-content-bg-color-alt1) 60%, rgba(13,148,136,0.06)); }
.sg-pm-kpi-card--blue[b-rdl02ggbys]   { background: linear-gradient(135deg, var(--color-sf-content-bg-color-alt1) 60%, rgba(29,78,216,0.06)); }

/* Alarme: KPI de atrasadas > 0 */
.sg-pm-kpi-card--alarme[b-rdl02ggbys] {
    border-color: rgba(220,38,38,0.35);
    box-shadow: 0 0 0 2px rgba(220,38,38,0.12), 0 2px 8px rgba(220,38,38,0.08);
}

.sg-pm-kpi-card--loading[b-rdl02ggbys] {
    min-height: 70px;
    background: var(--color-sf-content-bg-color-alt1);
}

/* Ícone circular por cor */
.sg-pm-kpi-icon-wrap[b-rdl02ggbys] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 15px;
}

.sg-pm-kpi-icon-wrap span[class*="icon-"][b-rdl02ggbys]::before { color: #fff !important; }
.sg-pm-kpi-icon-wrap span[b-rdl02ggbys] { color: #fff !important; }

.sg-pm-kpi-icon-wrap--indigo[b-rdl02ggbys] { background: rgba(67,56,202,0.15); }
.sg-pm-kpi-icon-wrap--indigo span[b-rdl02ggbys], .sg-pm-kpi-icon-wrap--indigo span[b-rdl02ggbys]::before { color: #4338ca !important; }
.sg-pm-kpi-icon-wrap--amber[b-rdl02ggbys]  { background: rgba(180,83,9,0.12); }
.sg-pm-kpi-icon-wrap--amber  span[b-rdl02ggbys], .sg-pm-kpi-icon-wrap--amber span[b-rdl02ggbys]::before  { color: #b45309 !important; }
.sg-pm-kpi-icon-wrap--red[b-rdl02ggbys]    { background: rgba(220,38,38,0.12); }
.sg-pm-kpi-icon-wrap--red    span[b-rdl02ggbys], .sg-pm-kpi-icon-wrap--red span[b-rdl02ggbys]::before    { color: #dc2626 !important; }
.sg-pm-kpi-icon-wrap--green[b-rdl02ggbys]  { background: rgba(21,128,61,0.12); }
.sg-pm-kpi-icon-wrap--green  span[b-rdl02ggbys], .sg-pm-kpi-icon-wrap--green span[b-rdl02ggbys]::before  { color: #15803d !important; }
.sg-pm-kpi-icon-wrap--teal[b-rdl02ggbys]   { background: rgba(13,148,136,0.12); }
.sg-pm-kpi-icon-wrap--teal   span[b-rdl02ggbys], .sg-pm-kpi-icon-wrap--teal span[b-rdl02ggbys]::before   { color: #0d9488 !important; }
.sg-pm-kpi-icon-wrap--blue[b-rdl02ggbys]   { background: rgba(29,78,216,0.12); }
.sg-pm-kpi-icon-wrap--blue   span[b-rdl02ggbys], .sg-pm-kpi-icon-wrap--blue span[b-rdl02ggbys]::before   { color: #1d4ed8 !important; }

/* ── Sparkline dentro do KPI card (legacy, mantido pra compat) ─────────── */
.sg-pm-kpi-sparkline[b-rdl02ggbys] {
    margin-top: 3px;
    width: 100%;
    max-width: 110px;
    opacity: 0.7;
    pointer-events: none;
}

/* ── Barra de progresso (proporção do KPI sobre o Total) ───────────────── */
.sg-pm-kpi-bar[b-rdl02ggbys] {
    margin-top: 6px;
    height: 4px;
    width: 100%;
    background: rgba(15,23,42,0.06);
    border-radius: 3px;
    overflow: hidden;
}
.sg-pm-kpi-bar-fill[b-rdl02ggbys] {
    height: 100%;
    border-radius: 3px;
    transition: width 380ms ease-out;
}

.sg-pm-kpi-content[b-rdl02ggbys] {
    flex: 1;
    min-width: 0;
}

.sg-pm-kpi-label[b-rdl02ggbys] {
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--color-sf-content-text-color-alt1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sg-pm-kpi-number[b-rdl02ggbys] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.sg-pm-kpi-number--alarme[b-rdl02ggbys] {
    color: #dc2626;
}

.sg-pm-kpi-sub[b-rdl02ggbys] {
    font-size: 0.66rem;
    color: var(--color-sf-content-text-color-alt1);
    font-variant-numeric: tabular-nums;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sg-pm-kpi-sub-badge[b-rdl02ggbys] {
    font-size: 0.65rem;
    background: rgba(21,128,61,0.1);
    color: #15803d;
    padding: 1px 6px;
    border-radius: 20px;
    font-weight: 600;
}

/* ── Body Grid: 2 colunas (centro fluido + direita fixa) ─────────────────
   minmax(0, 1fr) na coluna central evita que conteúdo (gráficos, tabelas)
   force overflow e impeça o shrink. Sem minmax(0,…), o 1fr respeita o
   intrinsic min-content e os blocos param de absorver o espaço. */
.sg-pm-body-grid[b-rdl02ggbys] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 16px;
    align-items: start;
}

.sg-pm-col-main[b-rdl02ggbys],
.sg-pm-col-side[b-rdl02ggbys] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.sg-pm-col-main > .sg-pm-block[b-rdl02ggbys],
.sg-pm-col-main > .sg-pm-block-row[b-rdl02ggbys] { width: 100%; }

/* ── Bloco genérico ─────────────────────────────────────────────────────── */
.sg-pm-block[b-rdl02ggbys] {
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 14px;
    padding: 18px 20px;
    box-shadow: 0 2px 8px rgba(15,23,42,0.04);
}

.sg-pm-block-header[b-rdl02ggbys] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.sg-pm-block-title[b-rdl02ggbys] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: var(--color-sf-content-text-color-alt1);
}

.sg-pm-block-icon[b-rdl02ggbys] {
    font-size: 14px;
    color: var(--color-sf-icon-color);
}

.sg-pm-block-icon[b-rdl02ggbys]::before { color: var(--color-sf-icon-color) !important; }

.sg-pm-block-icon--danger[b-rdl02ggbys]       { color: #dc2626 !important; }
.sg-pm-block-icon--danger[b-rdl02ggbys]::before { color: #dc2626 !important; }
.sg-pm-block-icon--green[b-rdl02ggbys]        { color: #15803d !important; }
.sg-pm-block-icon--green[b-rdl02ggbys]::before { color: #15803d !important; }

/* Bloco de atrasadas — borda de alarme quando tem itens */
.sg-pm-block--alarme[b-rdl02ggbys] {
    border-color: rgba(220,38,38,0.3);
    box-shadow: 0 0 0 2px rgba(220,38,38,0.08), 0 2px 8px rgba(220,38,38,0.05);
}

/* Badge de alarme/count no header do bloco */
.sg-pm-alarme-badge[b-rdl02ggbys],
.sg-pm-count-badge[b-rdl02ggbys] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 6px;
    border-radius: 20px;
    font-size: 0.65rem;
    font-weight: 700;
}

.sg-pm-alarme-badge[b-rdl02ggbys] {
    background: #dc2626;
    color: #fff;
}

.sg-pm-count-badge[b-rdl02ggbys] {
    background: var(--color-sf-primary);
    color: #fff;
}

/* ── Shimmer loading ────────────────────────────────────────────────────── */
@keyframes sg-pm-shimmer-b-rdl02ggbys {
    from { background-position: -400px 0; }
    to   { background-position: 400px 0; }
}

.sg-pm-shimmer[b-rdl02ggbys] {
    position: absolute;
    inset: 0;
    border-radius: 13px;
    background: linear-gradient(90deg,
        var(--color-sf-border-light) 25%,
        rgba(255,255,255,0.08) 50%,
        var(--color-sf-border-light) 75%);
    background-size: 800px 100%;
    animation: sg-pm-shimmer-b-rdl02ggbys 1.4s infinite linear;
}

.sg-pm-shimmer-block[b-rdl02ggbys] {
    height: 120px;
    border-radius: 8px;
    background: linear-gradient(90deg,
        var(--color-sf-border-light) 25%,
        rgba(255,255,255,0.08) 50%,
        var(--color-sf-border-light) 75%);
    background-size: 800px 100%;
    animation: sg-pm-shimmer-b-rdl02ggbys 1.4s infinite linear;
}

/* ── Empty states ───────────────────────────────────────────────────────── */
.sg-pm-empty[b-rdl02ggbys] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 28px 0;
    font-size: 0.8rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sg-pm-empty-icon[b-rdl02ggbys] {
    font-size: 20px;
    color: var(--color-sf-icon-color);
}

.sg-pm-empty--success[b-rdl02ggbys] {
    flex-direction: column;
    gap: 6px;
}

.sg-pm-empty-title[b-rdl02ggbys] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
}

.sg-pm-empty-sub[b-rdl02ggbys] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
}

/* ── Unit solo card ────────────────────────────────────────────────────── */
/* Quando há só 1 unidade no escopo, mostra um card resumo elegante */
.sg-pm-unit-solo[b-rdl02ggbys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    background: linear-gradient(135deg, #eef2ff 0%, #f5f3ff 100%);
    border: 1px solid rgba(67,56,202,0.12);
    border-left: 3px solid #4338ca;
    border-radius: 10px;
    gap: 24px;
}

.sg-pm-unit-solo-name[b-rdl02ggbys] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #0f172a;
    flex: 1;
    min-width: 0;
}

.sg-pm-unit-solo-stats[b-rdl02ggbys] {
    display: flex;
    gap: 28px;
    flex-shrink: 0;
}

.sg-pm-unit-stat[b-rdl02ggbys] {
    text-align: right;
}

.sg-pm-unit-stat-num[b-rdl02ggbys] {
    display: block;
    font-size: 1.05rem;
    font-weight: 700;
    color: #4338ca;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.sg-pm-unit-stat-label[b-rdl02ggbys] {
    display: block;
    font-size: 0.62rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 600;
    margin-top: 2px;
}

/* ── Client table ───────────────────────────────────────────────────────── */
.sg-pm-client-table[b-rdl02ggbys] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.sg-pm-client-header[b-rdl02ggbys] {
    display: grid;
    grid-template-columns: 1fr 72px 72px 110px 100px;
    padding: 6px 8px;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--color-sf-content-text-color-alt1);
    border-bottom: 1px solid var(--color-sf-border-light);
}

.sg-pm-client-row[b-rdl02ggbys] {
    display: grid;
    grid-template-columns: 1fr 72px 72px 110px 100px;
    padding: 9px 8px;
    border: none;
    background: transparent;
    border-bottom: 1px solid var(--color-sf-border-light);
    cursor: pointer;
    text-align: left;
    align-items: center;
    transition: background 120ms;
    border-radius: 0;
    font-size: 0.8rem;
    color: var(--color-sf-content-text-color);
    width: 100%;
}

.sg-pm-client-row:hover[b-rdl02ggbys] {
    background: var(--color-sf-primary-bg-color);
}

.sg-pm-client-row:last-child[b-rdl02ggbys] {
    border-bottom: none;
}

.sg-pm-client-name[b-rdl02ggbys] {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sg-pm-col-center[b-rdl02ggbys] { text-align: center; }
.sg-pm-col-right[b-rdl02ggbys]  { text-align: right; }

.sg-pm-valor-tabular[b-rdl02ggbys] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--color-sf-content-text-color);
}

/* Progress bar inline */
.sg-pm-pct-wrap[b-rdl02ggbys] {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-end;
}

.sg-pm-pct-bar[b-rdl02ggbys] {
    display: inline-block;
    height: 4px;
    background: var(--color-sf-primary);
    border-radius: 2px;
    max-width: 48px;
    min-width: 2px;
    opacity: 0.6;
}

.sg-pm-pct-label[b-rdl02ggbys] {
    font-size: 0.7rem;
    color: var(--color-sf-content-text-color-alt1);
    min-width: 36px;
    text-align: right;
}

/* ── Vendedores list ───────────────────────────────────────────────────── */
.sg-pm-vendedor-list[b-rdl02ggbys] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sg-pm-vendedor-row[b-rdl02ggbys] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sg-pm-avatar[b-rdl02ggbys] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
    text-transform: uppercase;
}

.sg-pm-vendedor-info[b-rdl02ggbys] {
    flex: 1;
    min-width: 0;
}

.sg-pm-vendedor-nome[b-rdl02ggbys] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sg-pm-vendedor-meta[b-rdl02ggbys] {
    font-size: 0.7rem;
    color: var(--color-sf-content-text-color-alt1);
    font-variant-numeric: tabular-nums;
}

/* ── Aging list ─────────────────────────────────────────────────────────── */
.sg-pm-aging-list[b-rdl02ggbys] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sg-pm-aging-row[b-rdl02ggbys] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border-radius: 8px;
    background: rgba(0,0,0,0.02);
}

.sg-pm-aging-label[b-rdl02ggbys] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.78rem;
    font-weight: 500;
}

.sg-pm-aging-dot[b-rdl02ggbys] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.sg-pm-aging-count[b-rdl02ggbys] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    min-width: 30px;
    text-align: right;
}

.sg-pm-aging-valor[b-rdl02ggbys] {
    font-size: 0.75rem;
    color: var(--color-sf-content-text-color-alt1);
    min-width: 90px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* ── Grids (atrasadas + aprovadas) ─────────────────────────────────────── */
[b-rdl02ggbys] .sg-pm-grid.e-grid {
    border: none !important;
    border-radius: 8px !important;
    overflow: hidden;
}

[b-rdl02ggbys] .sg-pm-grid .e-headercell {
    background: var(--color-sf-content-bg-color) !important;
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    color: var(--color-sf-content-text-color-alt1) !important;
}

[b-rdl02ggbys] .sg-pm-grid .e-rowcell {
    font-size: 0.8rem !important;
    color: var(--color-sf-content-text-color) !important;
    padding: 8px 12px !important;
}

[b-rdl02ggbys] .sg-pm-grid .e-altrow {
    background: rgba(0,0,0,0.015) !important;
}

/* ── Badges de dias parada ──────────────────────────────────────────────── */
.sg-pm-dias-badge[b-rdl02ggbys] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 9px;
    border-radius: 8px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.015em;
    color: #fff !important;
    font-variant-numeric: tabular-nums;
    box-shadow: 0 1px 1px rgba(0,0,0,0.12);
    /* override dos overrides do tema dark que enfraquecem texto */
    text-shadow: 0 1px 1px rgba(0,0,0,0.18);
}
.sg-pm-dias-badge span[b-rdl02ggbys] { color: inherit !important; }

/* ── Botão Reenviar ─────────────────────────────────────────────────────── */
.sg-pm-btn-reenviar[b-rdl02ggbys] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 11px;
    border: 1px solid var(--color-sf-primary);
    background: transparent;
    color: var(--color-sf-primary);
    border-radius: 7px;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 140ms, color 140ms;
}

.sg-pm-btn-reenviar:hover[b-rdl02ggbys] {
    background: var(--color-sf-primary);
    color: #fff;
}

.sg-pm-btn-reenviar:disabled[b-rdl02ggbys] {
    opacity: 0.6;
    cursor: default;
}

.sg-pm-btn-reenviar span[class*="icon-"][b-rdl02ggbys]::before { color: inherit !important; }
.sg-pm-btn-reenviar span[b-rdl02ggbys] { color: inherit !important; }

/* ── Grupo de botões inline (Enviar + Aprovar + Cancelar) ──────────────── */
.sg-pm-btn-group[b-rdl02ggbys] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    flex-wrap: nowrap;
}

/* ── Botão Aprovar (verde) ─────────────────────────────────────────────── */
.sg-pm-btn-aprovar[b-rdl02ggbys] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 11px;
    border: 1px solid #16a34a;
    background: transparent;
    color: #16a34a;
    border-radius: 7px;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 140ms, color 140ms;
}
.sg-pm-btn-aprovar:hover:not(:disabled)[b-rdl02ggbys] { background: #16a34a; color: #fff; }
.sg-pm-btn-aprovar:disabled[b-rdl02ggbys] { opacity: 0.5; cursor: default; }
.sg-pm-btn-aprovar span[class*="icon-"][b-rdl02ggbys]::before { color: inherit !important; }
.sg-pm-btn-aprovar span[b-rdl02ggbys] { color: inherit !important; }

/* ── Status badge — fundo sólido + texto branco pra contraste no dark ──── */
.sg-pm-status-badge[b-rdl02ggbys] {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 8px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.015em;
    cursor: default;
    color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.18);
    box-shadow: 0 1px 1px rgba(0,0,0,0.12);
}
.sg-pm-status-badge span[b-rdl02ggbys] { color: inherit !important; }

.sg-pm-status-aberta[b-rdl02ggbys]    { background: #d97706; }   /* amber */
.sg-pm-status-enviada[b-rdl02ggbys]   { background: #1d4ed8; }   /* blue  */
.sg-pm-status-aprovada[b-rdl02ggbys]  { background: #16a34a; }   /* green */
.sg-pm-status-faturada[b-rdl02ggbys]  { background: #0d9488; }   /* teal  */
.sg-pm-status-cancelada[b-rdl02ggbys] { background: #b91c1c; }   /* red   */

/* ── Layout 2 gráficos lado a lado (bloco-row) ─────────────────────────── */
.sg-pm-block-row[b-rdl02ggbys] {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}
.sg-pm-block--half[b-rdl02ggbys] {
    flex: 1 1 0;
    min-width: 0;
    margin-bottom: 0;
}
@media (max-width: 1100px) {
    .sg-pm-block-row[b-rdl02ggbys] { flex-direction: column; }
}

/* ── Variante do header-icon do diálogo de Aprovação (verde) ───────────── */
.sg-pm-dlg-header-icon--ok[b-rdl02ggbys]::before { color: #16a34a !important; }

/* ── Botão Success (modal Aprovação) ───────────────────────────────────── */
.sg-pm-btn-success[b-rdl02ggbys] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 16px; border-radius: 8px;
    font-size: 0.82rem; font-weight: 600;
    cursor: pointer; border: 1px solid #16a34a;
    background: #16a34a; color: #fff;
    box-shadow: 0 2px 6px rgba(22,163,74,0.25);
    transition: background 140ms, border-color 140ms, box-shadow 140ms;
}
.sg-pm-btn-success:hover:not(:disabled)[b-rdl02ggbys] {
    background: #15803d; border-color: #15803d;
    box-shadow: 0 4px 12px rgba(22,163,74,0.35);
}
.sg-pm-btn-success:disabled[b-rdl02ggbys] { opacity: 0.5; cursor: default; box-shadow: none; }
.sg-pm-btn-success span[class*="icon-"][b-rdl02ggbys]::before,
.sg-pm-btn-success span[b-rdl02ggbys] { color: inherit !important; }

/* ── Botão Cancelar (variante destrutiva, ícone-only por padrão) ───────── */
.sg-pm-btn-cancelar[b-rdl02ggbys] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 5px 11px;
    border: 1px solid #fecaca;
    background: transparent;
    color: #dc2626;
    border-radius: 7px;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 140ms, color 140ms, border-color 140ms;
}
.sg-pm-btn-cancelar span[b-rdl02ggbys] { color: inherit !important; }
.sg-pm-btn-cancelar span[class*="icon-"][b-rdl02ggbys]::before { color: inherit !important; }
.sg-pm-btn-cancelar:hover[b-rdl02ggbys] { background: #dc2626; color: #fff; border-color: #dc2626; }
.sg-pm-btn-cancelar:disabled[b-rdl02ggbys] { opacity: 0.5; cursor: default; }
.sg-pm-btn-cancelar span[class*="icon-"][b-rdl02ggbys]::before { color: inherit !important; font-size: 14px; }

/* ── Diálogo de cancelamento ──────────────────────────────────────────── */
.sg-pm-dlg-header[b-rdl02ggbys] {
    display: flex; align-items: center; gap: 10px;
    font-size: 0.95rem; font-weight: 600;
}
.sg-pm-dlg-header-icon[b-rdl02ggbys]::before { color: #dc2626 !important; font-size: 22px; }
.sg-pm-dlg-body[b-rdl02ggbys] { padding: 4px 0; display: flex; flex-direction: column; gap: 14px; }
.sg-pm-dlg-text[b-rdl02ggbys] {
    margin: 0; font-size: 0.85rem; line-height: 1.5;
    color: var(--color-sf-content-text-color-alt1, #475569);
}
.sg-pm-dlg-text code[b-rdl02ggbys] {
    background: #f1f5f9; padding: 1px 6px; border-radius: 4px; font-size: 0.78rem;
}
.sg-pm-dlg-meta[b-rdl02ggbys] {
    display: flex; flex-direction: column; gap: 4px;
    background: #f8fafc; padding: 10px 12px; border-radius: 8px;
    border: 1px solid #e2e8f0; font-size: 0.82rem;
}
.sg-pm-dlg-meta strong[b-rdl02ggbys] { color: #0f172a; margin-right: 4px; }
.sg-pm-dlg-label[b-rdl02ggbys] {
    font-size: 0.82rem; font-weight: 600; color: #334155;
    margin: 4px 0 -8px;
}
.sg-pm-dlg-required[b-rdl02ggbys] { color: #dc2626; }
.sg-pm-dlg-textarea[b-rdl02ggbys] {
    width: 100%; resize: vertical;
    padding: 9px 12px;
    border: 1.5px solid #e2e8f0; border-radius: 8px;
    font-size: 0.88rem; font-family: inherit;
    background: #f8fafc; outline: none;
    transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}
.sg-pm-dlg-textarea:focus[b-rdl02ggbys] {
    border-color: #0851A3; background: #fff;
    box-shadow: 0 0 0 3px rgba(8,81,163,0.10);
}
.sg-pm-dlg-counter[b-rdl02ggbys] {
    align-self: flex-end; font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt2, #94a3b8);
    margin-top: -8px;
}
.sg-pm-dlg-footer[b-rdl02ggbys] {
    display: flex; gap: 10px; justify-content: flex-end;
    padding-top: 6px;
}
.sg-pm-btn-secondary[b-rdl02ggbys], .sg-pm-btn-danger[b-rdl02ggbys] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 16px; border-radius: 8px;
    font-size: 0.82rem; font-weight: 600;
    cursor: pointer; border: 1px solid transparent;
    transition: background 140ms, color 140ms, border-color 140ms;
}
.sg-pm-btn-secondary[b-rdl02ggbys] {
    background: transparent; color: #475569; border-color: #cbd5e1;
}
.sg-pm-btn-secondary:hover[b-rdl02ggbys] { background: #f1f5f9; }
.sg-pm-btn-secondary:disabled[b-rdl02ggbys] { opacity: 0.5; cursor: default; }
.sg-pm-btn-danger[b-rdl02ggbys] {
    background: #dc2626; color: #fff; border-color: #dc2626;
    box-shadow: 0 2px 6px rgba(220,38,38,0.25);
}
.sg-pm-btn-danger:hover:not(:disabled)[b-rdl02ggbys] {
    background: #b91c1c; border-color: #b91c1c;
    box-shadow: 0 4px 12px rgba(220,38,38,0.35);
}
.sg-pm-btn-danger:disabled[b-rdl02ggbys] { opacity: 0.5; cursor: default; box-shadow: none; }
.sg-pm-btn-danger span[class*="icon-"][b-rdl02ggbys]::before,
.sg-pm-btn-danger span[b-rdl02ggbys] { color: inherit !important; }

/* Spinner animado no botão */
.sg-pm-spin[b-rdl02ggbys] {
    animation: sg-pm-spin-anim-b-rdl02ggbys 0.7s linear infinite;
    display: inline-block;
}

/* ── Responsividade ────────────────────────────────────────────────────── */
@media (max-width: 1500px) {
    .sg-pm-kpi-row[b-rdl02ggbys] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1100px) {
    .sg-pm-body-grid[b-rdl02ggbys] {
        grid-template-columns: 1fr;
    }
    .sg-pm-col-side[b-rdl02ggbys] {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .sg-pm-col-side .sg-pm-block[b-rdl02ggbys] {
        flex: 1;
        min-width: 280px;
    }
}

@media (max-width: 800px) {
    .sg-pm-shell[b-rdl02ggbys] {
        flex-direction: column;
        height: auto;
    }
    .sg-pm-sidebar[b-rdl02ggbys] {
        width: 100%;
        min-width: 0;
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .sg-pm-kpi-row[b-rdl02ggbys] {
        grid-template-columns: repeat(2, 1fr);
    }
    .sg-pm-main[b-rdl02ggbys] {
        padding: 14px 14px 24px;
    }
}

/* Dialog Detalhe da Medição — CSS em wwwroot/app.css (SfDialog teleporta pro body) */
/* /Components/Pages/Financeiro/Comissoes.razor.rz.scp.css */
/* ══ Comissões — layout Fiori Horizon (sidebar escuro + conteúdo branco) ══ */

.sg-com-shell[b-eaa2ocqkrp] {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 0;
    min-height: calc(100vh - 60px);
    background: var(--color-sf-content-bg-color);
}

/* ── Sidebar ────────────────────────────────────────────────────────────── */
.sg-com-sidebar[b-eaa2ocqkrp] {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    color: #cbd5e1;
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.sg-com-sidebar-header[b-eaa2ocqkrp] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.sg-com-sidebar-icon[b-eaa2ocqkrp]  { font-size: 1.6rem; color: #16a34a; }
.sg-com-sidebar-title[b-eaa2ocqkrp] { font-size: 0.95rem; font-weight: 700; color: #fff; }
.sg-com-sidebar-sub[b-eaa2ocqkrp]   { font-size: 0.7rem; color: #94a3b8; }

.sg-com-filter-section[b-eaa2ocqkrp] { display: flex; flex-direction: column; gap: 8px; }
.sg-com-filter-label[b-eaa2ocqkrp] {
    font-size: 0.65rem; font-weight: 700; color: #94a3b8;
    text-transform: uppercase; letter-spacing: 0.04em;
}

.sg-com-scope-toggle[b-eaa2ocqkrp] { display: flex; background: rgba(255,255,255,0.05); border-radius: 8px; padding: 3px; }
.sg-com-scope-btn[b-eaa2ocqkrp] {
    flex: 1; padding: 6px 10px; border: none;
    background: transparent; color: #cbd5e1;
    font-size: 0.72rem; font-weight: 600; border-radius: 6px;
    cursor: pointer; transition: background 140ms, color 140ms;
}
.sg-com-scope-btn--active[b-eaa2ocqkrp] { background: #16a34a; color: #fff; }
.sg-com-scope-single[b-eaa2ocqkrp] {
    padding: 8px 10px; background: rgba(255,255,255,0.05);
    border-radius: 8px; font-size: 0.78rem; color: #fff;
}

.sg-com-loading[b-eaa2ocqkrp] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 10px; background: rgba(255,255,255,0.05);
    border-radius: 8px; font-size: 0.72rem; color: #94a3b8;
}
.sg-com-spin[b-eaa2ocqkrp] { animation: sg-com-rotate-b-eaa2ocqkrp 1.2s linear infinite; }
@keyframes sg-com-rotate-b-eaa2ocqkrp { to { transform: rotate(360deg); } }

/* ── Conteúdo ───────────────────────────────────────────────────────────── */
.sg-com-content[b-eaa2ocqkrp] {
    padding: 16px 24px 32px;
    background: var(--color-sf-content-bg-color);
    overflow-y: auto;
}
.sg-com-crumb[b-eaa2ocqkrp] {
    font-size: 0.78rem; color: var(--color-sf-content-text-color-alt1);
    display: flex; align-items: center; gap: 6px; margin-bottom: 14px;
}
.sg-com-crumb-sep[b-eaa2ocqkrp] { font-size: 0.85rem; }

/* ── KPIs (5 cards: Cobertura, Base, Cenário Título, Cenário Liquidado, Δ) ─ */
.sg-com-kpi-bar[b-eaa2ocqkrp] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0,1fr));
    gap: 10px;
    margin-bottom: 14px;
}
.sg-com-kpi[b-eaa2ocqkrp] {
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 10px;
    padding: 11px 13px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.sg-com-kpi-label[b-eaa2ocqkrp] {
    font-size: 0.68rem; font-weight: 600;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase; letter-spacing: 0.02em; margin-bottom: 4px;
}
.sg-com-kpi-value[b-eaa2ocqkrp] {
    font-size: 1.05rem; font-weight: 700;
    color: var(--color-sf-content-text-color);
    font-variant-numeric: tabular-nums; line-height: 1.25;
}
.sg-com-kpi-sub[b-eaa2ocqkrp] {
    font-size: 0.68rem; color: var(--color-sf-content-text-color-alt2);
    margin-top: 2px;
}
.sg-com-kpi--principal[b-eaa2ocqkrp] { border-left: 4px solid #475569; }
.sg-com-kpi--base[b-eaa2ocqkrp]      { border-left: 4px solid #d97706; }
.sg-com-kpi--titulo[b-eaa2ocqkrp]    { border-left: 4px solid #64748b; }
.sg-com-kpi--liquidado[b-eaa2ocqkrp] { border-left: 4px solid #0851A3; }
.sg-com-kpi--delta[b-eaa2ocqkrp]     { border-left: 4px solid #16a34a; }

.sg-com-pos[b-eaa2ocqkrp] { color: #15803d; }
.sg-com-neg[b-eaa2ocqkrp] { color: #b91c1c; }

@media (max-width: 1300px) {
    .sg-com-kpi-bar[b-eaa2ocqkrp] { grid-template-columns: repeat(2, 1fr); }
}

/* ── Blocos ─────────────────────────────────────────────────────────────── */
.sg-com-block[b-eaa2ocqkrp] {
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 14px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
.sg-com-block-head[b-eaa2ocqkrp] {
    display: flex; align-items: center; gap: 8px;
    font-size: 0.78rem; font-weight: 700;
    color: var(--color-sf-content-text-color);
    text-transform: uppercase; letter-spacing: 0.04em;
    margin-bottom: 10px;
}
.sg-com-block-head span[class*="icon-"][b-eaa2ocqkrp] { font-size: 1rem; }

.sg-com-block-row[b-eaa2ocqkrp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}
.sg-com-block--half[b-eaa2ocqkrp] { margin-bottom: 0; }
@media (max-width: 1100px) {
    .sg-com-block-row[b-eaa2ocqkrp] { grid-template-columns: 1fr; }
}

/* Charts: fundo transparente + texto seguindo o tema */
.sg-com-block[b-eaa2ocqkrp]  .e-chart text {
    fill: var(--color-sf-content-text-color) !important;
}
.sg-com-block[b-eaa2ocqkrp]  .e-chart line.e-axis-line,
.sg-com-block[b-eaa2ocqkrp]  .e-chart line.e-major-grid-lines {
    stroke: var(--color-sf-card-border-color) !important;
}

/* Cenários: cor visual distinta nos numbers da tabela */
.sg-com-cenario-tit[b-eaa2ocqkrp] { color: #475569; font-weight: 600; }
.sg-com-cenario-liq[b-eaa2ocqkrp] { color: #0851A3; font-weight: 600; }
.sg-com-muted[b-eaa2ocqkrp]       { color: var(--color-sf-content-text-color-alt2); }

.sg-com-dias-warn[b-eaa2ocqkrp] {
    display: inline-block;
    padding: 2px 8px;
    background: #d97706;
    color: #fff;
    border-radius: 6px;
    font-size: 0.65rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.sg-com-empty[b-eaa2ocqkrp] {
    padding: 18px 8px;
    text-align: center;
    color: var(--color-sf-content-text-color-alt1);
    font-size: 0.85rem;
}

/* ── Skeleton ──────────────────────────────────────────────────────────── */
.sg-com-skeleton-bar[b-eaa2ocqkrp] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}
.sg-com-skeleton-card[b-eaa2ocqkrp] {
    height: 90px; border-radius: 10px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-com-shimmer-b-eaa2ocqkrp 1.4s linear infinite;
    opacity: 0.25;
}
.sg-com-skeleton-row[b-eaa2ocqkrp] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px;
}
.sg-com-skeleton-block[b-eaa2ocqkrp] {
    height: 280px; border-radius: 12px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-com-shimmer-b-eaa2ocqkrp 1.4s linear infinite;
    opacity: 0.20;
}
.sg-com-skeleton-list[b-eaa2ocqkrp] {
    height: 240px; border-radius: 12px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-com-shimmer-b-eaa2ocqkrp 1.4s linear infinite;
    opacity: 0.18;
}
@keyframes sg-com-shimmer-b-eaa2ocqkrp {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* /Components/Pages/Financeiro/ComissoesParametrizacao.razor.rz.scp.css */
/* ══ Parametrização de Comissões — layout Fiori Horizon ══ */

.sg-cmp-shell[b-ch3n47kcfl] {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    min-height: calc(100vh - 60px);
    background: var(--color-sf-content-bg-color);
}

/* ── Sidebar ────────────────────────────────────────────────────────────── */
.sg-cmp-sidebar[b-ch3n47kcfl] {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    color: #cbd5e1;
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.sg-cmp-sidebar-header[b-ch3n47kcfl] {
    display: flex; align-items: center; gap: 11px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.sg-cmp-sidebar-icon[b-ch3n47kcfl]  { font-size: 1.6rem; color: #7c3aed; }
.sg-cmp-sidebar-title[b-ch3n47kcfl] { font-size: 0.95rem; font-weight: 700; color: #fff; }
.sg-cmp-sidebar-sub[b-ch3n47kcfl]   { font-size: 0.7rem; color: #94a3b8; }

.sg-cmp-filter-section[b-ch3n47kcfl] { display: flex; flex-direction: column; gap: 8px; }
.sg-cmp-filter-label[b-ch3n47kcfl] {
    font-size: 0.65rem; font-weight: 700; color: #94a3b8;
    text-transform: uppercase; letter-spacing: 0.04em;
}

.sg-cmp-loading[b-ch3n47kcfl] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 10px; background: rgba(255,255,255,0.05);
    border-radius: 8px; font-size: 0.72rem; color: #94a3b8;
}
.sg-cmp-spin[b-ch3n47kcfl] { animation: sg-cmp-rotate-b-ch3n47kcfl 1.2s linear infinite; }
@keyframes sg-cmp-rotate-b-ch3n47kcfl { to { transform: rotate(360deg); } }

/* ── Conteúdo ───────────────────────────────────────────────────────────── */
.sg-cmp-content[b-ch3n47kcfl] {
    padding: 16px 24px 32px;
    background: var(--color-sf-content-bg-color);
    overflow-y: auto;
}
.sg-cmp-crumb[b-ch3n47kcfl] {
    font-size: 0.78rem; color: var(--color-sf-content-text-color-alt1);
    display: flex; align-items: center; gap: 6px; margin-bottom: 14px;
}
.sg-cmp-crumb a[b-ch3n47kcfl] { color: inherit; text-decoration: none; }
.sg-cmp-crumb a:hover[b-ch3n47kcfl] { text-decoration: underline; }
.sg-cmp-crumb-sep[b-ch3n47kcfl] { font-size: 0.85rem; }

/* ── KPIs ──────────────────────────────────────────────────────────────── */
.sg-cmp-kpi-bar[b-ch3n47kcfl] {
    display: grid; grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 10px; margin-bottom: 14px;
}
.sg-cmp-kpi[b-ch3n47kcfl] {
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 10px; padding: 11px 13px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.sg-cmp-kpi-label[b-ch3n47kcfl] {
    font-size: 0.68rem; font-weight: 600;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase; letter-spacing: 0.02em; margin-bottom: 4px;
}
.sg-cmp-kpi-value[b-ch3n47kcfl] {
    font-size: 1.15rem; font-weight: 700;
    color: var(--color-sf-content-text-color);
    font-variant-numeric: tabular-nums;
}
.sg-cmp-kpi-sub[b-ch3n47kcfl] {
    font-size: 0.68rem; color: var(--color-sf-content-text-color-alt2);
    margin-top: 2px;
}
.sg-cmp-kpi--total[b-ch3n47kcfl]    { border-left: 4px solid #7c3aed; }
.sg-cmp-kpi--contrato[b-ch3n47kcfl] { border-left: 4px solid #0851A3; }
.sg-cmp-kpi--vendedor[b-ch3n47kcfl] { border-left: 4px solid #16a34a; }
.sg-cmp-kpi--per[b-ch3n47kcfl]      { border-left: 4px solid #d97706; }
@media (max-width: 1100px) {
    .sg-cmp-kpi-bar[b-ch3n47kcfl] { grid-template-columns: repeat(2, 1fr); }
}

/* ── Blocos ─────────────────────────────────────────────────────────────── */
.sg-cmp-block[b-ch3n47kcfl] {
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 12px; padding: 14px 16px;
    margin-bottom: 14px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
.sg-cmp-block-head[b-ch3n47kcfl] {
    display: flex; align-items: center; gap: 8px;
    font-size: 0.78rem; font-weight: 700;
    color: var(--color-sf-content-text-color);
    text-transform: uppercase; letter-spacing: 0.04em;
    margin-bottom: 10px;
}
.sg-cmp-block-head span[class*="icon-"][b-ch3n47kcfl] { font-size: 1rem; }
.sg-cmp-block-head-sub[b-ch3n47kcfl] {
    margin-left: auto;
    font-size: 0.68rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt2);
    text-transform: none;
    letter-spacing: 0;
}
.sg-cmp-block-row[b-ch3n47kcfl] {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 14px; margin-bottom: 14px;
}
.sg-cmp-block--half[b-ch3n47kcfl] { margin-bottom: 0; }
@media (max-width: 1100px) {
    .sg-cmp-block-row[b-ch3n47kcfl] { grid-template-columns: 1fr; }
}

/* Charts: texto/eixo seguem tema */
.sg-cmp-block[b-ch3n47kcfl]  .e-chart text {
    fill: var(--color-sf-content-text-color) !important;
}
.sg-cmp-block[b-ch3n47kcfl]  .e-chart line.e-axis-line,
.sg-cmp-block[b-ch3n47kcfl]  .e-chart line.e-major-grid-lines {
    stroke: var(--color-sf-card-border-color) !important;
}

/* ── Timeline custom (vendedor × período) ───────────────────────────────── */
.sg-cmp-timeline[b-ch3n47kcfl] {
    display: flex; flex-direction: column;
    gap: 4px;
    padding: 8px 4px;
}
.sg-cmp-timeline-axis[b-ch3n47kcfl] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 12px;
    align-items: center;
    font-size: 11px;
    color: var(--color-sf-content-text-color-alt1);
    margin-bottom: 8px;
}
.sg-cmp-timeline-axis-spacer[b-ch3n47kcfl] { display: block; }
.sg-cmp-timeline-axis-track[b-ch3n47kcfl] {
    position: relative;
    height: 18px;
    border-bottom: 1px dashed var(--color-sf-card-border-color);
}
.sg-cmp-timeline-axis-min[b-ch3n47kcfl],
.sg-cmp-timeline-axis-max[b-ch3n47kcfl],
.sg-cmp-timeline-axis-hoje[b-ch3n47kcfl] {
    position: absolute;
    top: 0;
    font-weight: 600;
    line-height: 16px;
    font-variant-numeric: tabular-nums;
}
.sg-cmp-timeline-axis-min[b-ch3n47kcfl] { left: 0; }
.sg-cmp-timeline-axis-max[b-ch3n47kcfl] { right: 0; }
.sg-cmp-timeline-axis-hoje[b-ch3n47kcfl] {
    transform: translateX(-50%);
    color: #dc2626;
    background: rgba(220,38,38,0.10);
    padding: 0 6px;
    border-radius: 4px;
    font-size: 10px;
}
.sg-cmp-timeline-row[b-ch3n47kcfl] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 12px;
    align-items: center;
    min-height: 26px;
}
.sg-cmp-timeline-label[b-ch3n47kcfl] {
    display: flex; flex-direction: column;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sg-cmp-timeline-vendor[b-ch3n47kcfl] {
    font-size: 12px; font-weight: 600;
    color: var(--color-sf-content-text-color);
    overflow: hidden; text-overflow: ellipsis;
}
.sg-cmp-timeline-grupo[b-ch3n47kcfl] {
    font-size: 10px;
    color: var(--color-sf-content-text-color-alt2);
}
.sg-cmp-timeline-track[b-ch3n47kcfl] {
    position: relative;
    height: 20px;
    background: linear-gradient(90deg,
        rgba(148,163,184,0.06) 0%,
        rgba(148,163,184,0.10) 50%,
        rgba(148,163,184,0.06) 100%);
    border-radius: 4px;
}
.sg-cmp-timeline-bar[b-ch3n47kcfl] {
    position: absolute; top: 1px; bottom: 1px;
    border: 1px solid; border-radius: 4px;
    display: flex; align-items: center;
    padding: 0 6px;
    overflow: hidden;
    cursor: help;
    transition: filter 120ms;
}
.sg-cmp-timeline-bar:hover[b-ch3n47kcfl] { filter: brightness(1.1); }
.sg-cmp-timeline-bar-info[b-ch3n47kcfl] {
    font-size: 10px;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    white-space: nowrap;
}
.sg-cmp-timeline-bar.is-encerrado[b-ch3n47kcfl] {
    opacity: 0.55;
    filter: grayscale(35%);
}

/* ── Trilha de log (SYS_LOG) abaixo da barra do vendedor ────────────────── */
.sg-cmp-timeline-log-row[b-ch3n47kcfl] {
    min-height: 10px;
    margin-top: -2px;
    margin-bottom: 2px;
}
.sg-cmp-timeline-log-label[b-ch3n47kcfl] {
    display: flex; align-items: center; justify-content: flex-end;
    gap: 4px;
    font-size: 9px;
    font-variant-numeric: tabular-nums;
    color: var(--color-sf-content-text-color-alt2);
    padding-right: 2px;
}
.sg-cmp-timeline-log-label span[class*="icon-"][b-ch3n47kcfl] {
    font-size: 11px;
    opacity: 0.7;
}
.sg-cmp-timeline-track--log[b-ch3n47kcfl] {
    height: 8px;
    background: transparent;
    border-radius: 0;
    border-top: 1px dotted var(--color-sf-card-border-color);
}
.sg-cmp-timeline-log-marker[b-ch3n47kcfl] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6px; height: 6px;
    border-radius: 50%;
    cursor: help;
    box-shadow: 0 0 0 1.5px var(--color-sf-card-bg-color);
    transition: transform 120ms;
}
.sg-cmp-timeline-log-marker:hover[b-ch3n47kcfl] {
    transform: translate(-50%, -50%) scale(1.7);
    z-index: 2;
}
.sg-cmp-timeline-log-marker.is-insert[b-ch3n47kcfl] {
    background: #16a34a;
    width: 9px; height: 9px;             /* INSERT é o evento mais importante — destaque visual */
    box-shadow: 0 0 0 2px var(--color-sf-card-bg-color), 0 0 0 3px rgba(22,163,74,0.35);
}
.sg-cmp-timeline-log-marker.is-update[b-ch3n47kcfl]      { background: #94a3b8; }   /* alteração sem delta detectado */
.sg-cmp-timeline-log-marker.is-update-per[b-ch3n47kcfl]  { background: #0851A3; }   /* PER_COMISSAO mudou */
.sg-cmp-timeline-log-marker.is-update-vend[b-ch3n47kcfl] { background: #d97706; }   /* COD_VENDEDOR mudou */
.sg-cmp-timeline-log-marker.is-update-both[b-ch3n47kcfl] {
    background: linear-gradient(90deg, #0851A3 50%, #d97706 50%);     /* mudou os dois */
}
.sg-cmp-timeline-log-marker.is-delete[b-ch3n47kcfl] { background: #dc2626; }
.sg-cmp-timeline-log-marker.is-other[b-ch3n47kcfl]  { background: #64748b; }

/* ── Barras SECUNDÁRIAS: estado efetivo (PER % + vendedor) entre eventos ── */
.sg-cmp-timeline-seg-row[b-ch3n47kcfl] {
    min-height: 14px;
    margin-top: -2px;
    margin-bottom: 0;
}
.sg-cmp-timeline-seg-label[b-ch3n47kcfl] {
    display: flex; align-items: center; justify-content: flex-end;
    gap: 4px;
    font-size: 9px;
    font-variant-numeric: tabular-nums;
    color: var(--color-sf-content-text-color-alt2);
    padding-right: 2px;
}
.sg-cmp-timeline-seg-label span[class*="icon-"][b-ch3n47kcfl] {
    font-size: 11px;
    opacity: 0.7;
}
.sg-cmp-timeline-track--seg[b-ch3n47kcfl] {
    height: 14px;
    background: transparent;
    border-radius: 0;
}
.sg-cmp-timeline-track--seg-main[b-ch3n47kcfl] {
    height: 22px;
    background: linear-gradient(90deg,
        rgba(148,163,184,0.06) 0%,
        rgba(148,163,184,0.10) 50%,
        rgba(148,163,184,0.06) 100%);
    border-radius: 4px;
}
.sg-cmp-timeline-seg[b-ch3n47kcfl] {
    position: absolute; top: 1px; bottom: 1px;
    border-radius: 3px;
    overflow: hidden;
    cursor: help;
    display: flex; align-items: center;
    padding: 0 4px;
    transition: filter 120ms;
}
.sg-cmp-timeline-seg:hover[b-ch3n47kcfl] { filter: brightness(1.08); }
/* Cor por vendedor — sobrescrita via inline style usando CSS vars
   (--seg-bg / --seg-border / --seg-text). Defaults = lilás antigo. */
.sg-cmp-timeline-seg.is-known[b-ch3n47kcfl] {
    background-color: var(--seg-bg, rgba(79,70,229,0.12));
    border: 1px solid var(--seg-border, rgba(79,70,229,0.40));
}
.sg-cmp-timeline-seg.is-partial[b-ch3n47kcfl] {
    background: repeating-linear-gradient(
        45deg,
        rgba(148,163,184,0.10),
        rgba(148,163,184,0.10) 4px,
        rgba(148,163,184,0.20) 4px,
        rgba(148,163,184,0.20) 8px);
    border: 1px dashed var(--seg-border, rgba(100,116,139,0.50));
}
/* Variante "main" — segmento como linha principal do vendedor (mais visível) */
.sg-cmp-timeline-seg--main.is-known[b-ch3n47kcfl] {
    background-color: var(--seg-bg, rgba(79,70,229,0.22));
    border: 1px solid var(--seg-border, rgba(79,70,229,0.65));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.20);
}
.sg-cmp-timeline-seg--main.is-partial[b-ch3n47kcfl] {
    border-color: var(--seg-border, rgba(100,116,139,0.65));
}
.sg-cmp-timeline-seg--main .sg-cmp-timeline-seg-per[b-ch3n47kcfl],
.sg-cmp-timeline-seg--main .sg-cmp-timeline-seg-vend[b-ch3n47kcfl] {
    font-size: 10px;
}
.sg-cmp-timeline-seg--main .sg-cmp-timeline-seg-per[b-ch3n47kcfl] { font-size: 11px; }
.sg-cmp-timeline-seg-info[b-ch3n47kcfl] {
    display: flex;
    align-items: baseline;
    gap: 5px;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.sg-cmp-timeline-seg-per[b-ch3n47kcfl] {
    font-size: 9px;
    font-weight: 700;
    color: var(--seg-text, #4f46e5);
    flex: 0 0 auto;
}
.sg-cmp-timeline-seg-vend[b-ch3n47kcfl] {
    font-size: 9px;
    font-weight: 500;
    color: var(--seg-text, #4f46e5);
    opacity: 0.85;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.sg-cmp-timeline-seg.is-partial .sg-cmp-timeline-seg-per[b-ch3n47kcfl],
.sg-cmp-timeline-seg.is-partial .sg-cmp-timeline-seg-vend[b-ch3n47kcfl] {
    color: #64748b;
}

/* Dot colorido antes do nome do vendedor (cor = mesma do vendedor atual) */
.sg-cmp-timeline-vend-dot[b-ch3n47kcfl] {
    display: inline-block;
    width: 8px; height: 8px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
    box-shadow: 0 0 0 1.5px var(--color-sf-card-bg-color);
}

/* Linha "meta" do label: PK COD_COMISSAO + texto de criação */
.sg-cmp-timeline-meta[b-ch3n47kcfl] {
    display: flex;
    align-items: baseline;
    gap: 4px;
    overflow: hidden;
    white-space: nowrap;
    min-width: 0;
}
.sg-cmp-timeline-cod[b-ch3n47kcfl] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 9px;
    font-weight: 600;
    color: #4f46e5;
    background: rgba(99,102,241,0.10);
    padding: 1px 5px;
    border-radius: 3px;
    flex: 0 0 auto;
}
.sg-cmp-timeline-criado[b-ch3n47kcfl] {
    font-size: 9px;
    color: #16a34a;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 1 1 auto;
}

/* ── Header de cada CONTRATO no agrupamento da timeline ─────────────────── */
.sg-cmp-contract-header[b-ch3n47kcfl] {
    margin: 10px 0 4px;
    padding: 6px 10px;
    display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap;
    background: linear-gradient(90deg, rgba(99,102,241,0.10), rgba(99,102,241,0.00));
    border-left: 3px solid #6366f1;
    border-radius: 4px;
    font-size: 12px;
}
.sg-cmp-contract-header.is-encerrado[b-ch3n47kcfl] {
    background: linear-gradient(90deg, rgba(100,116,139,0.10), rgba(100,116,139,0.00));
    border-left-color: #64748b;
}
.sg-cmp-contract-header:first-of-type[b-ch3n47kcfl] { margin-top: 0; }
.sg-cmp-contract-numero[b-ch3n47kcfl] {
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}
.sg-cmp-contract-tipo[b-ch3n47kcfl] {
    background: rgba(99,102,241,0.18);
    color: #4f46e5;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.sg-cmp-contract-header.is-encerrado .sg-cmp-contract-tipo[b-ch3n47kcfl] {
    background: rgba(100,116,139,0.18);
    color: #475569;
}
.sg-cmp-contract-cliente[b-ch3n47kcfl] {
    color: var(--color-sf-content-text-color-alt1);
    font-weight: 500;
    max-width: 38%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.sg-cmp-contract-grupo[b-ch3n47kcfl] {
    color: var(--color-sf-content-text-color-alt2);
    font-size: 11px;
}
.sg-cmp-contract-vendcount[b-ch3n47kcfl] {
    margin-left: auto;
    color: var(--color-sf-content-text-color-alt2);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── Badges no grid ────────────────────────────────────────────────────── */
.sg-cmp-badge[b-ch3n47kcfl] {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 6px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #fff;
}
.sg-cmp-badge-ok[b-ch3n47kcfl]  { background: #16a34a; }
.sg-cmp-badge-off[b-ch3n47kcfl] { background: #64748b; }

.sg-cmp-empty[b-ch3n47kcfl] {
    padding: 18px 8px; text-align: center;
    color: var(--color-sf-content-text-color-alt1);
    font-size: 0.85rem;
}

/* ── Skeleton ──────────────────────────────────────────────────────────── */
.sg-cmp-skeleton-bar[b-ch3n47kcfl] {
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 10px; margin-bottom: 14px;
}
.sg-cmp-skeleton-card[b-ch3n47kcfl] {
    height: 80px; border-radius: 10px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-cmp-shimmer-b-ch3n47kcfl 1.4s linear infinite;
    opacity: 0.25;
}
.sg-cmp-skeleton-row[b-ch3n47kcfl] {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 14px; margin-bottom: 14px;
}
.sg-cmp-skeleton-block[b-ch3n47kcfl] {
    height: 280px; border-radius: 12px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-cmp-shimmer-b-ch3n47kcfl 1.4s linear infinite;
    opacity: 0.20;
}
.sg-cmp-skeleton-list[b-ch3n47kcfl] {
    height: 320px; border-radius: 12px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-cmp-shimmer-b-ch3n47kcfl 1.4s linear infinite;
    opacity: 0.18;
}
@keyframes sg-cmp-shimmer-b-ch3n47kcfl {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* /Components/Pages/Financeiro/ContasPagar.razor.rz.scp.css */
/* ══ Contas a Pagar — layout Fiori Horizon (sidebar escuro + conteúdo branco) ══ */

.sg-cp-shell[b-wm36du9x2b] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 0;
    min-height: calc(100vh - 60px);
    background: var(--color-sf-content-bg-color);
}

/* ── Sidebar ────────────────────────────────────────────────────────────── */
.sg-cp-sidebar[b-wm36du9x2b] {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    color: #cbd5e1;
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.sg-cp-sidebar-header[b-wm36du9x2b] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.sg-cp-sidebar-icon[b-wm36du9x2b] {
    font-size: 1.6rem;
    color: #f97316;
}
.sg-cp-sidebar-title[b-wm36du9x2b] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
}
.sg-cp-sidebar-sub[b-wm36du9x2b] {
    font-size: 0.7rem;
    color: #94a3b8;
}

.sg-cp-filter-section[b-wm36du9x2b] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.sg-cp-filter-label[b-wm36du9x2b] {
    font-size: 0.65rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sg-cp-scope-toggle[b-wm36du9x2b] {
    display: flex;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    padding: 3px;
}
.sg-cp-scope-btn[b-wm36du9x2b] {
    flex: 1;
    padding: 6px 10px;
    border: none;
    background: transparent;
    color: #cbd5e1;
    font-size: 0.72rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: background 140ms, color 140ms;
}
.sg-cp-scope-btn--active[b-wm36du9x2b] {
    background: #f97316;
    color: #fff;
}
.sg-cp-scope-single[b-wm36du9x2b] {
    padding: 8px 10px;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    font-size: 0.78rem;
    color: #fff;
}

.sg-cp-loading[b-wm36du9x2b] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    font-size: 0.72rem;
    color: #94a3b8;
}
.sg-cp-spin[b-wm36du9x2b] {
    animation: sg-cp-rotate-b-wm36du9x2b 1.2s linear infinite;
}
@keyframes sg-cp-rotate-b-wm36du9x2b {
    to { transform: rotate(360deg); }
}

/* ── Conteúdo principal ─────────────────────────────────────────────────── */
.sg-cp-content[b-wm36du9x2b] {
    padding: 16px 24px 32px;
    background: var(--color-sf-content-bg-color);
    overflow-y: auto;
}
.sg-cp-crumb[b-wm36du9x2b] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 14px;
}
.sg-cp-crumb-sep[b-wm36du9x2b] {
    font-size: 0.85rem;
}

/* ── KPI bar ────────────────────────────────────────────────────────────── */
.sg-cp-kpi-bar[b-wm36du9x2b] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0,1fr));
    gap: 10px;
    margin-bottom: 14px;
}
.sg-cp-kpi[b-wm36du9x2b] {
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 10px;
    padding: 11px 13px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.sg-cp-kpi-label[b-wm36du9x2b] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 4px;
}
.sg-cp-kpi-value[b-wm36du9x2b] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    font-variant-numeric: tabular-nums;
}
.sg-cp-kpi-sub[b-wm36du9x2b] {
    font-size: 0.68rem;
    color: var(--color-sf-content-text-color-alt2);
    margin-top: 2px;
}

/* Acentos: vencido vermelho forte (URGENTE para pagar), pago em azul */
.sg-cp-kpi--total[b-wm36du9x2b]   { border-left: 4px solid #475569; }
.sg-cp-kpi--vencido[b-wm36du9x2b] { border-left: 4px solid #b91c1c; }
.sg-cp-kpi--hoje[b-wm36du9x2b]    { border-left: 4px solid #d97706; }
.sg-cp-kpi--prox7[b-wm36du9x2b]   { border-left: 4px solid #f97316; }
.sg-cp-kpi--pago[b-wm36du9x2b]    { border-left: 4px solid #1d4ed8; }

@media (max-width: 1100px) {
    .sg-cp-kpi-bar[b-wm36du9x2b] { grid-template-columns: repeat(2, 1fr); }
}

/* ── Blocos ─────────────────────────────────────────────────────────────── */
.sg-cp-block[b-wm36du9x2b] {
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 14px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
.sg-cp-block-head[b-wm36du9x2b] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
}
.sg-cp-block-head--alert[b-wm36du9x2b] {
    color: #b91c1c;
}
.sg-cp-block-head span[class*="icon-"][b-wm36du9x2b] {
    font-size: 1rem;
    color: inherit;
}

.sg-cp-block-row[b-wm36du9x2b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}
.sg-cp-block--half[b-wm36du9x2b] {
    margin-bottom: 0;
}
@media (max-width: 1100px) {
    .sg-cp-block-row[b-wm36du9x2b] { grid-template-columns: 1fr; }
}

/* Força o fundo do SfChart a ser transparente para não destoar no dark mode.
   No light mode também não atrapalha — o card já tem o fundo branco correto. */
.sg-cp-block[b-wm36du9x2b]  .e-chart,
.sg-cp-block[b-wm36du9x2b]  .e-chart svg {
    background: transparent !important;
}
/* Texto dos eixos e legenda herdam a cor do tema (em vez do preto fixo). */
.sg-cp-block[b-wm36du9x2b]  .e-chart text {
    fill: var(--color-sf-content-text-color) !important;
}
/* Linhas de grid mais discretas no dark */
.sg-cp-block[b-wm36du9x2b]  .e-chart line.e-axis-line,
.sg-cp-block[b-wm36du9x2b]  .e-chart line.e-major-grid-lines {
    stroke: var(--color-sf-card-border-color) !important;
}

/* ── Tabela ─────────────────────────────────────────────────────────────── */
.sg-cp-table[b-wm36du9x2b] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}
.sg-cp-table thead th[b-wm36du9x2b] {
    text-align: left;
    font-weight: 600;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--color-sf-content-text-color-alt1);
    padding: 8px 10px;
    border-bottom: 1px solid var(--color-sf-card-border-color);
    white-space: nowrap;
}
.sg-cp-table tbody td[b-wm36du9x2b] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--color-sf-card-border-color);
    color: var(--color-sf-content-text-color);
}
.sg-cp-table tbody tr:hover[b-wm36du9x2b] {
    background: rgba(0,0,0,0.02);
}
.sg-cp-num[b-wm36du9x2b] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.sg-cp-warn[b-wm36du9x2b] {
    color: #b91c1c;
    font-weight: 600;
}
.sg-cp-muted[b-wm36du9x2b] {
    color: var(--color-sf-content-text-color-alt2);
}
.sg-cp-dias[b-wm36du9x2b] {
    display: inline-block;
    padding: 2px 8px;
    background: #b91c1c;
    color: #fff;
    border-radius: 7px;
    font-size: 0.68rem;
    font-weight: 600;
    text-shadow: 0 1px 1px rgba(0,0,0,0.18);
}
.sg-cp-boleto-ok[b-wm36du9x2b] {
    display: inline-block;
    padding: 2px 8px;
    background: #16a34a;
    color: #fff;
    border-radius: 7px;
    font-size: 0.65rem;
    font-weight: 700;
    cursor: help;
}

.sg-cp-empty[b-wm36du9x2b] {
    padding: 18px 8px;
    text-align: center;
    color: var(--color-sf-content-text-color-alt1);
    font-size: 0.85rem;
}

/* ── Pill de contagem ──────────────────────────────────────────────────── */
.sg-cp-count-pill[b-wm36du9x2b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 20px;
    padding: 0 7px;
    background: #b91c1c;
    color: #fff;
    border-radius: 10px;
    font-size: 0.68rem;
    font-weight: 700;
    margin-left: 4px;
}
.sg-cp-count-pill--info[b-wm36du9x2b] {
    background: #f97316;
}

/* ── Skeleton ──────────────────────────────────────────────────────────── */
.sg-cp-skeleton-bar[b-wm36du9x2b] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}
.sg-cp-skeleton-card[b-wm36du9x2b] {
    height: 70px;
    border-radius: 10px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-cp-shimmer-b-wm36du9x2b 1.4s linear infinite;
    opacity: 0.25;
}
.sg-cp-skeleton-row[b-wm36du9x2b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}
.sg-cp-skeleton-block[b-wm36du9x2b] {
    height: 280px;
    border-radius: 12px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-cp-shimmer-b-wm36du9x2b 1.4s linear infinite;
    opacity: 0.20;
}
.sg-cp-skeleton-list[b-wm36du9x2b] {
    height: 200px;
    border-radius: 12px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-cp-shimmer-b-wm36du9x2b 1.4s linear infinite;
    opacity: 0.18;
}
@keyframes sg-cp-shimmer-b-wm36du9x2b {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* /Components/Pages/Financeiro/ContasReceber.razor.rz.scp.css */
/* ══ Contas a Receber — layout Fiori Horizon (sidebar escuro + conteúdo branco) ══ */

.sg-cr-shell[b-6d16cyj6cz] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 0;
    min-height: calc(100vh - 60px);
    background: var(--color-sf-content-bg-color);
}

/* ── Sidebar ────────────────────────────────────────────────────────────── */
.sg-cr-sidebar[b-6d16cyj6cz] {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    color: #cbd5e1;
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.sg-cr-sidebar-header[b-6d16cyj6cz] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.sg-cr-sidebar-icon[b-6d16cyj6cz] {
    font-size: 1.6rem;
    color: #16a34a;
}
.sg-cr-sidebar-title[b-6d16cyj6cz] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
}
.sg-cr-sidebar-sub[b-6d16cyj6cz] {
    font-size: 0.7rem;
    color: #94a3b8;
}

.sg-cr-filter-section[b-6d16cyj6cz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.sg-cr-filter-label[b-6d16cyj6cz] {
    font-size: 0.65rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Scope toggle */
.sg-cr-scope-toggle[b-6d16cyj6cz] {
    display: flex;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    padding: 3px;
}
.sg-cr-scope-btn[b-6d16cyj6cz] {
    flex: 1;
    padding: 6px 10px;
    border: none;
    background: transparent;
    color: #cbd5e1;
    font-size: 0.72rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: background 140ms, color 140ms;
}
.sg-cr-scope-btn--active[b-6d16cyj6cz] {
    background: #16a34a;
    color: #fff;
}
.sg-cr-scope-single[b-6d16cyj6cz] {
    padding: 8px 10px;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    font-size: 0.78rem;
    color: #fff;
}

.sg-cr-loading[b-6d16cyj6cz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    font-size: 0.72rem;
    color: #94a3b8;
}
.sg-cr-spin[b-6d16cyj6cz] {
    animation: sg-cr-rotate-b-6d16cyj6cz 1.2s linear infinite;
}
@keyframes sg-cr-rotate-b-6d16cyj6cz {
    to { transform: rotate(360deg); }
}

/* ── Conteúdo principal ─────────────────────────────────────────────────── */
.sg-cr-content[b-6d16cyj6cz] {
    padding: 16px 24px 32px;
    background: var(--color-sf-content-bg-color);
    overflow-y: auto;
}
.sg-cr-crumb[b-6d16cyj6cz] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 14px;
}
.sg-cr-crumb-sep[b-6d16cyj6cz] {
    font-size: 0.85rem;
}

/* ── KPI bar ────────────────────────────────────────────────────────────── */
.sg-cr-kpi-bar[b-6d16cyj6cz] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0,1fr));
    gap: 10px;
    margin-bottom: 14px;
}
.sg-cr-kpi[b-6d16cyj6cz] {
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 10px;
    padding: 11px 13px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.sg-cr-kpi-label[b-6d16cyj6cz] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 4px;
}
.sg-cr-kpi-value[b-6d16cyj6cz] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    font-variant-numeric: tabular-nums;
}
.sg-cr-kpi-sub[b-6d16cyj6cz] {
    font-size: 0.68rem;
    color: var(--color-sf-content-text-color-alt2);
    margin-top: 2px;
}

/* Variantes coloridas — barra de acento à esquerda */
.sg-cr-kpi--total[b-6d16cyj6cz]    { border-left: 4px solid #475569; }
.sg-cr-kpi--vencido[b-6d16cyj6cz]  { border-left: 4px solid #dc2626; }
.sg-cr-kpi--hoje[b-6d16cyj6cz]     { border-left: 4px solid #d97706; }
.sg-cr-kpi--prox7[b-6d16cyj6cz]    { border-left: 4px solid #1d4ed8; }
.sg-cr-kpi--recebido[b-6d16cyj6cz] { border-left: 4px solid #16a34a; }

@media (max-width: 1100px) {
    .sg-cr-kpi-bar[b-6d16cyj6cz] { grid-template-columns: repeat(2, 1fr); }
}

/* ── Blocos (gráficos / tabelas) ────────────────────────────────────────── */
.sg-cr-block[b-6d16cyj6cz] {
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 14px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
.sg-cr-block-head[b-6d16cyj6cz] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
}
.sg-cr-block-head--alert[b-6d16cyj6cz] {
    color: #b91c1c;
}
.sg-cr-block-head span[class*="icon-"][b-6d16cyj6cz] {
    font-size: 1rem;
    color: inherit;
}

.sg-cr-block-row[b-6d16cyj6cz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}
.sg-cr-block--half[b-6d16cyj6cz] {
    margin-bottom: 0;
}
@media (max-width: 1100px) {
    .sg-cr-block-row[b-6d16cyj6cz] { grid-template-columns: 1fr; }
}

/* Força o fundo do SfChart a ser transparente para não destoar no dark mode.
   No light mode também não atrapalha — o card já tem o fundo branco correto. */
.sg-cr-block[b-6d16cyj6cz]  .e-chart,
.sg-cr-block[b-6d16cyj6cz]  .e-chart svg {
    background: transparent !important;
}
.sg-cr-block[b-6d16cyj6cz]  .e-chart text {
    fill: var(--color-sf-content-text-color) !important;
}
.sg-cr-block[b-6d16cyj6cz]  .e-chart line.e-axis-line,
.sg-cr-block[b-6d16cyj6cz]  .e-chart line.e-major-grid-lines {
    stroke: var(--color-sf-card-border-color) !important;
}

/* ── Tabela ─────────────────────────────────────────────────────────────── */
.sg-cr-table[b-6d16cyj6cz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}
.sg-cr-table thead th[b-6d16cyj6cz] {
    text-align: left;
    font-weight: 600;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--color-sf-content-text-color-alt1);
    padding: 8px 10px;
    border-bottom: 1px solid var(--color-sf-card-border-color);
    white-space: nowrap;
}
.sg-cr-table tbody td[b-6d16cyj6cz] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--color-sf-card-border-color);
    color: var(--color-sf-content-text-color);
}
.sg-cr-table tbody tr:hover[b-6d16cyj6cz] {
    background: rgba(0,0,0,0.02);
}
.sg-cr-num[b-6d16cyj6cz] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.sg-cr-warn[b-6d16cyj6cz] {
    color: #b91c1c;
    font-weight: 600;
}
.sg-cr-muted[b-6d16cyj6cz] {
    color: var(--color-sf-content-text-color-alt2);
}
.sg-cr-dias[b-6d16cyj6cz] {
    display: inline-block;
    padding: 2px 8px;
    background: #dc2626;
    color: #fff;
    border-radius: 7px;
    font-size: 0.68rem;
    font-weight: 600;
    text-shadow: 0 1px 1px rgba(0,0,0,0.18);
}

.sg-cr-empty[b-6d16cyj6cz] {
    padding: 18px 8px;
    text-align: center;
    color: var(--color-sf-content-text-color-alt1);
    font-size: 0.85rem;
}

/* ── Pill de contagem no header ────────────────────────────────────────── */
.sg-cr-count-pill[b-6d16cyj6cz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 20px;
    padding: 0 7px;
    background: #b91c1c;
    color: #fff;
    border-radius: 10px;
    font-size: 0.68rem;
    font-weight: 700;
    margin-left: 4px;
}
.sg-cr-count-pill--info[b-6d16cyj6cz] {
    background: #1d4ed8;
}

/* ── Skeleton de carga ──────────────────────────────────────────────────── */
.sg-cr-skeleton-bar[b-6d16cyj6cz] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}
.sg-cr-skeleton-card[b-6d16cyj6cz] {
    height: 70px;
    border-radius: 10px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-cr-shimmer-b-6d16cyj6cz 1.4s linear infinite;
    opacity: 0.25;
}
.sg-cr-skeleton-row[b-6d16cyj6cz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}
.sg-cr-skeleton-block[b-6d16cyj6cz] {
    height: 280px;
    border-radius: 12px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-cr-shimmer-b-6d16cyj6cz 1.4s linear infinite;
    opacity: 0.20;
}
.sg-cr-skeleton-list[b-6d16cyj6cz] {
    height: 200px;
    border-radius: 12px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-cr-shimmer-b-6d16cyj6cz 1.4s linear infinite;
    opacity: 0.18;
}
@keyframes sg-cr-shimmer-b-6d16cyj6cz {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* /Components/Pages/Financeiro/FluxoCaixa.razor.rz.scp.css */
/* ══ Fluxo de Caixa — layout Fiori Horizon (sidebar escuro + conteúdo branco) ══ */

.sg-fc-shell[b-xx04txjp6z] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 0;
    min-height: calc(100vh - 60px);
    background: var(--color-sf-content-bg-color);
}

/* ── Sidebar ────────────────────────────────────────────────────────────── */
.sg-fc-sidebar[b-xx04txjp6z] {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    color: #cbd5e1;
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.sg-fc-sidebar-header[b-xx04txjp6z] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.sg-fc-sidebar-icon[b-xx04txjp6z] {
    font-size: 1.6rem;
    color: #0851A3;
}
.sg-fc-sidebar-title[b-xx04txjp6z] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
}
.sg-fc-sidebar-sub[b-xx04txjp6z] {
    font-size: 0.7rem;
    color: #94a3b8;
}

.sg-fc-filter-section[b-xx04txjp6z] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.sg-fc-filter-label[b-xx04txjp6z] {
    font-size: 0.65rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sg-fc-scope-toggle[b-xx04txjp6z] {
    display: flex;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    padding: 3px;
}
.sg-fc-scope-btn[b-xx04txjp6z] {
    flex: 1;
    padding: 6px 10px;
    border: none;
    background: transparent;
    color: #cbd5e1;
    font-size: 0.72rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: background 140ms, color 140ms;
}
.sg-fc-scope-btn--active[b-xx04txjp6z] {
    background: #0851A3;
    color: #fff;
}
.sg-fc-scope-single[b-xx04txjp6z] {
    padding: 8px 10px;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    font-size: 0.78rem;
    color: #fff;
}

.sg-fc-loading[b-xx04txjp6z] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    font-size: 0.72rem;
    color: #94a3b8;
}
.sg-fc-spin[b-xx04txjp6z] {
    animation: sg-fc-rotate-b-xx04txjp6z 1.2s linear infinite;
}
@keyframes sg-fc-rotate-b-xx04txjp6z {
    to { transform: rotate(360deg); }
}

/* ── Conteúdo principal ─────────────────────────────────────────────────── */
.sg-fc-content[b-xx04txjp6z] {
    padding: 16px 24px 32px;
    background: var(--color-sf-content-bg-color);
    overflow-y: auto;
}
.sg-fc-crumb[b-xx04txjp6z] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 14px;
}
.sg-fc-crumb-sep[b-xx04txjp6z] {
    font-size: 0.85rem;
}

/* ── KPI bar (4 cards) ─────────────────────────────────────────────────── */
.sg-fc-kpi-bar[b-xx04txjp6z] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 10px;
    margin-bottom: 14px;
}
.sg-fc-kpi[b-xx04txjp6z] {
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 10px;
    padding: 11px 13px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.sg-fc-kpi-label[b-xx04txjp6z] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 4px;
}
.sg-fc-kpi-value[b-xx04txjp6z] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    font-variant-numeric: tabular-nums;
    line-height: 1.25;
}
.sg-fc-kpi-sub[b-xx04txjp6z] {
    font-size: 0.68rem;
    color: var(--color-sf-content-text-color-alt2);
    margin-top: 2px;
}

/* Acentos */
.sg-fc-kpi--saldo[b-xx04txjp6z]     { border-left: 4px solid #0851A3; }
.sg-fc-kpi--realizado[b-xx04txjp6z] { border-left: 4px solid #475569; }
.sg-fc-kpi--previsto[b-xx04txjp6z]  { border-left: 4px solid #d97706; }
.sg-fc-kpi--projetado[b-xx04txjp6z] { border-left: 4px solid #16a34a; }

.sg-fc-pos[b-xx04txjp6z] { color: #15803d; }
.sg-fc-neg[b-xx04txjp6z] { color: #b91c1c; }

@media (max-width: 1100px) {
    .sg-fc-kpi-bar[b-xx04txjp6z] { grid-template-columns: repeat(2, 1fr); }
}

/* ── Blocos ─────────────────────────────────────────────────────────────── */
.sg-fc-block[b-xx04txjp6z] {
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 14px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
.sg-fc-block-head[b-xx04txjp6z] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
}
.sg-fc-block-head span[class*="icon-"][b-xx04txjp6z] {
    font-size: 1rem;
}

.sg-fc-block-row[b-xx04txjp6z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}
.sg-fc-block--half[b-xx04txjp6z] {
    margin-bottom: 0;
}
@media (max-width: 1100px) {
    .sg-fc-block-row[b-xx04txjp6z] { grid-template-columns: 1fr; }
}

/* Charts: fundo transparente herda card; textos respeitam tema */
.sg-fc-block[b-xx04txjp6z]  .e-chart text {
    fill: var(--color-sf-content-text-color) !important;
}
.sg-fc-block[b-xx04txjp6z]  .e-chart line.e-axis-line,
.sg-fc-block[b-xx04txjp6z]  .e-chart line.e-major-grid-lines {
    stroke: var(--color-sf-card-border-color) !important;
}

/* ── Pill de contagem ──────────────────────────────────────────────────── */
.sg-fc-count-pill[b-xx04txjp6z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 20px;
    padding: 0 7px;
    background: #475569;
    color: #fff;
    border-radius: 10px;
    font-size: 0.68rem;
    font-weight: 700;
    margin-left: 4px;
}
.sg-fc-count-pill--ok[b-xx04txjp6z]    { background: #15803d; }
.sg-fc-count-pill--alert[b-xx04txjp6z] { background: #b91c1c; }

.sg-fc-empty[b-xx04txjp6z] {
    padding: 18px 8px;
    text-align: center;
    color: var(--color-sf-content-text-color-alt1);
    font-size: 0.85rem;
}

/* ── Skeleton ──────────────────────────────────────────────────────────── */
.sg-fc-skeleton-bar[b-xx04txjp6z] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}
.sg-fc-skeleton-card[b-xx04txjp6z] {
    height: 90px;
    border-radius: 10px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-fc-shimmer-b-xx04txjp6z 1.4s linear infinite;
    opacity: 0.25;
}
.sg-fc-skeleton-row[b-xx04txjp6z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}
.sg-fc-skeleton-block[b-xx04txjp6z] {
    height: 280px;
    border-radius: 12px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-fc-shimmer-b-xx04txjp6z 1.4s linear infinite;
    opacity: 0.20;
}
.sg-fc-skeleton-list[b-xx04txjp6z] {
    height: 200px;
    border-radius: 12px;
    background: linear-gradient(90deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    background-size: 200% 100%;
    animation: sg-fc-shimmer-b-xx04txjp6z 1.4s linear infinite;
    opacity: 0.18;
}
@keyframes sg-fc-shimmer-b-xx04txjp6z {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* /Components/Pages/Fiscal/RegrasImpacto.razor.rz.scp.css */
.sg-fimp-container[b-skzvkkbpcs] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 18px 24px 32px;
    background: var(--color-sf-content-bg-color);
    min-height: calc(100vh - 60px);
}

.sg-fimp-header[b-skzvkkbpcs] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 16px;
}
.sg-fimp-back[b-skzvkkbpcs] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    color: var(--color-sf-content-text-color);
    text-decoration: none;
    transition: background 120ms;
}
.sg-fimp-back:hover[b-skzvkkbpcs] { background: #f1f5f9; }
.sg-fimp-title-wrap[b-skzvkkbpcs] { min-width: 0; }
.sg-fimp-title[b-skzvkkbpcs] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
}
.sg-fimp-sub[b-skzvkkbpcs] {
    margin: 4px 0 0;
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
}
.sg-fimp-sub code[b-skzvkkbpcs] {
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 11px;
}
.sg-fimp-scope[b-skzvkkbpcs] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    padding: 6px 12px;
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 8px;
}
.sg-fimp-scope-label[b-skzvkkbpcs] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-sf-content-text-color-alt2);
}
.sg-fimp-scope-grupo[b-skzvkkbpcs] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
}

/* ── Filtros ─────────────────────────────────────────────────── */
.sg-fimp-filters[b-skzvkkbpcs] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
    gap: 12px;
    align-items: end;
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 12px;
    padding: 14px 16px;
}
.sg-fimp-field[b-skzvkkbpcs] { min-width: 0; }
.sg-fimp-field-wide[b-skzvkkbpcs]  { grid-column: span 1; }
.sg-fimp-field-actions[b-skzvkkbpcs] {
    display: flex;
    align-items: end;
    gap: 8px;
    padding-bottom: 2px;
}

/* ── Grid principal ─────────────────────────────────────────── */
.sg-fimp-grid-wrap[b-skzvkkbpcs] {
    background: var(--color-sf-card-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 12px;
    padding: 12px;
    min-height: 400px;
}
.sg-fimp-loader[b-skzvkkbpcs] {
    padding: 28px;
    text-align: center;
    color: var(--color-sf-content-text-color-alt1);
}
.sg-fimp-imposto-sigla[b-skzvkkbpcs] {
    font-weight: 600;
    color: var(--color-sf-primary);
    cursor: help;
}

/* ── Diálogo drill-down ─────────────────────────────────────── */
.sg-fimp-drill-header[b-skzvkkbpcs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}
.sg-fimp-drill-regra[b-skzvkkbpcs] {
    font-weight: 400;
    color: var(--color-sf-content-text-color-alt1);
    font-size: 12px;
    margin-left: 4px;
}
.sg-fimp-drill-link[b-skzvkkbpcs] {
    display: inline-block;
    padding: 4px 12px;
    background: var(--color-sf-primary);
    color: #fff !important;
    border-radius: 6px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    transition: opacity 120ms;
}
.sg-fimp-drill-link:hover[b-skzvkkbpcs] { opacity: 0.85; }

.sg-fimp-empty[b-skzvkkbpcs] {
    padding: 28px;
    text-align: center;
    color: var(--color-sf-content-text-color-alt1);
}
/* /Components/Pages/Fiscal/RegrasMatching.razor.rz.scp.css */
/* ============================================================
   RegrasMatching — Prefixo: sg-fmat-
   Layout Fiori Horizon: painel esquerdo escuro + direito branco.
   Paleta de identidade: Indigo/Slate (tom "fiscal/governamental")
   ============================================================ */

.sg-fmat-container[b-b6549zhxsx] {
    --sg-fmat-bg-deep:        #0b1220;
    --sg-fmat-bg-mid:         #111a2e;
    --sg-fmat-bg-panel:       #16213a;
    --sg-fmat-accent:         #6366f1;        /* indigo-500 */
    --sg-fmat-accent-light:   #818cf8;
    --sg-fmat-accent-dark:    #4338ca;
    --sg-fmat-accent-glow:    rgba(99, 102, 241, 0.35);
    --sg-fmat-accent-soft:    rgba(99, 102, 241, 0.12);
    --sg-fmat-text-bright:    #eef2ff;
    --sg-fmat-text-mid:       rgba(238, 242, 255, 0.65);
    --sg-fmat-text-dim:       rgba(238, 242, 255, 0.35);
    --sg-fmat-border-subtle:  rgba(255, 255, 255, 0.06);
    --sg-fmat-border-mid:     rgba(255, 255, 255, 0.12);

    width: 100%;
    height: calc(100vh - 80px);
    display: flex;
    background: var(--color-sf-content-bg-color, #f8fafc);
    overflow: hidden;
}

/* ============================================================
   PAINEL ESQUERDO — escuro, lista + filtros
   ============================================================ */

.sg-fmat-left[b-b6549zhxsx] {
    width: 380px;
    min-width: 380px;
    flex-shrink: 0;
    background: linear-gradient(180deg, #0b1220 0%, #111a2e 50%, #16213a 100%);
    color: var(--sg-fmat-text-bright);
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--sg-fmat-border-mid);
    position: relative;
}

.sg-fmat-left[b-b6549zhxsx]::after {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 1px; height: 100%;
    background: linear-gradient(180deg,
        transparent 0%,
        var(--sg-fmat-accent-glow) 30%,
        rgba(99, 102, 241, 0.10) 70%,
        transparent 100%);
    pointer-events: none;
}

.sg-fmat-left-header[b-b6549zhxsx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--sg-fmat-border-subtle);
}

.sg-fmat-back[b-b6549zhxsx] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--sg-fmat-text-mid);
    text-decoration: none;
    transition: all .15s;
}
.sg-fmat-back:hover[b-b6549zhxsx] {
    background: var(--sg-fmat-accent-soft);
    color: var(--sg-fmat-text-bright);
}

.sg-fmat-left-title[b-b6549zhxsx] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--sg-fmat-text-bright);
}

.sg-fmat-left-sub[b-b6549zhxsx] {
    margin: 2px 0 0 0;
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: 11px;
    color: var(--sg-fmat-text-dim);
    letter-spacing: 0.3px;
}

/* Banner do escopo do tenant logado */
.sg-fmat-scope[b-b6549zhxsx] {
    margin: 0 16px 4px;
    padding: 10px 14px;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.18) 0%, rgba(99, 102, 241, 0.06) 100%);
    border: 1px solid rgba(99, 102, 241, 0.32);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.sg-fmat-scope-label[b-b6549zhxsx] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--sg-fmat-accent-light);
    font-weight: 600;
}
.sg-fmat-scope-row[b-b6549zhxsx] {
    font-size: 13px;
    color: var(--sg-fmat-text-bright);
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px;
    line-height: 1.3;
}
.sg-fmat-scope-grupo[b-b6549zhxsx] {
    font-weight: 600;
}
.sg-fmat-scope-estab[b-b6549zhxsx] {
    color: var(--sg-fmat-text-mid);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
}
.sg-fmat-scope-hint[b-b6549zhxsx] {
    margin: 4px 0 0 0;
    font-size: 11px;
    color: var(--sg-fmat-text-dim);
    font-style: italic;
}

.sg-fmat-filters[b-b6549zhxsx] {
    padding: 16px 20px 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-bottom: 1px solid var(--sg-fmat-border-subtle);
}

/* Syncfusion floating labels no painel escuro — força contraste */
.sg-fmat-left[b-b6549zhxsx]  .e-float-text,
.sg-fmat-left[b-b6549zhxsx]  .e-float-text.e-label-top,
.sg-fmat-left[b-b6549zhxsx]  .e-float-text.e-label-bottom {
    color: rgba(238, 242, 255, 0.75) !important;
}
.sg-fmat-left[b-b6549zhxsx]  .e-input-group:not(.e-disabled) .e-float-text.e-label-top {
    color: var(--sg-fmat-accent-light) !important;
}
.sg-fmat-left[b-b6549zhxsx]  .e-input-group:not(.e-disabled) .e-float-line::before,
.sg-fmat-left[b-b6549zhxsx]  .e-input-group:not(.e-disabled) .e-float-line::after {
    background: var(--sg-fmat-accent) !important;
}

.sg-fmat-list-header[b-b6549zhxsx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-bottom: 1px solid var(--sg-fmat-border-subtle);
    background: rgba(0, 0, 0, 0.15);
}
.sg-fmat-list-count[b-b6549zhxsx] {
    font-size: 12px;
    color: var(--sg-fmat-text-mid);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

[b-b6549zhxsx] .sg-fmat-btn-new {
    background: var(--sg-fmat-accent) !important;
    border-color: var(--sg-fmat-accent) !important;
    color: #fff !important;
    font-size: 12px !important;
    height: 28px !important;
    padding: 0 12px !important;
}
[b-b6549zhxsx] .sg-fmat-btn-new:hover {
    background: var(--sg-fmat-accent-dark) !important;
    border-color: var(--sg-fmat-accent-dark) !important;
}

.sg-fmat-list[b-b6549zhxsx] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 12px 16px;
}

.sg-fmat-list-empty[b-b6549zhxsx] {
    color: var(--sg-fmat-text-dim);
    text-align: center;
    padding: 32px 16px;
    font-size: 13px;
}

.sg-fmat-card[b-b6549zhxsx] {
    width: 100%;
    text-align: left;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--sg-fmat-border-subtle);
    border-radius: 8px;
    padding: 10px 12px;
    margin: 6px 0;
    cursor: pointer;
    transition: all .15s ease;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: var(--sg-fmat-text-bright);
}
.sg-fmat-card:hover[b-b6549zhxsx] {
    border-color: var(--sg-fmat-accent);
    background: var(--sg-fmat-accent-soft);
    transform: translateX(2px);
}
.sg-fmat-card.is-active[b-b6549zhxsx] {
    border-color: var(--sg-fmat-accent);
    background: var(--sg-fmat-accent-soft);
    box-shadow: 0 0 0 2px var(--sg-fmat-accent-glow) inset;
}

.sg-fmat-card-line1[b-b6549zhxsx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.sg-fmat-card-code[b-b6549zhxsx] {
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: 12px;
    color: var(--sg-fmat-text-mid);
}
.sg-fmat-card-line2[b-b6549zhxsx] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.sg-fmat-chip[b-b6549zhxsx] {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--sg-fmat-border-subtle);
    color: var(--sg-fmat-text-mid);
    line-height: 16px;
    white-space: nowrap;
}
.sg-fmat-chip-imp[b-b6549zhxsx] {
    background: rgba(99, 102, 241, 0.15);
    color: var(--sg-fmat-accent-light);
    border-color: rgba(99, 102, 241, 0.3);
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sg-fmat-chip-grp[b-b6549zhxsx] {
    background: rgba(34, 197, 94, 0.10);
    color: #86efac;
    border-color: rgba(34, 197, 94, 0.2);
}
.sg-fmat-card-line3[b-b6549zhxsx] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--sg-fmat-text-mid);
}
.sg-fmat-card-arrow[b-b6549zhxsx] {
    color: var(--sg-fmat-accent-light);
    font-weight: 700;
    margin-left: 4px;
}
.sg-fmat-card-rule strong[b-b6549zhxsx] {
    color: var(--sg-fmat-text-bright);
    font-weight: 600;
}

/* ============================================================
   PAINEL DIREITO — branco, editor
   ============================================================ */

.sg-fmat-right[b-b6549zhxsx] {
    flex: 1;
    overflow-y: auto;
    padding: 24px 28px;
    background: #fff;
}

.sg-fmat-empty[b-b6549zhxsx] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #475569;
    text-align: center;
    padding: 32px;
}
.sg-fmat-empty-icon[b-b6549zhxsx] {
    font-size: 48px;
    color: var(--sg-fmat-accent);
    opacity: 0.7;
    margin-bottom: 12px;
}
.sg-fmat-empty h3[b-b6549zhxsx] {
    margin: 0 0 8px 0;
    color: #0f172a;
    font-size: 18px;
}
.sg-fmat-empty p[b-b6549zhxsx] {
    margin: 4px 0;
    color: #64748b;
    font-size: 14px;
}
.sg-fmat-empty-help[b-b6549zhxsx] {
    margin-top: 24px;
    padding: 16px 20px;
    max-width: 540px;
    text-align: left;
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 10px;
}
.sg-fmat-empty-help p[b-b6549zhxsx] {
    color: #3730a3;
    font-size: 13px;
    margin: 4px 0;
}

.sg-fmat-edit-header[b-b6549zhxsx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 20px;
}
.sg-fmat-edit-title h2[b-b6549zhxsx] {
    margin: 0;
    font-size: 22px;
    color: #0f172a;
}
.sg-fmat-edit-sub[b-b6549zhxsx] {
    margin: 4px 0 0 0;
    color: #64748b;
    font-size: 13px;
}

.sg-fmat-spec-meter[b-b6549zhxsx] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
}
.sg-fmat-spec-label[b-b6549zhxsx] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6b7280;
}

/* Componente SpecBar — pontos da barra de especificidade.
   Usa ::deep porque SpecBar é componente filho com DOM fora do escopo CSS. */
[b-b6549zhxsx] .sg-fmat-spec {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
[b-b6549zhxsx] .sg-fmat-spec.is-compact {
    gap: 2px;
}
[b-b6549zhxsx] .sg-fmat-spec-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #e2e8f0;
    transition: all .15s;
    display: inline-block;
}
[b-b6549zhxsx] .sg-fmat-spec-dot.is-on {
    background: #6366f1;
    box-shadow: 0 0 4px rgba(99, 102, 241, 0.35);
}
[b-b6549zhxsx] .sg-fmat-spec-caption {
    margin-left: 8px;
    font-size: 12px;
    color: #475569;
}

/* No painel escuro, dots inactive ficam mais sutis */
.sg-fmat-left[b-b6549zhxsx]  .sg-fmat-spec-dot {
    background: rgba(255, 255, 255, 0.18);
}

/* Sections */
.sg-fmat-section[b-b6549zhxsx] {
    margin-bottom: 24px;
}
.sg-fmat-section-title[b-b6549zhxsx] {
    margin: 0 0 12px 0;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: baseline;
    gap: 12px;
}
.sg-fmat-section-hint[b-b6549zhxsx] {
    font-size: 12px;
    text-transform: none;
    letter-spacing: 0;
    color: #94a3b8;
    font-weight: 400;
}

.sg-fmat-grid[b-b6549zhxsx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
}
.sg-fmat-field-wide[b-b6549zhxsx]  { grid-column: span 2; }
.sg-fmat-field-full[b-b6549zhxsx]  { grid-column: 1 / -1; }

/* Linha do "Regra a aplicar": dropdown ocupa o espaço todo, ações ficam à direita */
.sg-fmat-grid--rule[b-b6549zhxsx] {
    grid-template-columns: 1fr auto;
    align-items: end;
}
.sg-fmat-field-rule[b-b6549zhxsx]         { grid-column: 1; }
.sg-fmat-field-rule-actions[b-b6549zhxsx] {
    grid-column: 2;
    display: flex;
    gap: 8px;
    align-items: end;
    padding-bottom: 2px;
}

/* Editor inline (diálogo) da regra-pai */
.sg-fmat-regra-dlg-header[b-b6549zhxsx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}
.sg-fmat-regra-form[b-b6549zhxsx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
}
.sg-fmat-regra-flags[b-b6549zhxsx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    padding-top: 4px;
}
.sg-fmat-regra-flags .sg-fmat-checkbox[b-b6549zhxsx] {
    min-width: 0;
}

/* ── Sobreposições (lista de matchings competidores) ─────────── */
.sg-fmat-sobrep-list[b-b6549zhxsx] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.sg-fmat-sobrep-item[b-b6549zhxsx] {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: 4px 12px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-left: 4px solid #94a3b8;
    border-radius: 8px;
    align-items: center;
}
.sg-fmat-sobrep-head[b-b6549zhxsx] {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
}
.sg-fmat-sobrep-body[b-b6549zhxsx] {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    font-size: 12px;
    color: #334155;
}
.sg-fmat-sobrep-badge[b-b6549zhxsx] {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 2px 8px;
    border-radius: 6px;
    background: #f1f5f9;
    color: #475569;
    font-size: 10px;
}
.sg-fmat-sobrep-id[b-b6549zhxsx]   { color: #64748b; font-variant-numeric: tabular-nums; }
.sg-fmat-sobrep-spec[b-b6549zhxsx] { color: #64748b; font-size: 10px; }
.sg-fmat-sobrep-link[b-b6549zhxsx] {
    grid-column: 2;
    grid-row: 1 / span 2;
    background: transparent;
    border: 1px solid #cbd5e1;
    color: #475569;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    transition: background 120ms, border-color 120ms;
}
.sg-fmat-sobrep-link:hover[b-b6549zhxsx] { background: #f1f5f9; border-color: #94a3b8; }

/* Variantes coloridas — acento à esquerda + badge */
.sg-fmat-sobrep--warn[b-b6549zhxsx]  { border-left-color: #dc2626; }
.sg-fmat-sobrep--warn  .sg-fmat-sobrep-badge[b-b6549zhxsx] { background: #fee2e2; color: #991b1b; }
.sg-fmat-sobrep--info[b-b6549zhxsx]  { border-left-color: #1d4ed8; }
.sg-fmat-sobrep--info  .sg-fmat-sobrep-badge[b-b6549zhxsx] { background: #dbeafe; color: #1e40af; }
.sg-fmat-sobrep--alert[b-b6549zhxsx] { border-left-color: #d97706; }
.sg-fmat-sobrep--alert .sg-fmat-sobrep-badge[b-b6549zhxsx] { background: #fef3c7; color: #92400e; }

.sg-fmat-field[b-b6549zhxsx] {
    display: flex;
    flex-direction: column;
}

.sg-fmat-checkbox[b-b6549zhxsx] {
    display: flex;
    align-items: center;
    height: 100%;
    margin-top: 14px;
}

/* Drop-down item template (regras catálogo) */
[b-b6549zhxsx] .sg-fmat-rule-item {
    display: grid;
    grid-template-columns: 80px 60px 1fr 60px;
    gap: 8px;
    align-items: center;
    width: 100%;
    font-size: 13px;
}
[b-b6549zhxsx] .sg-fmat-rule-cst  { font-weight: 600; color: #1e293b; }
[b-b6549zhxsx] .sg-fmat-rule-aliq { color: #4338ca; font-variant-numeric: tabular-nums; }
[b-b6549zhxsx] .sg-fmat-rule-desc { color: #475569; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[b-b6549zhxsx] .sg-fmat-rule-id   { color: #94a3b8; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 11px; text-align: right; }

/* ============================================================
   ACTIONS BAR
   ============================================================ */
.sg-fmat-actions[b-b6549zhxsx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 0;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    margin: 16px 0;
}
.sg-fmat-actions-spacer[b-b6549zhxsx] { flex: 1; }

[b-b6549zhxsx] .sg-fmat-btn-primary {
    background: var(--sg-fmat-accent) !important;
    border-color: var(--sg-fmat-accent) !important;
    color: #fff !important;
}
[b-b6549zhxsx] .sg-fmat-btn-primary:hover:not(:disabled) {
    background: var(--sg-fmat-accent-dark) !important;
    border-color: var(--sg-fmat-accent-dark) !important;
}
[b-b6549zhxsx] .sg-fmat-btn-secondary {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}
[b-b6549zhxsx] .sg-fmat-btn-cancel {
    background: transparent !important;
    border-color: #cbd5e1 !important;
    color: #64748b !important;
}
[b-b6549zhxsx] .sg-fmat-btn-danger {
    background: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #b91c1c !important;
}
[b-b6549zhxsx] .sg-fmat-btn-danger:hover:not(:disabled) {
    background: #fecaca !important;
    border-color: #f87171 !important;
}

/* ============================================================
   IMPACTO
   ============================================================ */
.sg-fmat-impact[b-b6549zhxsx] {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 16px 20px;
    margin-top: 8px;
}
.sg-fmat-impact-empty[b-b6549zhxsx] {
    color: #94a3b8;
    margin: 0;
    font-size: 13px;
}
.sg-fmat-impact-grid[b-b6549zhxsx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin: 8px 0 12px;
}
.sg-fmat-impact-card[b-b6549zhxsx] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
}
/* Variante primária: matching específico, destaque azul como acento à esquerda */
.sg-fmat-impact-card--primary[b-b6549zhxsx] {
    border-left: 4px solid #0851A3;
}
/* Sub-título dentro do bloco de impacto, identifica qual nível (matching vs regra-pai) */
.sg-fmat-impact-sub[b-b6549zhxsx] {
    font-size: 11px;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 10px 0 6px;
}
.sg-fmat-impact-sub:first-child[b-b6549zhxsx] { margin-top: 0; }
.sg-fmat-impact-label[b-b6549zhxsx] {
    font-size: 11px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.sg-fmat-impact-value[b-b6549zhxsx] {
    font-size: 22px;
    font-weight: 600;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
    margin-top: 2px;
}
.sg-fmat-impact-note[b-b6549zhxsx] {
    font-size: 12px;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
}
.sg-fmat-impact-note code[b-b6549zhxsx] {
    background: #fff;
    border: 1px solid #e5e7eb;
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 11px;
}

/* Responsivo: em telas estreitas, painel esquerdo encolhe */
@media (max-width: 1100px) {
    .sg-fmat-left[b-b6549zhxsx] { width: 320px; min-width: 320px; }
}
@media (max-width: 900px) {
    .sg-fmat-container[b-b6549zhxsx] { flex-direction: column; height: auto; }
    .sg-fmat-left[b-b6549zhxsx]      { width: 100%; min-width: 0; }
    .sg-fmat-right[b-b6549zhxsx]     { padding: 20px 16px; }
}
/* /Components/Pages/Forms/AIPanel.razor.rz.scp.css */
/* ============================================================
   AIPanel — Segla Framework
   Prefixo: sgai-
   Design: SAP Fiori Horizon + Syncfusion Fluent 2
   ============================================================ */

.sgai-panel[b-raxpad8f6a] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--color-sf-content-bg-color);
}

/* ── Toolbar compacta ─────────────────────────────────────── */
.sgai-toolbar[b-raxpad8f6a] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-bottom: 1px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color-alt1);
    flex-shrink: 0;
}

.sgai-toolbar-info[b-raxpad8f6a] {
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1);
    margin-left: auto;
}

.sgai-btn-clear[b-raxpad8f6a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 6px;
    background: transparent;
    color: var(--color-sf-content-text-color-alt1);
    cursor: pointer;
    transition: all 0.15s;
}

.sgai-btn-clear:hover[b-raxpad8f6a] {
    background: var(--color-sf-content-bg-color);
    color: var(--color-sf-danger, #d83b01);
}

/* ── Usage badge & panel ─────────────────────────────────── */
.sgai-usage-badge[b-raxpad8f6a] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 12px;
    background: color-mix(in srgb, #7c3aed 10%, transparent);
    border: 1px solid color-mix(in srgb, #7c3aed 25%, transparent);
    color: #7c3aed;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.sgai-usage-badge:hover[b-raxpad8f6a] {
    background: color-mix(in srgb, #7c3aed 18%, transparent);
}

.sgai-usage-panel[b-raxpad8f6a] {
    padding: 10px 16px;
    background: var(--color-sf-content-bg-color-alt1);
    border-bottom: 1px solid var(--color-sf-border-light);
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-shrink: 0;
    animation: sgai-fade-in-b-raxpad8f6a 0.15s ease-out;
}

.sgai-usage-row[b-raxpad8f6a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 0;
}

.sgai-usage-label[b-raxpad8f6a] {
    font-size: 0.75rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sgai-usage-value[b-raxpad8f6a] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
}

.sgai-usage-value--total[b-raxpad8f6a] {
    color: #7c3aed;
}

.sgai-usage-value--cost[b-raxpad8f6a] {
    color: var(--color-sf-success, #107c10);
}

@keyframes sgai-fade-in-b-raxpad8f6a {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── Messages ────────────────────────────────────────────── */
.sgai-messages[b-raxpad8f6a] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sgai-empty[b-raxpad8f6a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 16px;
    color: var(--color-sf-content-text-color-alt1);
    text-align: center;
}

.sgai-empty-icon[b-raxpad8f6a] {
    font-size: 2.5rem;
    opacity: 0.3;
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sgai-empty-text[b-raxpad8f6a] {
    font-size: 0.9rem;
    margin: 0;
}

.sgai-suggestions[b-raxpad8f6a] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 8px;
}

.sgai-suggestion[b-raxpad8f6a] {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    background: transparent;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 16px;
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color);
    cursor: pointer;
    transition: all 0.15s;
}

.sgai-suggestion:hover[b-raxpad8f6a] {
    background: color-mix(in srgb, #7c3aed 8%, transparent);
    border-color: #a855f7;
    color: #7c3aed;
}

/* ── Message bubbles ─────────────────────────────────────── */
.sgai-msg[b-raxpad8f6a] {
    display: flex;
    gap: 8px;
    max-width: 90%;
}

.sgai-msg--user[b-raxpad8f6a] {
    align-self: flex-end;
    flex-direction: row-reverse;
}

.sgai-msg--assistant[b-raxpad8f6a] {
    align-self: flex-start;
}

.sgai-msg-avatar[b-raxpad8f6a] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff !important;
    font-size: 0.8rem;
}

.sgai-msg-avatar span[b-raxpad8f6a] { color: #fff !important; }
.sgai-msg-avatar span[class*="icon-"][b-raxpad8f6a]::before { color: #fff !important; }

.sgai-msg-bubble[b-raxpad8f6a] {
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 0.85rem;
    line-height: 1.6;
    word-break: break-word;
}

.sgai-msg--user .sgai-msg-bubble[b-raxpad8f6a] {
    background: var(--color-sf-primary);
    color: #fff;
    border-bottom-right-radius: 4px;
}

.sgai-msg--assistant .sgai-msg-bubble[b-raxpad8f6a] {
    background: var(--color-sf-content-bg-color-alt1);
    color: var(--color-sf-content-text-color);
    border: 1px solid var(--color-sf-border-light);
    border-bottom-left-radius: 4px;
}

/* ── Loading dots ────────────────────────────────────────── */
.sgai-msg-loading[b-raxpad8f6a] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 12px 18px;
}

.sgai-dot[b-raxpad8f6a] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #a855f7;
    opacity: 0.4;
    animation: sgai-bounce-b-raxpad8f6a 1.4s ease-in-out infinite;
}

.sgai-dot:nth-child(2)[b-raxpad8f6a] { animation-delay: 0.16s; }
.sgai-dot:nth-child(3)[b-raxpad8f6a] { animation-delay: 0.32s; }

@keyframes sgai-bounce-b-raxpad8f6a {
    0%, 80%, 100% { opacity: 0.4; transform: scale(1); }
    40% { opacity: 1; transform: scale(1.2); }
}

/* ── Inline code ─────────────────────────────────────────── */
[b-raxpad8f6a] .sgai-code {
    display: inline;
    background: color-mix(in srgb, var(--color-sf-primary) 10%, transparent);
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 0.82rem;
}

/* ── Compose ─────────────────────────────────────────────── */
.sgai-compose[b-raxpad8f6a] {
    padding: 12px;
    border-top: 1px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color-alt1);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sgai-compose-wrap[b-raxpad8f6a] {
    position: relative;
    width: 100%;
}

.sgai-compose-input[b-raxpad8f6a] {
    width: 100%;
    resize: vertical;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 0.85rem;
    font-family: inherit;
    background: var(--color-sf-content-bg-color);
    color: var(--color-sf-content-text-color);
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.sgai-compose-input:focus[b-raxpad8f6a] {
    outline: none;
    border-color: #7c3aed;
    box-shadow: 0 0 0 2px color-mix(in srgb, #7c3aed 15%, transparent);
}

.sgai-compose-input:disabled[b-raxpad8f6a] {
    opacity: 0.6;
    cursor: not-allowed;
}

.sgai-compose-actions[b-raxpad8f6a] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.sgai-compose-hint[b-raxpad8f6a] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1);
    margin-right: auto;
}

.sgai-btn-send[b-raxpad8f6a] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 18px;
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.15s;
}

.sgai-btn-send span[b-raxpad8f6a] { color: #fff !important; }
.sgai-btn-send span[class*="icon-"][b-raxpad8f6a]::before { color: #fff !important; }
.sgai-btn-send:hover:not(:disabled)[b-raxpad8f6a] { opacity: 0.88; }
.sgai-btn-send:disabled[b-raxpad8f6a] { opacity: 0.5; cursor: not-allowed; }

/* ── Proposta de gráfico (chart creator) ─────────────────────────── */
.sgai-proposal[b-raxpad8f6a] {
    margin: 12px 8px;
    border: 1px solid var(--sg-border, #d1d5db);
    border-left: 4px solid #f59e0b;
    border-radius: 8px;
    background: var(--sg-surface-alt, #fff8ec);
    overflow: hidden;
    animation: sgai-fade-in-b-raxpad8f6a 0.2s ease-out;
}

.sgai-proposal-header[b-raxpad8f6a] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: rgba(245, 158, 11, 0.08);
    border-bottom: 1px solid rgba(245, 158, 11, 0.2);
    font-weight: 600;
}

.sgai-proposal-header span[class*="icon-"][b-raxpad8f6a]::before { color: #b45309; }

.sgai-proposal-title[b-raxpad8f6a] { flex: 1; color: var(--sg-text, #1f2937); font-size: 13px; }

.sgai-proposal-badge[b-raxpad8f6a] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 10px;
    background: #f59e0b;
    color: #fff;
}

.sgai-proposal-body[b-raxpad8f6a] {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sgai-proposal-row[b-raxpad8f6a] {
    display: flex;
    font-size: 12px;
    gap: 8px;
}

.sgai-proposal-label[b-raxpad8f6a] {
    color: var(--sg-text-muted, #6b7280);
    min-width: 80px;
    font-weight: 500;
}

.sgai-proposal-value[b-raxpad8f6a] {
    color: var(--sg-text, #1f2937);
    font-family: 'Segoe UI', monospace;
}

.sgai-proposal-hint[b-raxpad8f6a] {
    padding: 8px 12px;
    font-size: 11px;
    color: var(--sg-text-muted, #6b7280);
    background: rgba(0,0,0,0.03);
    border-top: 1px solid rgba(0,0,0,0.06);
    font-style: italic;
}

.sgai-proposal-actions[b-raxpad8f6a] {
    display: flex;
    gap: 8px;
    padding: 10px 12px;
    justify-content: flex-end;
    border-top: 1px solid var(--sg-border, #e5e7eb);
    background: #fff;
}

.sgai-btn-reject[b-raxpad8f6a],
.sgai-btn-approve[b-raxpad8f6a] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
    transition: opacity 0.15s ease;
}

.sgai-btn-reject[b-raxpad8f6a] {
    background: #fff;
    color: #b91c1c;
    border-color: #fecaca;
}
.sgai-btn-reject:hover[b-raxpad8f6a] { background: #fef2f2; }

.sgai-btn-approve[b-raxpad8f6a] {
    background: #059669;
    color: #fff;
}
.sgai-btn-approve span[b-raxpad8f6a] { color: #fff !important; }
.sgai-btn-approve span[class*="icon-"][b-raxpad8f6a]::before { color: #fff !important; }
.sgai-btn-approve:hover[b-raxpad8f6a] { opacity: 0.9; }
/* /Components/Pages/Forms/AlterarSenha.razor.rz.scp.css */
/* ============================================================
   AlterarSenha — Prefixo: sgpwd-
   Design: Wizard de troca de senha com accent índigo
   Painel esquerdo: gradiente escuro profundo + detalhes índigo
   Painel direito: conteúdo limpo com tipografia hierárquica
   ============================================================ */

/* ── Variáveis locais ── */
.sgpwd-container[b-uhw27arip0] {
    --sgpwd-accent:       #6366f1;
    --sgpwd-accent-light: #818cf8;
    --sgpwd-accent-xlt:   #a5b4fc;
    --sgpwd-accent-glow:  rgba(99, 102, 241, 0.35);
    --sgpwd-accent-soft:  rgba(99, 102, 241, 0.12);
    --sgpwd-success:      #22c55e;
    --sgpwd-success-glow: rgba(34, 197, 94, 0.30);

    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--color-sf-content-bg-color);
    padding: 20px 24px;
    box-sizing: border-box;
    overflow-y: auto;
}

/* ============================================================
   WIZARD LAYOUT
   ============================================================ */

.sgpwd-wizard[b-uhw27arip0] {
    display: flex;
    height: calc(100vh - 108px);
    min-height: 520px;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
    overflow: hidden;
    border: 1px solid var(--color-sf-border-light);
}

/* ============================================================
   PAINEL ESQUERDO — índigo + stepper customizado
   ============================================================ */

.sgpwd-left[b-uhw27arip0] {
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    background: linear-gradient(180deg, #0a0a14 0%, #0d0d1f 45%, #10102a 100%);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

/* Ponto de luz sutil no canto superior */
.sgpwd-left[b-uhw27arip0]::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.18) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

/* Linha de brilho lateral direita com tonalidade índigo */
.sgpwd-left[b-uhw27arip0]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(99, 102, 241, 0.40) 30%,
        rgba(99, 102, 241, 0.20) 70%,
        transparent 100%);
    z-index: 1;
}

/* ── Progress bar ── */
.sgpwd-progress-track[b-uhw27arip0] {
    position: relative;
    height: 3px;
    background: rgba(255, 255, 255, 0.06);
    z-index: 2;
    flex-shrink: 0;
}

.sgpwd-progress-fill[b-uhw27arip0] {
    height: 100%;
    background: linear-gradient(90deg, #6366f1 0%, #818cf8 100%);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px rgba(99, 102, 241, 0.6);
}

/* ── Cabeçalho ── */
.sgpwd-left-header[b-uhw27arip0] {
    position: relative;
    z-index: 2;
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(99, 102, 241, 0.10);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.sgpwd-left-icon-wrap[b-uhw27arip0] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.32) 0%, rgba(99, 102, 241, 0.14) 100%);
    border: 1px solid rgba(99, 102, 241, 0.42);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 0 12px rgba(99, 102, 241, 0.28);
}

.sgpwd-left-icon-wrap span[b-uhw27arip0] {
    font-size: 18px;
    color: #a5b4fc;
}

.sgpwd-left-icon-wrap span[b-uhw27arip0]::before {
    color: #a5b4fc !important;
}

.sgpwd-left-heading[b-uhw27arip0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgpwd-left-title[b-uhw27arip0] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #e0e7ff;
    margin: 0;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
}

.sgpwd-left-sub[b-uhw27arip0] {
    font-size: 0.69rem;
    color: rgba(255, 255, 255, 0.35);
    margin: 0;
    line-height: 1.3;
}

/* ── Área dos steps ── */
.sgpwd-steps[b-uhw27arip0] {
    position: relative;
    z-index: 2;
    flex: 1;
    padding: 20px 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ── Card de step ── */
.sgpwd-step-card[b-uhw27arip0] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px 10px 10px;
    border-radius: 10px;
    transition: background 0.25s, box-shadow 0.25s;
    cursor: default;
    overflow: hidden;
}

/* Pendente */
.sgpwd-step-card--pending .sgpwd-step-indicator[b-uhw27arip0] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

.sgpwd-step-card--pending .sgpwd-step-num[b-uhw27arip0] {
    color: rgba(255, 255, 255, 0.22);
}

.sgpwd-step-card--pending .sgpwd-step-card-title[b-uhw27arip0] {
    color: rgba(255, 255, 255, 0.28);
}

.sgpwd-step-card--pending .sgpwd-step-card-desc[b-uhw27arip0] {
    color: rgba(255, 255, 255, 0.16);
}

/* Ativo */
.sgpwd-step-card--active[b-uhw27arip0] {
    background: rgba(99, 102, 241, 0.12);
    box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.24);
}

.sgpwd-step-card--active .sgpwd-step-indicator[b-uhw27arip0] {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    border-color: #6366f1;
    box-shadow:
        0 0 0 3px rgba(99, 102, 241, 0.22),
        0 0 18px rgba(99, 102, 241, 0.42);
    animation: sgpwd-pulse-glow-b-uhw27arip0 2s ease-in-out infinite;
}

.sgpwd-step-card--active .sgpwd-step-num[b-uhw27arip0] {
    color: #ffffff;
}

.sgpwd-step-card--active .sgpwd-step-card-title[b-uhw27arip0] {
    color: #e0e7ff;
    font-weight: 600;
}

.sgpwd-step-card--active .sgpwd-step-card-desc[b-uhw27arip0] {
    color: rgba(199, 210, 254, 0.65);
}

/* Concluído */
.sgpwd-step-card--done[b-uhw27arip0] {
    background: rgba(34, 197, 94, 0.05);
}

.sgpwd-step-card--done .sgpwd-step-indicator[b-uhw27arip0] {
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.38);
}

.sgpwd-step-card--done .sgpwd-check-path[b-uhw27arip0] {
    color: #86efac;
    stroke-dasharray: 30;
    stroke-dashoffset: 0;
    animation: sgpwd-draw-check-b-uhw27arip0 0.45s ease-out forwards;
}

.sgpwd-step-card--done .sgpwd-step-card-title[b-uhw27arip0] {
    color: rgba(255, 255, 255, 0.50);
}

.sgpwd-step-card--done .sgpwd-step-card-desc[b-uhw27arip0] {
    color: rgba(255, 255, 255, 0.25);
}

/* Sucesso (passo final concluído) */
.sgpwd-step-card--success[b-uhw27arip0] {
    background: rgba(34, 197, 94, 0.08);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.20);
}

.sgpwd-step-card--success .sgpwd-step-indicator[b-uhw27arip0] {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border-color: #22c55e;
    box-shadow:
        0 0 0 3px rgba(34, 197, 94, 0.20),
        0 0 16px rgba(34, 197, 94, 0.35);
}

.sgpwd-step-card--success .sgpwd-check-path[b-uhw27arip0] {
    color: #ffffff;
    stroke: #ffffff;
    stroke-dasharray: 30;
    stroke-dashoffset: 0;
    animation: sgpwd-draw-check-b-uhw27arip0 0.45s ease-out forwards;
}

.sgpwd-step-card--success .sgpwd-step-card-title[b-uhw27arip0] {
    color: #d1fae5;
    font-weight: 600;
}

.sgpwd-step-card--success .sgpwd-step-card-desc[b-uhw27arip0] {
    color: rgba(167, 243, 208, 0.60);
}

/* Barra lateral ativa */
.sgpwd-step-active-bar[b-uhw27arip0] {
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 0 2px 2px 0;
    background: linear-gradient(180deg, #818cf8, #6366f1);
    box-shadow: 0 0 8px rgba(99, 102, 241, 0.65);
}

/* ── Indicador circular ── */
.sgpwd-step-indicator[b-uhw27arip0] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sgpwd-step-num[b-uhw27arip0] {
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}

.sgpwd-check-svg[b-uhw27arip0] {
    width: 15px;
    height: 15px;
}

.sgpwd-check-path[b-uhw27arip0] {
    stroke-dasharray: 30;
    stroke-dashoffset: 30;
    animation: sgpwd-draw-check-b-uhw27arip0 0.45s 0.05s ease-out forwards;
}

/* ── Corpo do card ── */
.sgpwd-step-card-body[b-uhw27arip0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.sgpwd-step-card-title[b-uhw27arip0] {
    font-size: 0.8rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.50);
    line-height: 1.2;
    transition: color 0.25s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgpwd-step-card-desc[b-uhw27arip0] {
    font-size: 0.66rem;
    color: rgba(255, 255, 255, 0.26);
    line-height: 1.2;
    transition: color 0.25s;
}

/* ── Conector ── */
.sgpwd-connector[b-uhw27arip0] {
    padding: 0 0 0 27px;
    height: 20px;
    display: flex;
    align-items: stretch;
}

.sgpwd-connector-line[b-uhw27arip0] {
    width: 2px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 1px;
    position: relative;
    overflow: hidden;
}

.sgpwd-connector-fill[b-uhw27arip0] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background: linear-gradient(180deg, #6366f1, rgba(99, 102, 241, 0.3));
    transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.sgpwd-connector-fill--animate[b-uhw27arip0] {
    height: 100%;
}

.sgpwd-connector--done .sgpwd-connector-line[b-uhw27arip0] {
    background: rgba(34, 197, 94, 0.12);
}

.sgpwd-connector--done .sgpwd-connector-fill[b-uhw27arip0] {
    height: 100%;
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.45), rgba(34, 197, 94, 0.18));
}

/* ── Rodapé ── */
.sgpwd-left-footer[b-uhw27arip0] {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    padding: 14px 18px;
    border-top: 1px solid rgba(99, 102, 241, 0.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sgpwd-footer-dots[b-uhw27arip0] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sgpwd-footer-dot[b-uhw27arip0] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.13);
    transition: all 0.3s;
}

.sgpwd-footer-dot--active[b-uhw27arip0] {
    background: #6366f1;
    width: 18px;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(99, 102, 241, 0.55);
}

.sgpwd-footer-label[b-uhw27arip0] {
    font-size: 0.68rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.26);
    letter-spacing: 0.08em;
    font-variant-numeric: tabular-nums;
}

/* ── Animações ── */
@keyframes sgpwd-pulse-glow-b-uhw27arip0 {
    0%, 100% { box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.22), 0 0 18px rgba(99, 102, 241, 0.42); }
    50%       { box-shadow: 0 0 0 5px rgba(99, 102, 241, 0.13), 0 0 26px rgba(99, 102, 241, 0.58); }
}

@keyframes sgpwd-draw-check-b-uhw27arip0 {
    from { stroke-dashoffset: 30; }
    to   { stroke-dashoffset: 0; }
}

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

/* ============================================================
   PAINEL DIREITO
   ============================================================ */

.sgpwd-right[b-uhw27arip0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--color-sf-content-bg-color);
    overflow: hidden;
}

.sgpwd-step[b-uhw27arip0] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 28px 32px;
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* ── Cabeçalho do passo ── */
.sgpwd-step-header[b-uhw27arip0] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--color-sf-border-light);
}

.sgpwd-step-badge[b-uhw27arip0] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #3730a3;
    background: #e0e7ff;
    border: 1px solid #c7d2fe;
    border-radius: 6px;
    padding: 4px 8px;
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.sgpwd-step-badge--success[b-uhw27arip0] {
    color: var(--color-sf-success-text, #107c10);
    background: color-mix(in srgb, var(--color-sf-success) 10%, transparent);
    border-color: color-mix(in srgb, var(--color-sf-success) 25%, transparent);
}

.sgpwd-step-title-wrap[b-uhw27arip0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgpwd-step-title[b-uhw27arip0] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    margin: 0;
    line-height: 1.2;
}

.sgpwd-step-sub[b-uhw27arip0] {
    font-size: 0.74rem;
    color: var(--color-sf-content-text-color-alt1);
    margin: 0;
}

/* ── Card de identidade (Step 0) ── */
.sgpwd-identity-card[b-uhw27arip0] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: color-mix(in srgb, #6366f1 6%, var(--color-sf-content-bg-color-alt1));
    border: 1px solid color-mix(in srgb, #6366f1 20%, transparent);
    border-radius: 12px;
}

.sgpwd-identity-avatar[b-uhw27arip0] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 10px rgba(99, 102, 241, 0.35);
}

.sgpwd-identity-avatar span[b-uhw27arip0] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.02em;
}

.sgpwd-identity-info[b-uhw27arip0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgpwd-identity-name[b-uhw27arip0] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    line-height: 1.2;
}

.sgpwd-identity-email[b-uhw27arip0] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
}

/* ── Campos de identidade ── */
.sgpwd-identity-fields[b-uhw27arip0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
}

.sgpwd-identity-field[b-uhw27arip0] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 14px;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 8px;
}

.sgpwd-identity-field-label[b-uhw27arip0] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-sf-content-text-color-alt1);
    letter-spacing: 0.05em;
}

.sgpwd-identity-field-value[b-uhw27arip0] {
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color);
}

.sgpwd-mono[b-uhw27arip0] {
    font-size: 0.82rem;
}

/* ── Caixa informativa ── */
.sgpwd-info-box[b-uhw27arip0] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    background: color-mix(in srgb, #6366f1 5%, var(--color-sf-content-bg-color-alt1));
    border: 1px solid color-mix(in srgb, #6366f1 18%, transparent);
    border-radius: 8px;
}

.sgpwd-info-icon[b-uhw27arip0] {
    font-size: 16px;
    color: #6366f1;
    flex-shrink: 0;
    margin-top: 1px;
}

.sgpwd-info-icon[b-uhw27arip0]::before {
    color: #6366f1 !important;
}

.sgpwd-info-text[b-uhw27arip0] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
    line-height: 1.55;
    margin: 0;
}

/* ── Formulário (Step 1) ── */
.sgpwd-form[b-uhw27arip0] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.sgpwd-form-field[b-uhw27arip0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sgpwd-form-label[b-uhw27arip0] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
}

.sgpwd-form-label span[b-uhw27arip0] {
    font-size: 14px;
    color: #6366f1;
}

.sgpwd-form-label span[b-uhw27arip0]::before {
    color: #6366f1 !important;
}

.sgpwd-form-divider[b-uhw27arip0] {
    height: 1px;
    background: var(--color-sf-border-light);
    margin: 2px 0;
}

.sgpwd-field-error[b-uhw27arip0] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.74rem;
    color: var(--color-sf-danger-text, #a4262c);
}

.sgpwd-field-error span[b-uhw27arip0] {
    font-size: 13px;
}

/* ── Barra de força da senha ── */
.sgpwd-strength-wrap[b-uhw27arip0] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 2px;
}

.sgpwd-strength-track[b-uhw27arip0] {
    flex: 1;
    height: 3px;
    background: var(--color-sf-border-light);
    border-radius: 2px;
    overflow: hidden;
}

.sgpwd-strength-fill[b-uhw27arip0] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.35s ease, background 0.35s ease;
}

.sgpwd-strength-fill--weak[b-uhw27arip0]   { background: #ef4444; }
.sgpwd-strength-fill--fair[b-uhw27arip0]   { background: #f59e0b; }
.sgpwd-strength-fill--good[b-uhw27arip0]   { background: #3b82f6; }
.sgpwd-strength-fill--strong[b-uhw27arip0] { background: #22c55e; }

.sgpwd-strength-label[b-uhw27arip0] {
    font-size: 0.65rem;
    font-weight: 700;
    width: 60px;
    text-align: right;
    letter-spacing: 0.03em;
}

.sgpwd-strength-label--weak[b-uhw27arip0]   { color: #ef4444; }
.sgpwd-strength-label--fair[b-uhw27arip0]   { color: #f59e0b; }
.sgpwd-strength-label--good[b-uhw27arip0]   { color: #3b82f6; }
.sgpwd-strength-label--strong[b-uhw27arip0] { color: #22c55e; }

/* ── Caixa de erro geral ── */
.sgpwd-error-box[b-uhw27arip0] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    background: color-mix(in srgb, var(--color-sf-danger) 6%, var(--color-sf-content-bg-color-alt1));
    border: 1px solid color-mix(in srgb, var(--color-sf-danger) 20%, transparent);
    border-radius: 8px;
}

.sgpwd-error-icon[b-uhw27arip0] {
    font-size: 16px;
    color: var(--color-sf-danger-text, #a4262c);
    flex-shrink: 0;
    margin-top: 1px;
}

.sgpwd-error-icon[b-uhw27arip0]::before {
    color: var(--color-sf-danger-text, #a4262c) !important;
}

.sgpwd-error-text[b-uhw27arip0] {
    font-size: 0.78rem;
    color: var(--color-sf-danger-text, #a4262c);
    line-height: 1.55;
    margin: 0;
}

/* ── Resultado (Step 2) ── */
.sgpwd-result[b-uhw27arip0] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--color-sf-border-light);
    animation: sgpwd-result-in-b-uhw27arip0 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes sgpwd-result-in-b-uhw27arip0 {
    from { opacity: 0; transform: scale(0.96) translateY(6px); }
    to   { opacity: 1; transform: scale(1)    translateY(0);  }
}

.sgpwd-result--ok[b-uhw27arip0] {
    background: color-mix(in srgb, var(--color-sf-success) 6%, var(--color-sf-content-bg-color-alt1));
    border-color: color-mix(in srgb, var(--color-sf-success) 25%, transparent);
}

.sgpwd-result--erro[b-uhw27arip0] {
    background: color-mix(in srgb, var(--color-sf-danger) 6%, var(--color-sf-content-bg-color-alt1));
    border-color: color-mix(in srgb, var(--color-sf-danger) 20%, transparent);
}

.sgpwd-result-icon-wrap[b-uhw27arip0] {
    position: relative;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgpwd-result-icon-ring[b-uhw27arip0] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1.5px solid currentColor;
    opacity: 0.2;
}

.sgpwd-result--ok .sgpwd-result-icon-wrap[b-uhw27arip0] {
    color: var(--color-sf-success);
}

.sgpwd-result--erro .sgpwd-result-icon-wrap[b-uhw27arip0] {
    color: var(--color-sf-danger);
}

.sgpwd-result-icon[b-uhw27arip0] {
    font-size: 24px;
    position: relative;
    z-index: 1;
}

.sgpwd-result--ok .sgpwd-result-icon[b-uhw27arip0] {
    color: var(--color-sf-success-text, #107c10);
}

.sgpwd-result--ok .sgpwd-result-icon[b-uhw27arip0]::before {
    color: var(--color-sf-success-text, #107c10) !important;
}

.sgpwd-result--erro .sgpwd-result-icon[b-uhw27arip0] {
    color: var(--color-sf-danger-text, #a4262c);
}

.sgpwd-result--erro .sgpwd-result-icon[b-uhw27arip0]::before {
    color: var(--color-sf-danger-text, #a4262c) !important;
}

.sgpwd-result-body[b-uhw27arip0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sgpwd-result-headline[b-uhw27arip0] {
    margin: 0;
    font-size: 0.97rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    line-height: 1.2;
}

.sgpwd-result-detail[b-uhw27arip0] {
    margin: 0;
    font-size: 0.84rem;
    color: var(--color-sf-content-text-color-alt1);
    line-height: 1.5;
}

/* ── Ações ── */
.sgpwd-step-actions[b-uhw27arip0] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 14px;
    border-top: 1px solid var(--color-sf-border-light);
    margin-top: auto;
    flex-shrink: 0;
}

/* Botão primário com gradiente índigo */
.sgpwd-btn-next.e-btn.e-primary[b-uhw27arip0] {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 2px 12px rgba(99, 102, 241, 0.35) !important;
    transition: box-shadow 0.2s, transform 0.15s !important;
    display: flex;
    align-items: center;
    gap: 6px;
}

.sgpwd-btn-next.e-btn.e-primary span[b-uhw27arip0] {
    color: #fff !important;
}

.sgpwd-btn-next.e-btn.e-primary span[b-uhw27arip0]::before {
    color: #fff !important;
}

.sgpwd-btn-next.e-btn.e-primary:hover:not(:disabled)[b-uhw27arip0] {
    box-shadow: 0 4px 18px rgba(99, 102, 241, 0.52) !important;
    transform: translateY(-1px) !important;
}

.sgpwd-btn-next.e-btn.e-primary:active[b-uhw27arip0] {
    transform: translateY(0) !important;
}

/* Botão cancelar / voltar */
.sgpwd-btn-cancel[b-uhw27arip0] {
    background: transparent !important;
    border: 1px solid var(--color-sf-border-light) !important;
    color: var(--color-sf-content-text-color) !important;
    display: flex;
    align-items: center;
    gap: 6px;
}

.sgpwd-btn-cancel:hover:not(:disabled)[b-uhw27arip0] {
    background: rgba(99, 102, 241, 0.06) !important;
    border-color: #6366f1 !important;
    color: #4f46e5 !important;
}

/* Spinner inline */
.sgpwd-spin[b-uhw27arip0] {
    display: inline-block;
    font-size: 15px;
    animation: sgpwd-spin-b-uhw27arip0 1s linear infinite;
}

/* ── Dark mode overrides ── */
@media (prefers-color-scheme: dark) {
    .sgpwd-step-badge[b-uhw27arip0]     { color: #818cf8; background: rgba(99, 102, 241, 0.14); border-color: rgba(99, 102, 241, 0.28); }
    .sgpwd-btn-cancel:hover:not(:disabled)[b-uhw27arip0] { color: #818cf8 !important; }
}
/* /Components/Pages/Forms/AnexoPanel.razor.rz.scp.css */
/* ============================================================
   AnexoPanel — Gestão de Anexos — Segla Framework
   Prefixo: sganx-
   Design: SAP Fiori Horizon + Syncfusion Fluent 2
   ============================================================ */

/* Panel container */
.sganx-panel[b-mbw1ay2mc1] {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 100%;
    background: var(--color-sf-content-bg-color);
}

/* ── Header ───────────────────────────────────────────────── */
.sganx-header[b-mbw1ay2mc1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px 14px;
    border-bottom: 1px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color-alt1);
}

.sganx-header-left[b-mbw1ay2mc1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sganx-header-icon-wrap[b-mbw1ay2mc1] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--color-sf-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    flex-shrink: 0;
}

.sganx-header-title[b-mbw1ay2mc1] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    line-height: 1.2;
}

.sganx-header-sub[b-mbw1ay2mc1] {
    font-size: 0.73rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sganx-count-badge[b-mbw1ay2mc1] {
    padding: 4px 12px;
    background: var(--color-sf-primary);
    color: #fff;
    border-radius: 12px;
    font-size: 0.78rem;
    font-weight: 600;
}

/* ── Upload zone ──────────────────────────────────────────── */
.sganx-upload-zone[b-mbw1ay2mc1] {
    margin: 16px 20px 0;
    padding: 24px 20px;
    border: 2px dashed var(--color-sf-border-light);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    background: var(--color-sf-content-bg-color-alt1);
    transition: border-color 0.15s, background 0.15s;
    cursor: default;
}

.sganx-upload-zone.sganx-drag-over[b-mbw1ay2mc1] {
    border-color: var(--color-sf-primary);
    background: var(--color-sf-primary-bg-color);
}

.sganx-upload-icon[b-mbw1ay2mc1] {
    font-size: 2rem;
    color: var(--color-sf-icon-color);
}

.sganx-upload-hint[b-mbw1ay2mc1] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sganx-upload-size-hint[b-mbw1ay2mc1] {
    margin: 0;
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sganx-btn-browse[b-mbw1ay2mc1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 18px;
    background: var(--color-sf-primary);
    color: var(--color-sf-primary-text-color);
    border-radius: 4px;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.15s;
}

.sganx-btn-browse:hover[b-mbw1ay2mc1] { opacity: 0.88; }

.sganx-input-file[b-mbw1ay2mc1] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

/* ── Pending files ────────────────────────────────────────── */
.sganx-pendentes[b-mbw1ay2mc1] {
    margin: 10px 20px 0;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 8px;
    overflow: hidden;
}

.sganx-pendentes-header[b-mbw1ay2mc1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    background: var(--color-sf-primary-bg-color);
    border-bottom: 1px solid var(--color-sf-border-light);
}

.sganx-pendentes-label[b-mbw1ay2mc1] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--color-sf-primary);
}

.sganx-btn-enviar[b-mbw1ay2mc1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    background: var(--color-sf-primary);
    color: var(--color-sf-primary-text-color);
    border: none;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.15s;
}

.sganx-btn-enviar:hover:not(:disabled)[b-mbw1ay2mc1] { opacity: 0.88; }
.sganx-btn-enviar:disabled[b-mbw1ay2mc1] { opacity: 0.5; cursor: not-allowed; }

.sganx-pendentes-list[b-mbw1ay2mc1] { padding: 4px 0; }

.sganx-pendente-item[b-mbw1ay2mc1] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color);
}

.sganx-pendente-item:not(:last-child)[b-mbw1ay2mc1] {
    border-bottom: 1px solid var(--color-sf-border-light);
}

.sganx-pend-info[b-mbw1ay2mc1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.sganx-desc-input[b-mbw1ay2mc1] {
    width: 100%;
    padding: 4px 8px;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 4px;
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color);
    background: var(--color-sf-content-bg-color);
    outline: none;
    transition: border-color 0.15s;
}

.sganx-desc-input:focus[b-mbw1ay2mc1] {
    border-color: var(--color-sf-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-sf-primary) 15%, transparent);
}

.sganx-btn-remove-pend[b-mbw1ay2mc1] {
    margin-left: auto;
    background: none;
    border: none;
    padding: 2px 4px;
    cursor: pointer;
    color: var(--color-sf-icon-color);
    font-size: 0.75rem;
    border-radius: 4px;
    transition: background 0.12s, color 0.12s;
}

.sganx-btn-remove-pend:hover[b-mbw1ay2mc1] {
    background: color-mix(in srgb, var(--color-sf-danger) 12%, transparent);
    color: var(--color-sf-danger);
}

.sganx-upload-error[b-mbw1ay2mc1] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: color-mix(in srgb, var(--color-sf-danger) 8%, transparent);
    color: var(--color-sf-danger);
    font-size: 0.78rem;
    border-top: 1px solid var(--color-sf-border-light);
}

/* ── Attachments list ─────────────────────────────────────── */
.sganx-list[b-mbw1ay2mc1] {
    flex: 1;
    overflow-y: auto;
    padding: 12px 20px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sganx-loading[b-mbw1ay2mc1],
.sganx-empty[b-mbw1ay2mc1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 40px 20px;
    color: var(--color-sf-content-text-color-alt1);
}

.sganx-empty-icon[b-mbw1ay2mc1] {
    font-size: 2.8rem;
    color: var(--color-sf-icon-color);
}

.sganx-empty-text[b-mbw1ay2mc1] {
    margin: 0;
    font-size: 0.85rem;
}

/* Each attachment row */
.sganx-item[b-mbw1ay2mc1] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 8px;
    background: var(--color-sf-content-bg-color-alt1);
    transition: border-color 0.12s, box-shadow 0.12s;
}

.sganx-item:hover[b-mbw1ay2mc1] {
    border-color: var(--color-sf-primary);
    box-shadow: 0 1px 4px color-mix(in srgb, var(--color-sf-primary) 15%, transparent);
}

.sganx-item-icon-wrap[b-mbw1ay2mc1] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: var(--color-sf-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: #fff;
    line-height: 1;
    flex-shrink: 0;
}

.sganx-item-info[b-mbw1ay2mc1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.sganx-item-name[b-mbw1ay2mc1] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sganx-item-desc[b-mbw1ay2mc1] {
    font-size: 0.75rem;
    color: var(--color-sf-content-text-color-alt1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sganx-item-meta[b-mbw1ay2mc1] {
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1);
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.sganx-item-size[b-mbw1ay2mc1] {
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1);
    margin-left: auto;
    flex-shrink: 0;
}

.sganx-meta-dot[b-mbw1ay2mc1] { opacity: 0.5; }

.sganx-item-actions[b-mbw1ay2mc1] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.sganx-btn-action[b-mbw1ay2mc1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 6px;
    background: var(--color-sf-content-bg-color);
    color: var(--color-sf-icon-color);
    font-size: 0.9rem;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.sganx-btn-action:hover[b-mbw1ay2mc1] {
    background: var(--color-sf-primary-bg-color);
    color: var(--color-sf-primary);
    border-color: var(--color-sf-primary);
}

.sganx-btn-delete:hover[b-mbw1ay2mc1] {
    background: color-mix(in srgb, var(--color-sf-danger) 10%, transparent);
    color: var(--color-sf-danger);
    border-color: var(--color-sf-danger);
}

/* ── Spinner animation ────────────────────────────────────── */
.sganx-spin[b-mbw1ay2mc1] {
    display: inline-block;
    animation: sganx-rotate-b-mbw1ay2mc1 0.8s linear infinite;
}

@keyframes sganx-rotate-b-mbw1ay2mc1 {
    to { transform: rotate(360deg); }
}
/* /Components/Pages/Forms/BarraTitulo.razor.rz.scp.css */
/* ============================================================
   BarraTitulo.razor.css
   Barra de identidade do formulário — balloon com ícone + texto
   Prefixo: sgbt-
   ============================================================ */

/* ── Barra contentor ─────────────────────────────────────── */
.sgbt-bar[b-v61499h376] {
    display: flex;
    align-items: center;
    background-color: var(--color-sf-content-bg-color-alt1);
    padding: 8px 16px;
    min-height: 56px;
    flex-shrink: 0;
}

/* ── Balloon — pill com ícone + texto ────────────────────── */
.sgbt-balloon[b-v61499h376] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border-color);
    border-left: 3px solid var(--sys-color, var(--color-sf-border-color));
    border-radius: 10px;
    padding: 8px 18px 8px 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
    transition: border-color 0.3s ease;
}

/* ── Ícone — círculo com cor do sistema (fallback: cor primária) */
.sgbt-icon-wrap[b-v61499h376] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: var(--sys-color, var(--color-sf-primary));
    border-radius: 8px;
    color: #fff !important;
    font-size: 1.2rem;
    line-height: 1;
    flex-shrink: 0;
    transition: background 0.3s ease;
}

[b-v61499h376] .sgbt-icon-wrap span { color: #fff !important; }
[b-v61499h376] .sgbt-icon-wrap span[class*="icon-"]::before { color: #fff !important; }

/* ── Bloco de texto ──────────────────────────────────────── */
.sgbt-text[b-v61499h376] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* ── Linha principal — nome do formulário ────────────────── */
.sgbt-title[b-v61499h376] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    line-height: 1.3;
    white-space: nowrap;
}

/* ── Linha secundária — descrição breve ──────────────────── */
.sgbt-subtitle[b-v61499h376] {
    font-size: 11px;
    font-weight: 400;
    color: var(--color-sf-content-text-color);
    opacity: 0.55;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 540px;
}
/* /Components/Pages/Forms/FloorPlan.razor.rz.scp.css */
/* ── Shell do FloorPlan — sidebar lateral + conteúdo ─────── */
.fp-shell[b-fr0l11371b] {
    display: flex;
    flex-direction: row;
    height: calc(100vh - 50px);
    overflow: hidden;
}

.fp-main[b-fr0l11371b] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 0; /* evita overflow em flex com conteúdo largo */
}

/* ── Barra de contexto do sistema (breadcrumb colorida) ───── */
.fp-system-bar[b-fr0l11371b] {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    min-height: 30px;
    padding: 0 14px;
    background: var(--sys-color-glow, rgba(100, 116, 139, 0.08));
    border-bottom: 1px solid var(--sys-color-glow, rgba(100, 116, 139, 0.12));
    font-size: 0.72rem;
    letter-spacing: 0.02em;
    flex-shrink: 0;
    overflow: hidden;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.fp-system-dot[b-fr0l11371b] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--sys-color, #64748B);
    box-shadow: 0 0 6px var(--sys-color-glow, rgba(100, 116, 139, 0.3));
    flex-shrink: 0;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.fp-system-label[b-fr0l11371b] {
    color: var(--sys-color, #64748B);
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color 0.3s ease;
}

.fp-system-sep[b-fr0l11371b] {
    color: rgba(0, 0, 0, 0.2);
    font-weight: 300;
}

.fp-system-menu[b-fr0l11371b] {
    color: #475569;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Fallback para TIPO_ITEM='externo' (Sprint Q2/2026 — Item 1) ── */
.fp-externo-msg[b-fr0l11371b] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 24px;
    margin: 32px auto;
    max-width: 720px;
    background: linear-gradient(135deg, rgba(37,99,235,0.08), rgba(37,99,235,0.02));
    border: 1px solid rgba(37,99,235,0.25);
    border-radius: 12px;
    color: #1e3a8a;
}
.fp-externo-msg span[class*="icon-"][b-fr0l11371b] {
    font-size: 22px;
    color: #2563eb !important;
    flex-shrink: 0;
}
.fp-externo-msg span[class*="icon-"][b-fr0l11371b]::before { color: #2563eb !important; }
.fp-externo-msg a[b-fr0l11371b] {
    color: #2563eb;
    font-weight: 600;
    text-decoration: underline;
}
body.e-dark-mode .fp-externo-msg[b-fr0l11371b] {
    background: linear-gradient(135deg, rgba(37,99,235,0.15), rgba(37,99,235,0.05));
    color: #93c5fd;
}
/* /Components/Pages/Forms/FollowupPanel.razor.rz.scp.css */
/* ============================================================
   FollowupPanel — Segla Framework
   Prefixo: sgflw-
   Design: SAP Fiori Horizon + Syncfusion Fluent 2
   ============================================================ */

.sgflw-panel[b-b38a9wep0d] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--color-sf-content-bg-color);
}

/* ── Header ──────────────────────────────────────────────── */
.sgflw-header[b-b38a9wep0d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 12px;
    background: var(--color-sf-content-bg-color-alt1);
    border-bottom: 1px solid var(--color-sf-border-light);
    flex-shrink: 0;
}

.sgflw-header-left[b-b38a9wep0d] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sgflw-header-icon-wrap[b-b38a9wep0d] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--color-sf-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
    color: #fff !important;
}

.sgflw-header-icon-wrap span[b-b38a9wep0d] { color: #fff !important; }
.sgflw-header-icon-wrap span[class*="icon-"][b-b38a9wep0d]::before { color: #fff !important; }

.sgflw-header-title[b-b38a9wep0d] {
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0;
    color: var(--color-sf-content-text-color);
}

.sgflw-header-sub[b-b38a9wep0d] {
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sgflw-count-badge[b-b38a9wep0d] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 12px;
    background: var(--color-sf-primary);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

/* ── Lista de mensagens ──────────────────────────────────── */
.sgflw-list[b-b38a9wep0d] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sgflw-loading[b-b38a9wep0d],
.sgflw-empty[b-b38a9wep0d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px 16px;
    color: var(--color-sf-content-text-color-alt1);
    font-size: 0.85rem;
}

.sgflw-empty-icon[b-b38a9wep0d] {
    font-size: 2rem;
    opacity: 0.4;
}

/* ── Item de mensagem ────────────────────────────────────── */
.sgflw-item[b-b38a9wep0d] {
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border-light);
    border-left: 3px solid var(--color-sf-border-light);
    border-radius: 6px;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sgflw-item--reply[b-b38a9wep0d] {
    margin-left: 24px;
    border-left: 3px solid var(--color-sf-primary);
}

.sgflw-item--resolved[b-b38a9wep0d] {
    background: color-mix(in srgb, var(--color-sf-success) 6%, transparent);
    border-left-color: var(--color-sf-success);
}

.sgflw-item-top[b-b38a9wep0d] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sgflw-avatar[b-b38a9wep0d] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    flex-shrink: 0;
    text-transform: uppercase;
}

.sgflw-avatar--sm[b-b38a9wep0d] {
    width: 26px;
    height: 26px;
    font-size: 0.65rem;
}

.sgflw-item-meta[b-b38a9wep0d] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.sgflw-item-user[b-b38a9wep0d] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
}

.sgflw-item-date[b-b38a9wep0d] {
    font-size: 0.7rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sgflw-resolved-badge[b-b38a9wep0d] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 10px;
    background: var(--color-sf-success);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 600;
    flex-shrink: 0;
}

.sgflw-item-body[b-b38a9wep0d] {
    font-size: 0.85rem;
    color: var(--color-sf-content-text-color);
    line-height: 1.5;
    word-break: break-word;
}

.sgflw-item-actions[b-b38a9wep0d] {
    display: flex;
    gap: 8px;
}

.sgflw-btn-action[b-b38a9wep0d] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: transparent;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 4px;
    font-size: 0.75rem;
    color: var(--color-sf-content-text-color-alt1);
    cursor: pointer;
    transition: all 0.15s;
}

.sgflw-btn-action:hover[b-b38a9wep0d] {
    background: var(--color-sf-content-bg-color-alt1);
    color: var(--color-sf-content-text-color);
}

.sgflw-btn-resolve[b-b38a9wep0d] {
    color: var(--color-sf-success);
    border-color: var(--color-sf-success);
}

.sgflw-btn-resolve:hover[b-b38a9wep0d] {
    background: color-mix(in srgb, var(--color-sf-success) 8%, transparent);
}

/* ── Compose ─────────────────────────────────────────────── */
.sgflw-compose[b-b38a9wep0d] {
    padding: 12px;
    border-top: 1px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color-alt1);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sgflw-compose--inline[b-b38a9wep0d] {
    border-top: 1px solid var(--color-sf-border-light);
    padding: 8px 0 0;
    background: transparent;
    margin-top: 4px;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.sgflw-compose-input[b-b38a9wep0d] {
    width: 100%;
    resize: vertical;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 0.85rem;
    font-family: inherit;
    background: var(--color-sf-content-bg-color);
    color: var(--color-sf-content-text-color);
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.sgflw-compose-input:focus[b-b38a9wep0d] {
    outline: none;
    border-color: var(--color-sf-primary);
}

.sgflw-compose-actions[b-b38a9wep0d] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.sgflw-btn-cancel[b-b38a9wep0d] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 14px;
    background: transparent;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 4px;
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color-alt1);
    cursor: pointer;
    transition: all 0.15s;
}

.sgflw-btn-cancel:hover[b-b38a9wep0d] {
    background: var(--color-sf-content-bg-color);
}

.sgflw-btn-send[b-b38a9wep0d] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 16px;
    background: var(--color-sf-primary);
    color: #fff;
    border: 1px solid var(--color-sf-primary);
    border-radius: 4px;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.15s;
}

.sgflw-btn-send span[b-b38a9wep0d] { color: #fff !important; }
.sgflw-btn-send span[class*="icon-"][b-b38a9wep0d]::before { color: #fff !important; }
.sgflw-btn-send:hover:not(:disabled)[b-b38a9wep0d] { opacity: 0.88; }
.sgflw-btn-send:disabled[b-b38a9wep0d] { opacity: 0.5; cursor: not-allowed; }

/* ── Compose wrapper (para posicionar popup) ─────────────── */
.sgflw-compose-wrap[b-b38a9wep0d] {
    position: relative;
    width: 100%;
}

.sgflw-compose-hint[b-b38a9wep0d] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1);
    margin-right: auto;
}

/* ── Menções inline ──────────────────────────────────────── */
[b-b38a9wep0d] .sgflw-mention {
    display: inline;
    background: color-mix(in srgb, var(--color-sf-primary) 12%, transparent);
    color: var(--color-sf-primary);
    font-weight: 600;
    border-radius: 3px;
    padding: 0 3px;
}

/* ── Popup de sugestões de menção ────────────────────────── */
.sgflw-mention-popup[b-b38a9wep0d] {
    flex-shrink: 0;
    max-height: 220px;
    overflow-y: auto;
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0,0,0,.15);
    z-index: 100;
    display: flex;
    flex-direction: column;
    padding: 4px;
    margin: 0 8px;
}

.sgflw-mention-item[b-b38a9wep0d] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: none;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    text-align: left;
    transition: background 0.12s;
    color: var(--color-sf-content-text-color);
    width: 100%;
}

.sgflw-mention-item:hover[b-b38a9wep0d] {
    background: var(--color-sf-content-bg-color-alt1);
}

.sgflw-mention-item-name[b-b38a9wep0d] {
    font-size: 0.82rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Spinner animation ───────────────────────────────────── */
@keyframes sgflw-spin-b-b38a9wep0d {
    to { transform: rotate(360deg); }
}

.sgflw-spin[b-b38a9wep0d] {
    animation: sgflw-spin-b-b38a9wep0d 1s linear infinite;
}
/* /Components/Pages/Forms/Grid.razor.rz.scp.css */
/* ============================================================
   Grid — Estilos locais (lock indicator, split panel, confirm)
   Prefixo: sgdlg- (global) / sgrid- (local)
   Classes sgdlg-* estão em wwwroot/app.css (global)
   ============================================================ */

/* ── Indicador de cadeado na coluna do grid ──────────────── */
[b-0zi2dp6nho] .sgrid-lock-indicator {
    font-size: 13px;
    line-height: 1;
}

[b-0zi2dp6nho] .sgrid-lock-indicator[class*="icon-"]::before {
    color: #c47a00 !important;
}

/* ── Células de linhas bloqueadas (só cor do texto, sem alterar fundo/hover) */
[b-0zi2dp6nho] .e-grid td.sgrid-cell-locked {
    color: #c47a00 !important;
}

/* ── Datas sentinela (01/01/1900 ou anteriores) — ocultar o texto da célula */
[b-0zi2dp6nho] .e-grid td.sgrid-cell-blank-date {
    color: transparent !important;
    user-select: none;
}

/* ── Link para SubFormulário na célula do grid ────────────── */
[b-0zi2dp6nho] .sgrid-subform-cell {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
}

[b-0zi2dp6nho] .sgrid-subform-text {
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-0zi2dp6nho] .sgrid-subform-link {
    flex-shrink: 0;
    font-size: 14px;
    cursor: pointer;
    color: var(--color-sf-primary, #0f6cbd);
    opacity: 0.7;
    transition: opacity 0.15s, color 0.15s;
}

[b-0zi2dp6nho] .sgrid-subform-link:hover {
    opacity: 1;
    color: var(--color-sf-primary-hover, #115ea3);
}

[b-0zi2dp6nho] .sgrid-subform-link--disabled {
    color: #999;
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
}

/* ── Detail Template (master-detail) ─────────────────────── */
/* Estilos do SfTab no detail template estão em app.css (global)
   porque o SfGrid renderiza o conteúdo fora do escopo do CSS isolation. */
[b-0zi2dp6nho] .e-detailcell {
    padding: 4px 0 !important;
}
/* /Components/Pages/Forms/GridBarraEsquerda.razor.rz.scp.css */
.barra-pesquisa[b-0fn0l4mkt8] {
    padding-top: 8px;
    display: flex;
    text-align: center;
}

.e-input-group[b-0fn0l4mkt8] {
    margin-left: 8px;
}

.e-sidebar[b-0fn0l4mkt8] {
    background-color: transparent;
}

.e-input-group .e-input-group-icon[b-0fn0l4mkt8] {
    font-size: 16px;
}
/*ICONES PARA ABRIR E FECHAR O SLIDE*/


.barra-toggle[b-0fn0l4mkt8]  .docked,
.barra-toggle[b-0fn0l4mkt8]  .expanded {
    cursor: pointer;
}

[b-0fn0l4mkt8] .expanded {
    margin-left: 8px;
    margin-right: 8px;
}

.barra-toggle[b-0fn0l4mkt8] {
    float: right;
    flex-grow: 1;
    padding-top: 6px;
}
/* /Components/Pages/Forms/HelpPanel.razor.rz.scp.css */
/* ============================================================
   HelpPanel — Painel de Documentação — Segla Framework
   Prefixo: sghlp-
   Design: SAP Fiori Horizon + Syncfusion Fluent 2
   Tema: escuro (paleta de documentação)
   ============================================================ */

/* ── Tokens de cor (tema escuro de documentação) ─────────── */
:root[b-bq5bten511] {
    --sghlp-bg:         #0f1117;
    --sghlp-surface:    #161b27;
    --sghlp-surface2:   #1e2535;
    --sghlp-border:     rgba(255,255,255,0.07);
    --sghlp-border2:    rgba(255,255,255,0.12);
    --sghlp-text:       #e8eaf0;
    --sghlp-text2:      #a0a8bf;
    --sghlp-muted:      #616880;
    --sghlp-accent:     #e87c3e;
    --sghlp-accent2:    #f0a56b;
    --sghlp-accent-bg:  rgba(232,124,62,0.12);
    --sghlp-teal:       #3ecfc0;
    --sghlp-blue:       #4d9de0;
    --sghlp-green:      #3db87a;
    --sghlp-amber:      #f5b942;
    --sghlp-red:        #e85454;
}

/* ── Header ─────────────────────────────────────────────── */
.sghlp-header[b-bq5bten511] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px 14px;
    background: var(--sghlp-surface);
    border-bottom: 1px solid var(--sghlp-border2);
}

.sghlp-header-left[b-bq5bten511] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sghlp-icon-wrap[b-bq5bten511] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--sghlp-accent-bg);
    border: 1px solid rgba(232,124,62,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sghlp-icon-wrap span[b-bq5bten511] {
    font-size: 18px;
    color: var(--sghlp-accent);
}

.sghlp-icon-wrap span[b-bq5bten511]::before {
    color: var(--sghlp-accent) !important;
}

.sghlp-header-info[b-bq5bten511] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.sghlp-header-title[b-bq5bten511] {
    font-size: 14px;
    font-weight: 600;
    color: var(--sghlp-text);
    margin: 0;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 340px;
}

.sghlp-header-sub[b-bq5bten511] {
    font-size: 11px;
    color: var(--sghlp-muted);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 500;
}

/* ── Botão fechar ────────────────────────────────────────── */
.sghlp-close-btn[b-bq5bten511] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid var(--sghlp-border2);
    background: transparent;
    color: var(--sghlp-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.sghlp-close-btn:hover[b-bq5bten511] {
    background: var(--sghlp-surface2);
    color: var(--sghlp-text);
    border-color: var(--sghlp-border2);
}

.sghlp-close-btn span[b-bq5bten511] {
    font-size: 14px;
    color: inherit;
}

.sghlp-close-btn span[b-bq5bten511]::before {
    color: inherit !important;
}

/* ── Body (área de conteúdo scrollável) ──────────────────── */
.sghlp-body[b-bq5bten511] {
    padding: 24px 24px 32px;
    background: var(--sghlp-bg);
    min-height: 100%;
    overflow-y: auto;
}

/* ── Estado vazio ────────────────────────────────────────── */
.sghlp-empty[b-bq5bten511] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 24px;
    text-align: center;
    gap: 12px;
}

.sghlp-empty-icon[b-bq5bten511] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: var(--sghlp-surface2);
    border: 1px solid var(--sghlp-border2);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}

.sghlp-empty-icon span[b-bq5bten511] {
    font-size: 32px;
    color: var(--sghlp-muted);
}

.sghlp-empty-icon span[b-bq5bten511]::before {
    color: var(--sghlp-muted) !important;
}

.sghlp-empty-title[b-bq5bten511] {
    font-size: 15px;
    font-weight: 600;
    color: var(--sghlp-text);
    margin: 0;
}

.sghlp-empty-desc[b-bq5bten511] {
    font-size: 13px;
    color: var(--sghlp-text2);
    margin: 0;
    line-height: 1.6;
}

/* ── Conteúdo HTML renderizado (HELP_HTML) ───────────────── */
[b-bq5bten511] .sghlp-content h1 {
    font-size: 22px;
    font-weight: 700;
    color: var(--sghlp-text);
    margin: 0 0 12px;
    line-height: 1.25;
}

[b-bq5bten511] .sghlp-content h2 {
    font-size: 15px;
    font-weight: 600;
    color: var(--sghlp-text);
    margin: 24px 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-bq5bten511] .sghlp-content h2::before {
    content: '';
    width: 3px;
    height: 15px;
    background: var(--sghlp-accent);
    border-radius: 2px;
    flex-shrink: 0;
    display: inline-block;
}

[b-bq5bten511] .sghlp-content h3 {
    font-size: 14px;
    font-weight: 600;
    color: var(--sghlp-text);
    margin: 20px 0 8px;
}

[b-bq5bten511] .sghlp-content p {
    font-size: 13px;
    color: var(--sghlp-text2);
    line-height: 1.7;
    margin-bottom: 12px;
}

[b-bq5bten511] .sghlp-content ul,
[b-bq5bten511] .sghlp-content ol {
    padding-left: 20px;
    margin-bottom: 14px;
}

[b-bq5bten511] .sghlp-content li {
    font-size: 13px;
    color: var(--sghlp-text2);
    line-height: 1.65;
    margin-bottom: 4px;
}

[b-bq5bten511] .sghlp-content strong {
    color: var(--sghlp-text);
    font-weight: 500;
}

[b-bq5bten511] .sghlp-content em {
    font-style: normal;
    font-size: 11px;
    background: var(--sghlp-surface2);
    padding: 1px 5px;
    border-radius: 3px;
    color: var(--sghlp-accent2);
}

[b-bq5bten511] .sghlp-content code {
    font-size: 12px;
    background: var(--sghlp-surface2);
    padding: 2px 6px;
    border-radius: 4px;
    color: var(--sghlp-accent2);
}

[b-bq5bten511] .sghlp-content pre {
    background: var(--sghlp-surface2);
    border: 1px solid var(--sghlp-border2);
    border-radius: 8px;
    padding: 14px 16px;
    font-size: 12px;
    color: var(--sghlp-text2);
    line-height: 1.65;
    margin-bottom: 16px;
    overflow-x: auto;
}

[b-bq5bten511] .sghlp-content table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
    margin-bottom: 20px;
}

[b-bq5bten511] .sghlp-content th {
    text-align: left;
    padding: 8px 12px;
    background: var(--sghlp-surface2);
    color: var(--sghlp-muted);
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border-bottom: 1px solid var(--sghlp-border2);
}

[b-bq5bten511] .sghlp-content td {
    padding: 10px 12px;
    border-bottom: 1px solid var(--sghlp-border);
    color: var(--sghlp-text2);
}

[b-bq5bten511] .sghlp-content tr:hover td {
    background: var(--sghlp-surface2);
}

[b-bq5bten511] .sghlp-content a {
    color: var(--sghlp-accent2);
    text-decoration: none;
}

[b-bq5bten511] .sghlp-content a:hover {
    text-decoration: underline;
}

[b-bq5bten511] .sghlp-content img {
    max-width: 100%;
    border-radius: 8px;
    margin: 12px 0;
}

[b-bq5bten511] .sghlp-content blockquote {
    border-left: 3px solid var(--sghlp-accent);
    background: var(--sghlp-accent-bg);
    padding: 10px 14px;
    margin: 12px 0;
    border-radius: 0 6px 6px 0;
    font-size: 13px;
    color: var(--sghlp-text2);
}

/* ── Sobrescritas do SfDialog (via ::deep) ───────────────── */
[b-bq5bten511] .sghlp-dialog {
    box-shadow: -8px 0 40px rgba(0,0,0,0.5);
}

[b-bq5bten511] .sghlp-dialog .e-dlg-header-content {
    background: var(--sghlp-surface);
    border-bottom: none;
    padding: 0;
}

[b-bq5bten511] .sghlp-dialog .e-dlg-content {
    background: var(--sghlp-bg);
    padding: 0;
    overflow-y: auto;
}

[b-bq5bten511] .sghlp-dialog .e-footer-content {
    display: none;
}
/* /Components/Pages/Forms/MenuMap.razor.rz.scp.css */
/* ============================================================
   MenuMap.razor.css
   Sitemap vertical por coluna de sistema — Prefixo: sgmm-
   ============================================================ */

/* ── Wrapper com scroll horizontal ──────────────────────────── */
.sgmm-scroll-wrap[b-0mbmvu9rq9] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 85vh;
    background: var(--color-sf-content-bg-color, #f8fafc);
    border-radius: 8px;
    padding: 16px 20px 24px;
}

/* ── Sitemap raiz: empilha HOME + colunas ────────────────────── */
.sgmm-sitemap[b-0mbmvu9rq9] {
    display: flex;
    flex-direction: column;
    min-width: max-content;
}

/* ── Linha HOME ──────────────────────────────────────────────── */
.sgmm-home-row[b-0mbmvu9rq9] {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding-left: 16px;
}

.sgmm-home-icon[b-0mbmvu9rq9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #0078d4, #00a4ef);
    color: #fff;
    padding: 6px 14px 6px 10px;
    border-radius: 20px;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0, 120, 212, 0.3);
    flex-shrink: 0;
    z-index: 1;
    position: relative;
}

.sgmm-home-icon .e-icons[b-0mbmvu9rq9] {
    font-size: 0.9rem;
    color: #fff;
}

.sgmm-home-label[b-0mbmvu9rq9] {
    color: #fff;
    letter-spacing: 0.04em;
}

/* Linha horizontal que vai do badge HOME até as colunas */
.sgmm-home-line[b-0mbmvu9rq9] {
    flex: 1;
    height: 2px;
    background: #cbd5e1;
    margin-left: 0;
    min-width: 24px;
}

/* ── Área de colunas ─────────────────────────────────────────── */
.sgmm-columns[b-0mbmvu9rq9] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
    padding-left: 16px;
}

/* ── Coluna individual de sistema ────────────────────────────── */
.sgmm-column[b-0mbmvu9rq9] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 280px;
    max-width: 360px;
    flex: 0 0 auto;
    border-right: 1px solid var(--color-sf-border-light, #e2e8f0);
    padding: 0 0 16px;
}

.sgmm-column:last-child[b-0mbmvu9rq9] {
    border-right: none;
}

/* ── Conector do topo (linha vertical + horizontal stub) ──────── */
.sgmm-col-connector[b-0mbmvu9rq9] {
    display: flex;
    justify-content: center;
    height: 20px;
    position: relative;
}

.sgmm-col-connector-line[b-0mbmvu9rq9] {
    width: 2px;
    height: 100%;
    background: #cbd5e1;
}

/* ── Header do sistema ───────────────────────────────────────── */
.sgmm-sys-header[b-0mbmvu9rq9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px 10px;
    background: var(--sgmm-color-light, #f1f5f9);
    border-top: 3px solid var(--sgmm-color, #64748b);
    border-radius: 0 0 6px 6px;
    margin: 0 12px;
}

.sgmm-sys-icon[b-0mbmvu9rq9] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--sgmm-color, #64748b);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sgmm-sys-icon .e-icons[b-0mbmvu9rq9] {
    font-size: 1rem;
    color: #fff;
}

.sgmm-sys-name[b-0mbmvu9rq9] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--sgmm-color-dark, #334155);
    letter-spacing: 0.01em;
    line-height: 1.25;
    word-break: break-word;
}

/* ── Árvore de menus ─────────────────────────────────────────── */
.sgmm-sys-tree[b-0mbmvu9rq9] {
    padding: 8px 12px 0;
    position: relative;
}

/* ── Listas de menus (ul) ────────────────────────────────────── */
.sgmm-menu-list[b-0mbmvu9rq9] {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.sgmm-menu-list.sgmm-level-1[b-0mbmvu9rq9] {
    padding-left: 16px;
    margin-left: 0;
}

.sgmm-menu-list.sgmm-level-2[b-0mbmvu9rq9] {
    padding-left: 16px;
    margin-top: 3px;
}

.sgmm-menu-list.sgmm-level-3[b-0mbmvu9rq9],
.sgmm-menu-list.sgmm-level-4[b-0mbmvu9rq9],
.sgmm-menu-list.sgmm-level-5[b-0mbmvu9rq9] {
    padding-left: 14px;
    margin-top: 2px;
}

/* ── Item de menu ────────────────────────────────────────────── */
.sgmm-menu-item[b-0mbmvu9rq9] {
    position: relative;
    margin: 0;
    padding: 1px 0;
}

/* Linha vertical — conecta irmãos (de cima para baixo, alinhada ao padding-left do ul pai) */
.sgmm-menu-item[b-0mbmvu9rq9]::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -12px;
    width: 1px;
    background: #cbd5e1;
}

/* Último item: linha vertical só vai até o meio (stub) */
.sgmm-menu-item:last-child[b-0mbmvu9rq9]::before {
    bottom: calc(100% - 12px);
}

/* Nível 1: sem linha vertical (itens raiz) */
.sgmm-level-1 > .sgmm-menu-item[b-0mbmvu9rq9]::before {
    display: none;
}

/* Stub horizontal — do tronco vertical até o bullet */
.sgmm-menu-item[b-0mbmvu9rq9]::after {
    content: '';
    position: absolute;
    left: -12px;
    top: 12px;
    width: 12px;
    height: 1px;
    background: #cbd5e1;
}

/* Nível 1: sem stub horizontal */
.sgmm-level-1 > .sgmm-menu-item[b-0mbmvu9rq9]::after {
    display: none;
}

/* ── Linha do item (bullet + ícone + rótulo) ─────────────────── */
.sgmm-item-row[b-0mbmvu9rq9] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 2px 4px 2px 0;
    border-radius: 4px;
    cursor: default;
    transition: background 0.12s;
    min-height: 22px;
}

.sgmm-leaf .sgmm-item-row[b-0mbmvu9rq9] {
    cursor: pointer;
}

.sgmm-leaf .sgmm-item-row:hover[b-0mbmvu9rq9] {
    background: var(--color-sf-primary-bg-color, rgba(0, 120, 212, 0.06));
}

.sgmm-leaf .sgmm-item-row:hover .sgmm-item-label[b-0mbmvu9rq9] {
    color: var(--color-sf-primary, #0078d4);
    text-decoration: underline;
    text-decoration-color: var(--color-sf-primary, #0078d4);
    text-underline-offset: 2px;
}

/* ── Bullet colorido por nível ───────────────────────────────── */
.sgmm-bullet[b-0mbmvu9rq9] {
    display: inline-block;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.sgmm-level-1 > .sgmm-menu-item > .sgmm-item-row > .sgmm-bullet[b-0mbmvu9rq9] {
    width: 10px;
    height: 10px;
    background: #0d9488;
    margin-right: 1px;
}

.sgmm-level-2 > .sgmm-menu-item > .sgmm-item-row > .sgmm-bullet[b-0mbmvu9rq9] {
    width: 7px;
    height: 7px;
    background: #f97316;
}

.sgmm-level-3 > .sgmm-menu-item > .sgmm-item-row > .sgmm-bullet[b-0mbmvu9rq9],
.sgmm-level-4 > .sgmm-menu-item > .sgmm-item-row > .sgmm-bullet[b-0mbmvu9rq9],
.sgmm-level-5 > .sgmm-menu-item > .sgmm-item-row > .sgmm-bullet[b-0mbmvu9rq9] {
    width: 5px;
    height: 5px;
    background: #3b82f6;
}

/* ── Ícone do item ───────────────────────────────────────────── */
.sgmm-item-icon[b-0mbmvu9rq9] {
    font-size: 0.8rem;
    color: var(--color-sf-content-text-color-alt1, #6b7280);
    flex-shrink: 0;
}

/* ── Rótulo do item ──────────────────────────────────────────── */
.sgmm-item-label[b-0mbmvu9rq9] {
    font-size: 0.73rem;
    color: var(--color-sf-content-text-color, #1a1a1a);
    line-height: 1.4;
    word-break: break-word;
    transition: color 0.12s;
}

.sgmm-level-1 > .sgmm-menu-item > .sgmm-item-row > .sgmm-item-label[b-0mbmvu9rq9] {
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color, #1a1a1a);
}

.sgmm-level-2 > .sgmm-menu-item > .sgmm-item-row > .sgmm-item-label[b-0mbmvu9rq9] {
    font-size: 0.73rem;
    font-weight: 500;
}

/* ── Erro ────────────────────────────────────────────────────── */
.sgmm-error[b-0mbmvu9rq9] {
    padding: 24px;
    text-align: center;
    color: var(--color-sf-danger, #dc2626);
    font-size: 0.85rem;
}

/* ── Dark mode ───────────────────────────────────────────────── */
:global(.e-dark-mode) .sgmm-scroll-wrap[b-0mbmvu9rq9] {
    background: var(--color-sf-content-bg-color, #1e1e1e);
}

:global(.e-dark-mode) .sgmm-sys-header[b-0mbmvu9rq9] {
    background: color-mix(in srgb, var(--sgmm-color, #64748b) 12%, var(--color-sf-content-bg-color-alt1, #2a2a2a));
    border-top-color: var(--sgmm-color, #64748b);
}

:global(.e-dark-mode) .sgmm-sys-name[b-0mbmvu9rq9] {
    color: var(--color-sf-content-text-color, #e2e8f0);
}

:global(.e-dark-mode) .sgmm-home-line[b-0mbmvu9rq9],
:global(.e-dark-mode) .sgmm-col-connector-line[b-0mbmvu9rq9],
:global(.e-dark-mode) .sgmm-menu-item[b-0mbmvu9rq9]::before,
:global(.e-dark-mode) .sgmm-menu-item[b-0mbmvu9rq9]::after {
    background: #475569;
}

:global(.e-dark-mode) .sgmm-column[b-0mbmvu9rq9] {
    border-right-color: var(--color-sf-border-light, #334155);
}

:global(.e-dark-mode) .sgmm-item-label[b-0mbmvu9rq9] {
    color: var(--color-sf-content-text-color, #e2e8f0);
}

:global(.e-dark-mode) .sgmm-level-1 > .sgmm-menu-item > .sgmm-item-row > .sgmm-item-label[b-0mbmvu9rq9] {
    color: var(--color-sf-content-text-color, #e2e8f0);
}

:global(.e-dark-mode) .sgmm-item-icon[b-0mbmvu9rq9] {
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
}

:global(.e-dark-mode) .sgmm-leaf .sgmm-item-row:hover[b-0mbmvu9rq9] {
    background: var(--color-sf-primary-bg-color, rgba(0, 164, 239, 0.08));
}
/* /Components/Pages/Forms/MenuMindMap.razor.rz.scp.css */
/* MenuMindMap — Vertical Sitemap Layout */

/* ============================================================================
   Variáveis de tema
   ============================================================================ */

/* ── Light mode (padrão) ── */
.mm-container[b-8k3c4foqs9] {
    --mm-bg-primary:        var(--color-sf-content-bg-color, #f8fafc);
    --mm-bg-secondary:      var(--color-sf-surface, #ffffff);
    --mm-bg-tertiary:       var(--color-sf-content-bg-color-alt1, #f1f5f9);
    --mm-text-primary:      var(--color-sf-content-text-color, #1e293b);
    --mm-text-secondary:    var(--color-sf-content-text-color-alt1, #475569);
    --mm-text-muted:        #94a3b8;
    --mm-border:            var(--color-sf-border, #e2e8f0);
    --mm-border-hover:      var(--color-sf-border, #cbd5e1);
    --mm-accent:            var(--color-sf-primary, #3b82f6);
    --mm-line-color:        #c9d1dc;
    --mm-bullet-0:          #0d9488;
    --mm-bullet-1:          #f97316;
    --mm-bullet-2:          #3b82f6;
    --mm-bullet-deep:       #64748b;
    --mm-easing:            cubic-bezier(0.4, 0, 0.2, 1);

    width: 100%;
    height: 100%;
    overflow: auto;
    background: var(--mm-bg-primary);
    color: var(--mm-text-primary);
    padding: 1.75rem 1.25rem 2.5rem;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: rgba(100,116,139,0.2) transparent;
}

/* ── Dark mode — sobrescreve variáveis ── */
:global(.e-dark-mode) .mm-container[b-8k3c4foqs9] {
    --mm-bg-primary:        #0f1419;
    --mm-bg-secondary:      #1a202c;
    --mm-bg-tertiary:       #2d3748;
    --mm-text-primary:      #f8fafc;
    --mm-text-secondary:    #cbd5e1;
    --mm-text-muted:        #94a3b8;
    --mm-border:            rgba(255, 255, 255, 0.08);
    --mm-border-hover:      rgba(255, 255, 255, 0.14);
    --mm-line-color:        #384456;
    background: linear-gradient(135deg, #0f1419 0%, #1a1f2e 50%, #1a202c 100%);
    scrollbar-color: rgba(255,255,255,0.12) transparent;
}

/* ============================================================================
   Header
   ============================================================================ */

.mm-header[b-8k3c4foqs9] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
    padding: 0 0.5rem;
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--mm-bg-primary);
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
    animation: mm-fade-down-b-8k3c4foqs9 0.5s var(--mm-easing) both;
}

.mm-logo[b-8k3c4foqs9] {
    height: 30px;
    flex-shrink: 0;
}

.mm-logo--light[b-8k3c4foqs9] { display: block; }
.mm-logo--dark[b-8k3c4foqs9]  { display: none; }

:global(.e-dark-mode) .mm-logo--light[b-8k3c4foqs9] { display: none; }
:global(.e-dark-mode) .mm-logo--dark[b-8k3c4foqs9]  { display: block; }

.mm-header-content[b-8k3c4foqs9] {
    flex: 1;
    min-width: 0;
}

.mm-title[b-8k3c4foqs9] {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.3px;
    color: var(--mm-text-primary);
}

.mm-subtitle[b-8k3c4foqs9] {
    font-size: 0.85rem;
    color: var(--mm-text-muted);
    margin: 0.15rem 0 0;
}

.mm-stats[b-8k3c4foqs9] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}

.mm-stat[b-8k3c4foqs9] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--mm-border);
    border-radius: 0.625rem;
}

.mm-stat-value[b-8k3c4foqs9] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--mm-accent);
    line-height: 1;
}

.mm-stat-label[b-8k3c4foqs9] {
    font-size: 0.7rem;
    color: var(--mm-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

/* ============================================================================
   Sitemap — estrutura principal
   ============================================================================ */

/* ── Legenda / filtro de sistemas ──────────────────────────── */

.mm-legend[b-8k3c4foqs9] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 0.5rem 0.5rem;
    position: sticky;
    top: 56px;
    z-index: 9;
    background: var(--mm-bg-primary);
    padding-top: 4px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mm-border);
    margin-bottom: 0.5rem;
}

.mm-legend-btn[b-8k3c4foqs9] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border: 1px solid var(--mm-border);
    border-radius: 14px;
    background: var(--mm-bg-secondary);
    color: var(--mm-text-secondary);
    font-size: 0.7rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s var(--mm-easing);
    white-space: nowrap;
}

.mm-legend-btn:hover[b-8k3c4foqs9] {
    border-color: var(--sys-color, var(--mm-accent));
    color: var(--mm-text-primary);
}

.mm-legend-btn--active[b-8k3c4foqs9] {
    background: color-mix(in srgb, var(--sys-color, var(--mm-accent)) 15%, var(--mm-bg-secondary));
    border-color: var(--sys-color, var(--mm-accent));
    color: var(--mm-text-primary);
    font-weight: 600;
}

.mm-legend-dot[b-8k3c4foqs9] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.mm-sitemap[b-8k3c4foqs9] {
    animation: mm-fade-up-b-8k3c4foqs9 0.6s var(--mm-easing) 0.1s both;
}

/* ── Linha HOME ────────────────────────────────────────────── */

.mm-home-row[b-8k3c4foqs9] {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 0;
    padding-left: 0.5rem;
}

.mm-home-node[b-8k3c4foqs9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem 0.5rem 0.75rem;
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.25);
    border-radius: 2rem;
    flex-shrink: 0;
    z-index: 1;
}

.mm-home-icon[b-8k3c4foqs9] {
    font-size: 1rem;
    color: var(--mm-accent);
}

.mm-home-label[b-8k3c4foqs9] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--mm-accent);
    letter-spacing: 0.5px;
}

.mm-home-line[b-8k3c4foqs9] {
    flex: 1;
    height: 1px;
    background: var(--mm-line-color);
    min-width: 1rem;
}

/* ============================================================================
   Colunas de sistemas
   ============================================================================ */

.mm-columns[b-8k3c4foqs9] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
    padding-bottom: 1rem;
}

.mm-columns[b-8k3c4foqs9]::-webkit-scrollbar {
    height: 6px;
}

.mm-columns[b-8k3c4foqs9]::-webkit-scrollbar-track {
    background: transparent;
}

.mm-columns[b-8k3c4foqs9]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 3px;
}

/* ── Coluna individual ──────────────────────────────────────── */

.mm-column[b-8k3c4foqs9] {
    flex: 0 0 300px;
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    margin-right: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    overflow: visible;
}

/* Tick vertical acima do header — oculto no novo layout horizontal */
.mm-col-connector[b-8k3c4foqs9] {
    display: none;
}

.mm-col-tick[b-8k3c4foqs9] {
    display: none;
}

/* ── Cabeçalho da coluna — alinhado à esquerda com o treeview ── */

.mm-col-header[b-8k3c4foqs9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 0.5rem 0.5rem 0;
    position: sticky;
    top: 100px;
    z-index: 5;
    background: var(--mm-bg-primary);
    padding-bottom: 0.5rem;
}

.mm-col-icon[b-8k3c4foqs9] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--sys-color-glow, rgba(59, 130, 246, 0.15));
    border: 2px solid var(--sys-color, var(--mm-accent));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    vertical-align: middle;
    line-height: 1;
    transition: box-shadow 200ms var(--mm-easing);
}

.mm-column:hover .mm-col-icon[b-8k3c4foqs9] {
    box-shadow: 0 0 18px var(--sys-color-glow, rgba(59,130,246,0.25));
}

.mm-col-icon-glyph[b-8k3c4foqs9] {
    font-size: 1rem;
    color: var(--sys-color, var(--mm-accent));
}

.mm-col-name[b-8k3c4foqs9] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--mm-text-primary);
    text-align: center;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    line-height: 1.2;
    padding: 0 0.25rem;
    word-break: break-word;
}

.mm-col-count[b-8k3c4foqs9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem 0.45rem;
    background: var(--sys-color-glow, rgba(59, 130, 246, 0.12));
    color: var(--sys-color, var(--mm-accent));
    border-radius: 1rem;
    font-size: 0.65rem;
    font-weight: 700;
}

/* ── Linha vertical da coluna (conecta header → árvore) ───── */

.mm-col-line[b-8k3c4foqs9] {
    width: 1px;
    background: var(--mm-line-color);
    margin-left: 0.75rem;
    flex-shrink: 0;
    min-height: 12px;
    height: 16px;
}

/* ── Estado vazio ────────────────────────────────────────────── */

.mm-col-empty[b-8k3c4foqs9] {
    padding: 0.75rem 0.5rem;
    text-align: center;
}

.mm-col-empty-text[b-8k3c4foqs9] {
    font-size: 0.72rem;
    color: var(--mm-text-muted);
    font-style: italic;
}

/* ============================================================================
   Árvore de itens  —  Treeview com quinas arredondadas
   ============================================================================ */

.mm-tree[b-8k3c4foqs9],
.mm-subtree[b-8k3c4foqs9] {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}

/* Sem linha global ::before — cada <li> cuida da sua própria conexão.
   Todas as linhas usam a mesma cor neutra (--mm-line-color). */

.mm-item[b-8k3c4foqs9] {
    position: relative;
    width: 100%;
    border-left: 1px solid var(--mm-line-color);
    margin-left: 0.75rem;
}

/* Último item: corta a linha vertical após a curva */
.mm-item:last-child[b-8k3c4foqs9] {
    border-left-color: transparent;
}

.mm-item-row[b-8k3c4foqs9] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.28rem 0.5rem 0.28rem 1rem;
    cursor: default;
    border-radius: 0.25rem;
    transition: background 150ms var(--mm-easing);
    position: relative;
    max-width: 100%;
    overflow: hidden;
}

/* Conector em L com quina arredondada — cor única */
.mm-item-row[b-8k3c4foqs9]::before {
    content: '';
    position: absolute;
    left: -1px;
    bottom: 50%;
    width: 0.75rem;
    height: calc(50% + 1px);
    border-left: 1px solid var(--mm-line-color);
    border-bottom: 1px solid var(--mm-line-color);
    border-radius: 0 0 0 8px;
    pointer-events: none;
}

/* Último item: a curva completa mantém a mesma cor */
.mm-item:last-child > .mm-item-row[b-8k3c4foqs9]::before {
    border-left-color: var(--mm-line-color);
    border-bottom-color: var(--mm-line-color);
}

.mm-item--clickable > .mm-item-row[b-8k3c4foqs9] {
    cursor: pointer;
}

.mm-item--clickable > .mm-item-row:hover[b-8k3c4foqs9] {
    background: rgba(255, 255, 255, 0.06);
}

.mm-item--clickable > .mm-item-row:hover .mm-item-label[b-8k3c4foqs9] {
    color: var(--mm-text-primary);
}

.mm-item-row:focus-visible[b-8k3c4foqs9] {
    outline: 2px solid var(--sys-color, var(--mm-accent));
    outline-offset: -2px;
}

/* ── Bullets por profundidade ──────────────────────────────── */

.mm-bullet[b-8k3c4foqs9] {
    display: inline-flex;
    flex-shrink: 0;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.mm-bullet-0[b-8k3c4foqs9] {
    width: 9px;
    height: 9px;
    background: var(--mm-bullet-0);
    box-shadow: 0 0 6px rgba(13, 148, 136, 0.45);
}

.mm-bullet-1[b-8k3c4foqs9] {
    width: 7px;
    height: 7px;
    background: var(--mm-bullet-1);
    box-shadow: 0 0 5px rgba(249, 115, 22, 0.4);
}

.mm-bullet-2[b-8k3c4foqs9] {
    width: 5px;
    height: 5px;
    background: var(--mm-bullet-2);
    box-shadow: 0 0 4px rgba(59, 130, 246, 0.4);
}

/* Profundidade 3+ */
.mm-bullet-3[b-8k3c4foqs9],
.mm-bullet-4[b-8k3c4foqs9],
.mm-bullet-5[b-8k3c4foqs9] {
    width: 4px;
    height: 4px;
    background: var(--mm-bullet-deep);
    box-shadow: none;
}

/* ── Código do menu ─────────────────────────────────────────── */

.mm-item-cod[b-8k3c4foqs9] {
    flex-shrink: 0;
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--mm-text-muted);
    opacity: 0.7;
    min-width: 2rem;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* ── Label do item ──────────────────────────────────────────── */

.mm-item-label[b-8k3c4foqs9] {
    flex: 1;
    min-width: 0;
    font-size: 0.775rem;
    color: var(--mm-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 150ms var(--mm-easing);
    line-height: 1.3;
}

.mm-item--label > .mm-item-row .mm-item-label[b-8k3c4foqs9] {
    color: var(--mm-text-muted);
}

/* ── Badges de tipo ─────────────────────────────────────────── */

.mm-item-badge[b-8k3c4foqs9] {
    flex-shrink: 0;
    display: inline-block;
    padding: 0.1rem 0.35rem;
    border-radius: 0.2rem;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 1.4;
}

.mm-item-badge--form[b-8k3c4foqs9] {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
}

.mm-item-badge--comp[b-8k3c4foqs9] {
    background: rgba(16, 185, 129, 0.15);
    color: #34d399;
}

/* ── Subárvore ──────────────────────────────────────────────── */

.mm-subtree[b-8k3c4foqs9] {
    padding-left: 0.25rem;
    margin-left: 0.75rem;
}

/* ============================================================================
   Animações
   ============================================================================ */

@keyframes mm-fade-down-b-8k3c4foqs9 {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes mm-fade-up-b-8k3c4foqs9 {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ============================================================================
   Responsividade
   ============================================================================ */

@media (max-width: 640px) {
    .mm-container[b-8k3c4foqs9] {
        padding: 1rem 0.5rem 2rem;
    }

    .mm-header[b-8k3c4foqs9] {
        gap: 0.75rem;
        margin-bottom: 1.5rem;
    }

    .mm-stats[b-8k3c4foqs9] {
        gap: 0.5rem;
    }

    .mm-stat[b-8k3c4foqs9] {
        padding: 0.375rem 0.75rem;
    }

    .mm-column[b-8k3c4foqs9] {
        min-width: 160px;
    }
}

/* ============================================================================
   Acessibilidade — redução de movimento
   ============================================================================ */

@media (prefers-reduced-motion: reduce) {
    .mm-header[b-8k3c4foqs9],
    .mm-sitemap[b-8k3c4foqs9] {
        animation: none;
    }

    .mm-item-row[b-8k3c4foqs9],
    .mm-col-icon[b-8k3c4foqs9] {
        transition: none;
    }
}
/* /Components/Pages/Forms/NavLateral.razor.rz.scp.css */
/* ============================================================
   NavLateral.razor.css
   Sidebar de navegação lateral entre menus irmãos
   Prefixo: sgnav-

   Design: vidro fosco — acompanha qualquer componente sem competir.
   Colapsada é discreta; expandida surge com suavidade.
   ============================================================ */

/* ── Sidebar — contentor principal ──────────────────────── */
.sgnav-sidebar[b-rwzuwuy0cd] {
    display: flex;
    flex-direction: column;
    height: 100%;
    backdrop-filter: blur(16px) saturate(1.4);
    -webkit-backdrop-filter: blur(16px) saturate(1.4);
    overflow: hidden;
    flex-shrink: 0;
    width: 240px;
    min-width: 240px;
    padding: 0 4px;
}

.sgnav-sidebar.sgnav--collapsed[b-rwzuwuy0cd] {
    width: 46px;
    min-width: 46px;
}

/* ── Header — label do sistema + botão de toggle ───────── */
.sgnav-header[b-rwzuwuy0cd] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 40px;
    flex-shrink: 0;
    padding: 0 4px;
    gap: 4px;
}

.sgnav--collapsed .sgnav-header[b-rwzuwuy0cd] {
    justify-content: center;
}

.sgnav-sys-label[b-rwzuwuy0cd] {
    flex: 1;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--sys-color, rgba(255, 255, 255, 0.45));
    padding-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.8;
    transition: color 0.3s ease;
}

/* ── Botão de toggle ─────────────────────────────────────── */
.sgnav-toggle[b-rwzuwuy0cd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    transition: background 0.15s ease, color 0.15s ease;
    padding: 0;
    flex-shrink: 0;
    appearance: none;
    -webkit-appearance: none;
}

.sgnav-toggle:hover[b-rwzuwuy0cd] {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.9);
}

.sgnav-toggle:focus-visible[b-rwzuwuy0cd] {
    outline: 2px solid rgba(255, 255, 255, 0.3);
    outline-offset: 1px;
}

.sgnav-toggle-icon[b-rwzuwuy0cd] {
    color: rgba(255, 255, 255, 0.6) !important;
    line-height: 1;
    transition: color 0.15s ease;
}

.sgnav-toggle:hover .sgnav-toggle-icon[b-rwzuwuy0cd] {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* ── Lista de navegação ──────────────────────────────────── */
.sgnav-list[b-rwzuwuy0cd] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 0;
    scrollbar-width: none;
}

.sgnav-list[b-rwzuwuy0cd]::-webkit-scrollbar { display: none; }

/* ── Item de menu ────────────────────────────────────────── */
.sgnav-item[b-rwzuwuy0cd] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px;
    background: transparent;
    border: none;
    border-radius: 0;
    cursor: pointer;
    text-align: left;
    padding: 0;
    margin: 1px 0;
    overflow: hidden;
    white-space: nowrap;
    appearance: none;
    -webkit-appearance: none;
    color: var(--color-sf-content-text-color-alt2);
}

.sgnav-item:focus-visible[b-rwzuwuy0cd] {
    outline: 2px solid rgba(255, 255, 255, 0.3);
    outline-offset: -2px;
}

.sgnav-item--active[b-rwzuwuy0cd] {
    background: var(--sys-color-glow, rgba(255, 255, 255, 0.12));
    font-weight: 400;
    border-left: 2px solid var(--sys-color, rgba(255, 255, 255, 0.5));
    padding-left: 0;
}

.sgnav-item--active:hover[b-rwzuwuy0cd] {
    background: var(--sys-color-glow, rgba(255, 255, 255, 0.16));
}

/* ── Ícone do item ───────────────────────────────────────── */
.sgnav-item-icon[b-rwzuwuy0cd] {
    min-width: 40px;
    text-align: center;
    font-size: 20px !important;
    color: inherit !important;
    flex-shrink: 0;
    line-height: 1;
    opacity: 0.8;
}

.sgnav-item--active .sgnav-item-icon[b-rwzuwuy0cd] {
    opacity: 1;
    color: var(--sys-color, #ffffff) !important;
}

/* ── Label do item ───────────────────────────────────────── */
.sgnav-item-label[b-rwzuwuy0cd] {
    font-size: 0.78rem;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    letter-spacing: 0.01em;
}

.sgnav--collapsed .sgnav-item-label[b-rwzuwuy0cd] {
    display: none;
}

/* ── Estado vazio ────────────────────────────────────────── */
.sgnav-empty[b-rwzuwuy0cd] {
    display: flex;
    align-items: center;
    height: 36px;
    color: rgba(255, 255, 255, 0.2);
    overflow: hidden;
}

.sgnav-empty-icon[b-rwzuwuy0cd] {
    min-width: 40px;
    text-align: center;
    font-size: 1rem;
    flex-shrink: 0;
    color: inherit;
}

.sgnav-empty-label[b-rwzuwuy0cd] {
    font-size: 0.76rem;
    font-style: italic;
    color: rgba(255, 255, 255, 0.18);
    white-space: nowrap;
}

/* ── Rodapé ──────────────────────────────────────────────── */
.sgnav-footer[b-rwzuwuy0cd] {
    flex-shrink: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding: 4px 0;
}

.sgnav-footer-slot[b-rwzuwuy0cd] {
    display: flex;
    align-items: center;
    height: 34px;
    border-radius: 0;
    color: rgba(255, 255, 255, 0.25);
    overflow: hidden;
    white-space: nowrap;
    transition: background 0.12s ease, color 0.12s ease;
    cursor: default;
}

.sgnav-footer-icon[b-rwzuwuy0cd] {
    min-width: 40px;
    text-align: center;
    font-size: 1rem;
    flex-shrink: 0;
    color: inherit;
    line-height: 1;
}

.sgnav-footer-label[b-rwzuwuy0cd] {
    font-size: 0.76rem;
    color: rgba(255, 255, 255, 0.22);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.sgnav--collapsed .sgnav-footer-label[b-rwzuwuy0cd] {
    display: none;
}
/* /Components/Pages/Forms/NewKanban.razor.rz.scp.css */
/* NewKanban.razor.css - Modern Kanban Board with System Fonts */

/* System Font Stack - Segoe UI for Windows, SF Pro for macOS */
*[b-ltr5c4btq7] {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

/* CSS Variables for Theming */
.light-theme[b-ltr5c4btq7] {
    --bg-primary: var(--color-sf-content-bg-color-alt1);
    --bg-secondary: #f9fafb;
    --bg-tertiary: #f3f4f6;
    --bg-card: #ffffff;
    --text-primary: #111827;
    --text-secondary: #6b7280;
    --text-tertiary: #9ca3af;
    --border: #e5e7eb;
    --border-light: #f3f4f6;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --hover-bg: rgba(0, 0, 0, 0.05);
    --scrollbar-bg: #f3f4f6;
    --scrollbar-thumb: #d1d5db;
}

.dark-theme[b-ltr5c4btq7] {
    --bg-primary: var(--color-sf-content-bg-color-alt1);
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    --bg-card: #1e293b;
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-tertiary: #64748b;
    --border: #334155;
    --border-light: #1e293b;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
    --hover-bg: rgba(255, 255, 255, 0.1);28.000,00
    --scrollbar-bg: #1e293b;
    --scrollbar-thumb: #475569;
}

/* Global Kanban Wrapper */
.kanban-wrapper[b-ltr5c4btq7] {
    display: flex;
    flex-direction: column;
    /*height: 100vh;*/
    /*background: var(--bg-secondary);*/
    color: var(--text-primary);
    transition: all 0.3s ease;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
}

/* Kanban Header */
.kanban-header[b-ltr5c4btq7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.8rem;
    background: var(--bg-primary);
    border-bottom: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
}

.board-title[b-ltr5c4btq7] {
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
    color: var(--text-primary);
    letter-spacing: -0.025em;
}

.header-controls[b-ltr5c4btq7] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

/* Search Box */
.search-box[b-ltr5c4btq7] {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--bg-tertiary);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    padding: 0.2rem 0.25rem;
    min-width: 240px;
    transition: all 0.2s;
}

.search-box:focus-within[b-ltr5c4btq7] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.search-icon[b-ltr5c4btq7] {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--text-tertiary);
    margin-right: 0.5rem;
    flex-shrink: 0;
}

.search-input[b-ltr5c4btq7] {
    background: transparent;
    border: none;
    outline: none;
    color: var(--text-primary);
    width: 100%;
    font-size: 0.875rem;
    font-family: inherit;
}

.search-input[b-ltr5c4btq7]::placeholder {
    color: var(--text-tertiary);
}

/* Buttons */
.btn-filter[b-ltr5c4btq7], .btn-theme[b-ltr5c4btq7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    color: var(--text-primary);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
}

.btn-filter:hover[b-ltr5c4btq7], .btn-theme:hover[b-ltr5c4btq7] {
    background: var(--hover-bg);
    transform: translateY(-1px);
}

.btn-filter svg[b-ltr5c4btq7], .btn-theme svg[b-ltr5c4btq7] {
    width: 1.25rem;
    height: 1.25rem;
}

.btn-icon[b-ltr5c4btq7] {
    padding: 0.375rem;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    border-radius: 0.375rem;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-icon:hover[b-ltr5c4btq7] {
    background: var(--hover-bg);
    color: var(--text-primary);
}

.btn-icon svg[b-ltr5c4btq7] {
    width: 1.125rem;
    height: 1.125rem;
}

/* Kanban Board */
.kanban-board[b-ltr5c4btq7] {
    flex: 1;
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    overflow-x: auto;
    overflow-y: hidden;
    align-items: stretch;
    /*min-height: calc(100vh - 500px);*/
}

/* Dynamic Column Width Classes */

/* When 3 or fewer columns - fill the width */
.kanban-board.columns-fill-width[b-ltr5c4btq7] {
    overflow-x: hidden; /* Don't scroll when columns fill width */
    justify-content: stretch;
}

.kanban-board.columns-fill-width .kanban-column:not(.collapsed)[b-ltr5c4btq7] {
    flex: 1 1 var(--column-width, 33.33%);
    max-width: none;
    min-width: 250px; /* Minimum width to ensure readability */
}

/* When 4-5 columns - auto width with some stretch */
.kanban-board.columns-auto-width[b-ltr5c4btq7] {
    overflow-x: auto;
}

.kanban-board.columns-auto-width .kanban-column:not(.collapsed)[b-ltr5c4btq7] {
    flex: 0 1 calc(25% - 0.75rem); /* Start at 25% for 4 columns */
    min-width: 280px;
    max-width: 400px;
}

/* When 6+ columns - fixed minimum width */
.kanban-board.columns-min-width[b-ltr5c4btq7] {
    overflow-x: auto;
}

.kanban-board.columns-min-width .kanban-column:not(.collapsed)[b-ltr5c4btq7] {
    flex: 0 0 320px; /* Fixed width when many columns */
}

/* Ensure collapsed columns always stay small */
.kanban-board .kanban-column.collapsed[b-ltr5c4btq7] {
    flex: 0 0 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
}

/* Custom Scrollbar */
.kanban-board[b-ltr5c4btq7]::-webkit-scrollbar {
    height: 10px;
}

.kanban-board[b-ltr5c4btq7]::-webkit-scrollbar-track {
    background: var(--scrollbar-bg);
    border-radius: 5px;
}

.kanban-board[b-ltr5c4btq7]::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 5px;
}

.kanban-board[b-ltr5c4btq7]::-webkit-scrollbar-thumb:hover {
    background: var(--text-tertiary);
}

/* Kanban Column */
.kanban-column[b-ltr5c4btq7] {
    flex: 0 0 320px; /* Default width, will be overridden by dynamic classes */
    display: flex;
    flex-direction: column;
    background: var(--bg-primary);
    border-radius: 0.75rem;
    box-shadow: var(--shadow-md);
    height: 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.kanban-column.collapsed[b-ltr5c4btq7] {
    flex: 0 0 56px;
    min-width: 56px;
    height: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.kanban-column.collapsed:hover[b-ltr5c4btq7] {
    background: var(--hover-bg);
    transform: translateX(2px);
}

/* Collapsed Header Styles */
.collapsed-header[b-ltr5c4btq7] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0;
    cursor: pointer;
    position: relative;
}

/* Expand Button - Top of collapsed column */
.expand-button[b-ltr5c4btq7] {
    background: var(--bg-tertiary);
    border: 1px solid var(--border);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

/* Spacer to balance the layout */
.expand-spacer[b-ltr5c4btq7] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.expand-button:hover[b-ltr5c4btq7] {
    background: #6366f1;
    border-color: #6366f1;
    transform: scale(1.1);
}

.expand-button:hover svg[b-ltr5c4btq7] {
    color: white;
}

.expand-button svg[b-ltr5c4btq7] {
    width: 20px;
    height: 20px;
    color: var(--text-secondary);
    transition: color 0.2s ease;
}

/* Vertical Title Layout */
.column-title-vertical[b-ltr5c4btq7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex: 1;
    width: 100%;
    padding: 0.5rem 0;
}

/* Desktop: Apply vertical text */
@media (min-width: 768px) {
    .column-title-vertical[b-ltr5c4btq7] {
        /* Do NOT apply writing-mode to container */
        flex-direction: column;
        gap: 0.75rem;
        order: 1;
    }

    .column-title-vertical .column-count-badge[b-ltr5c4btq7] {
        flex-shrink: 0;
        order: 1;
    }

    .column-title-vertical .column-title[b-ltr5c4btq7] {
        font-size: 0.875rem;
        font-weight: 600;
        margin: 0;
        color: var(--text-primary);
        /* Apply writing-mode ONLY to the title */
        writing-mode: vertical-lr;
        text-orientation: mixed;
        order: 2;
    }
}

/* Mobile: Keep text horizontal */
@media (max-width: 767px) {
    .column-title-vertical .column-title[b-ltr5c4btq7] {
        font-size: 0.75rem;
        font-weight: 600;
        margin: 0;
    }
}

/* Count Badge for collapsed state */
.column-count-badge[b-ltr5c4btq7] {
    padding: 0.125rem 0.375rem;
    border-radius: 10px;
    font-size: 0.625rem;
    font-weight: 600;
    color: white;
    min-width: 20px;
    text-align: center;
    display: inline-block;
}

/* Column Header */
.column-header[b-ltr5c4btq7] {
    padding: 1rem;
    border-bottom: 2px solid var(--border);
    border-top: 3px solid #6366f1;
    border-radius: 0.75rem 0.75rem 0 0;
    background: var(--bg-primary);
    transition: all 0.3s ease;
}

.column-title-wrapper[b-ltr5c4btq7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
}

.column-color-indicator[b-ltr5c4btq7] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.column-title[b-ltr5c4btq7] {
    flex: 1;
    margin: 0;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--text-primary);
    transition: all 0.3s ease;
    white-space: nowrap;
}

.column-count[b-ltr5c4btq7] {
    padding: 0.125rem 0.5rem;
    background: var(--bg-tertiary);
    border-radius: 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-secondary);
}

.column-limit[b-ltr5c4btq7] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
}

.column-limit.over-limit[b-ltr5c4btq7] {
    color: #ef4444;
    font-weight: 600;
}

.column-actions[b-ltr5c4btq7] {
    display: flex;
    gap: 0.25rem;
    margin-left: auto;
}

/* Collapse Toggle - Arrow Down */
.collapse-toggle[b-ltr5c4btq7] {
    background: transparent;
    border: 1px solid transparent;
    width: 28px;
    height: 28px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--text-secondary);
    transition: all 0.2s ease;
    border-radius: 50%;
    flex-shrink: 0;
    margin-left: auto;
}

.collapse-toggle:hover[b-ltr5c4btq7] {
    background: var(--bg-tertiary);
    border-color: var(--border);
    color: #6366f1;
    transform: scale(1.1);
}

.collapse-toggle svg[b-ltr5c4btq7] {
    width: 16px;
    height: 16px;
    transition: transform 0.2s ease;
}

.collapse-toggle:hover svg[b-ltr5c4btq7] {
    transform: translateY(2px);
}

/* Column Body */
.column-body[b-ltr5c4btq7] {
    flex: 1;
    padding: 0.75rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.column-body[b-ltr5c4btq7]::-webkit-scrollbar {
    width: 6px;
}

.column-body[b-ltr5c4btq7]::-webkit-scrollbar-track {
    background: transparent;
}

.column-body[b-ltr5c4btq7]::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 3px;
}

/* Kanban Card */
.kanban-card[b-ltr5c4btq7] {
    background: var(--color-sf-flyout-bg-color);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    margin-bottom: 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: var(--shadow-sm);
}

.kanban-card:hover[b-ltr5c4btq7] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
    border-color: #6366f1;
}

.kanban-card.dragging[b-ltr5c4btq7] {
    opacity: 0.5;
    transform: rotate(2deg);
}

/* Card Cover Image */
.card-cover[b-ltr5c4btq7] {
    height: 120px;
    background-size: cover;
    background-position: center;
    border-radius: 0.5rem 0.5rem 0 0;
}

/* Priority Indicator */
.card-priority[b-ltr5c4btq7] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.6875rem;
    font-weight: 600;
    margin: 0.75rem 0.75rem 0 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.priority-low[b-ltr5c4btq7] {
    background: #f3f4f6;
    color: #6b7280;
}

.priority-medium[b-ltr5c4btq7] {
    background: #fef3c7;
    color: #d97706;
}

.priority-high[b-ltr5c4btq7] {
    background: #fee2e2;
    color: #dc2626;
}

.priority-urgent[b-ltr5c4btq7] {
    background: #dc2626;
    color: #ffffff;
}

.priority-icon[b-ltr5c4btq7] {
    font-size: 0.75rem;
}

/* Card Content */
.card-content[b-ltr5c4btq7] {
    padding: 0.75rem;
}

.card-title[b-ltr5c4btq7] {
    margin: 0 0 0.5rem 0;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
    line-height: 1;
    letter-spacing: -0.01em;
}

.card-description[b-ltr5c4btq7] {
    margin: 0 0 0.75rem 0;
    font-size: 0.8125rem;
    color: var(--text-secondary);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Card Tags */
.card-tags[b-ltr5c4btq7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 0.75rem;
}

.tag[b-ltr5c4btq7] {
    padding: 0.25rem 0.625rem;
    border-radius: 6px;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.3;
}

/* Card Footer */
.card-footer[b-ltr5c4btq7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    border-top: 1px solid var(--border-light);
}

.card-meta[b-ltr5c4btq7] {
    display: flex;
    gap: 0.75rem;
}

.meta-item[b-ltr5c4btq7] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.6875rem;
    color: var(--text-secondary);
}

.meta-item svg[b-ltr5c4btq7] {
    width: 0.875rem;
    height: 0.875rem;
}

.meta-item.overdue[b-ltr5c4btq7] {
    color: #ef4444;
}

/* User Avatars */
.card-users[b-ltr5c4btq7] {
    display: flex;
    margin-left: auto;
}

.user-avatar[b-ltr5c4btq7], .user-avatar-initial[b-ltr5c4btq7], .user-avatar-more[b-ltr5c4btq7] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-left: -8px;
    border: 2px solid var(--bg-card);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem;
    font-weight: 600;
}

.user-avatar[b-ltr5c4btq7] {
    object-fit: cover;
}

.user-avatar-initial[b-ltr5c4btq7] {
    color: white;
}

.user-avatar-more[b-ltr5c4btq7] {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
}

/* Empty Column */
.empty-column[b-ltr5c4btq7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
}

.empty-column svg[b-ltr5c4btq7] {
    width: 3rem;
    height: 3rem;
    color: var(--text-tertiary);
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-column p[b-ltr5c4btq7] {
    color: var(--text-tertiary);
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
}

.btn-add-first[b-ltr5c4btq7] {
    padding: 0.5rem 1rem;
    background: #6366f1;
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
}

.btn-add-first:hover[b-ltr5c4btq7] {
    background: #4f46e5;
    transform: translateY(-1px);
}

/* Responsive Design */
@media (max-width: 640px) {
    .kanban-header[b-ltr5c4btq7] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .header-controls[b-ltr5c4btq7] {
        justify-content: space-between;
    }

    .search-box[b-ltr5c4btq7] {
        min-width: 100%;
    }

    .kanban-board[b-ltr5c4btq7] {
        flex-direction: column;
        padding: 1rem;
        overflow-x: visible;
        overflow-y: auto;
    }

    .kanban-column[b-ltr5c4btq7] {
        flex: none;
        width: 100%;
        max-height: none;
    }

    .kanban-column.collapsed[b-ltr5c4btq7] {
        flex: none;
        min-height: 56px;
        width: 100%;
    }

    .collapsed-header[b-ltr5c4btq7] {
        flex-direction: row;
        padding: 1rem;
        height: auto;
    }

    .expand-button[b-ltr5c4btq7] {
        margin-bottom: 0;
        margin-right: 1rem;
    }

    .column-title-vertical[b-ltr5c4btq7] {
        writing-mode: horizontal-tb;
        flex-direction: row;
        gap: 0.5rem;
    }

    .column-title-vertical .column-title[b-ltr5c4btq7] {
        transform: none;
        font-size: 1rem;
    }

    .column-count-badge[b-ltr5c4btq7] {
        transform: none;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    /* Adjust column widths for tablet screens */
    .kanban-board.columns-fill-width .kanban-column:not(.collapsed)[b-ltr5c4btq7] {
        min-width: 220px; /* Slightly smaller minimum on tablets */
    }

    .kanban-board.columns-auto-width .kanban-column:not(.collapsed)[b-ltr5c4btq7] {
        flex: 0 1 calc(33.33% - 0.66rem); /* 3 columns on tablets */
        min-width: 250px;
        max-width: 350px;
    }

    .kanban-board.columns-min-width .kanban-column:not(.collapsed)[b-ltr5c4btq7] {
        flex: 0 0 280px; /* Smaller fixed width on tablets */
    }
}

/* Large screens - optimize for more columns */
@media (min-width: 1440px) {
    .kanban-board.columns-fill-width .kanban-column:not(.collapsed)[b-ltr5c4btq7] {
        min-width: 300px; /* Larger minimum on big screens */
    }

    .kanban-board.columns-auto-width .kanban-column:not(.collapsed)[b-ltr5c4btq7] {
        flex: 0 1 calc(20% - 0.8rem); /* Can fit 5 columns comfortably */
        min-width: 320px;
        max-width: 450px;
    }
}

/* Animations */
@keyframes fadeIn-b-ltr5c4btq7 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.kanban-card[b-ltr5c4btq7] {
    animation: fadeIn-b-ltr5c4btq7 0.3s ease-out;
}

/* Drag and Drop Visual Feedback */
.kanban-column[data-dragging="true"][b-ltr5c4btq7] {
    background: var(--hover-bg);
    border: 2px dashed #6366f1;
}
/* /Components/Pages/Forms/ProcessFlow.razor.rz.scp.css */
/* ============================================================
   ProcessFlow.razor.css — Prefixo: pf-
   ============================================================ */

.pf-scroll-wrap[b-v9g78o29k3] {
    width: 100%;
    height: 100%;
    overflow: auto;
    border-radius: 8px;
    background: var(--color-sf-content-bg-color, #f8fafc);
}

.pf-scroll-wrap[b-v9g78o29k3]::-webkit-scrollbar { width: 8px; height: 8px; }
.pf-scroll-wrap[b-v9g78o29k3]::-webkit-scrollbar-track { background: transparent; }
.pf-scroll-wrap[b-v9g78o29k3]::-webkit-scrollbar-thumb { background: rgba(100,116,139,.25); border-radius: 4px; }
.pf-scroll-wrap[b-v9g78o29k3]::-webkit-scrollbar-thumb:hover { background: rgba(100,116,139,.45); }

.pf-container[b-v9g78o29k3] { min-height: 200px; }

.pf-error[b-v9g78o29k3] {
    padding: 24px;
    text-align: center;
    color: #dc2626;
    font-size: 0.9rem;
}

/* ── Cards ── */
.pf-card[b-v9g78o29k3] {
    display: flex;
    flex-direction: row;
    background: var(--color-sf-surface, #ffffff);
    border: 1px solid var(--color-sf-border, #e2e8f0);
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
    min-height: 100px;
    overflow: hidden;
    transition: box-shadow 0.2s, transform 0.2s;
}

.pf-card:hover[b-v9g78o29k3] {
    box-shadow: 0 4px 16px var(--pf-sys-color-glow, rgba(0, 0, 0, .1));
    transform: translateY(-2px);
}

.pf-card--root[b-v9g78o29k3] {
    border-color: var(--pf-sys-color, #0078d4);
    border-width: 2px;
    box-shadow: 0 2px 12px var(--pf-sys-color-glow, rgba(0, 120, 212, 0.15));
}

/* ── Acento lateral ── */
.pf-card-accent[b-v9g78o29k3] {
    width: 5px;
    min-height: 100%;
    background: var(--pf-sys-color, #64748b);
    flex-shrink: 0;
    border-radius: 9px 0 0 9px;
}

.pf-card--root .pf-card-accent[b-v9g78o29k3] { width: 6px; }

.pf-card-content[b-v9g78o29k3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* ── Header ── */
.pf-card-header[b-v9g78o29k3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px;
    padding: 10px 14px 8px;
    border-bottom: 1px solid var(--color-sf-border, #e2e8f0);
    background: var(--pf-sys-color-light, #f1f5f9);
}

.pf-card--root .pf-card-header[b-v9g78o29k3] { background: var(--pf-sys-color, #0078d4); }

.pf-card-header-text[b-v9g78o29k3] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.pf-card-title[b-v9g78o29k3] {
    font-weight: 700;
    font-size: 0.88rem;
    color: var(--pf-sys-color-dark, #1e293b);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pf-card--root .pf-card-title[b-v9g78o29k3] { color: #fff; }

.pf-card-pk[b-v9g78o29k3] {
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--pf-sys-color, #64748b);
    opacity: 0.8;
}

.pf-card--root .pf-card-pk[b-v9g78o29k3] { color: rgba(255, 255, 255, 0.75); }

.pf-card-badge[b-v9g78o29k3] {
    font-size: 0.64rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 3px 8px;
    border-radius: 10px;
    background: var(--pf-sys-color, #64748b);
    color: #fff;
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 1px;
}

.pf-card--root .pf-card-badge[b-v9g78o29k3] {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
}

/* ── Body ── */
.pf-card-body[b-v9g78o29k3] {
    padding: 8px 12px 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-y: auto;
}

/* ── Pills ── */
.pf-pill[b-v9g78o29k3] {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: var(--color-sf-content-bg-color-alt1, #f8fafc);
    border: 1px solid var(--color-sf-border-light, #f0f0f0);
    border-radius: 6px;
    padding: 4px 10px;
    line-height: 1.3;
}

.pf-pill-label[b-v9g78o29k3] {
    font-size: 0.62rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
}

.pf-pill-value[b-v9g78o29k3] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color, #1e293b);
    word-break: break-word;
}

.pf-pill-value--kpi[b-v9g78o29k3] {
    color: var(--pf-kpi-color, var(--pf-sys-color)) !important;
    font-weight: 700;
}

/* ── Footer ── */
.pf-card-footer[b-v9g78o29k3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 5px 12px;
    border-top: 1px solid var(--color-sf-border-light, #f0f0f0);
    background: var(--pf-sys-color-light, #f8fafc);
    border-radius: 0 0 9px 0;
    min-height: 24px;
}

.pf-footer-user[b-v9g78o29k3] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.68rem;
    font-weight: 500;
    color: var(--pf-sys-color-dark, #475569);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.pf-footer-icon[b-v9g78o29k3] {
    font-size: 11px;
    color: var(--pf-sys-color, #64748b);
    flex-shrink: 0;
}

.pf-footer-date[b-v9g78o29k3] {
    font-size: 0.66rem;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Loading & empty ── */
.pf-loading[b-v9g78o29k3], .pf-empty[b-v9g78o29k3] {
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    font-size: 0.8rem;
    font-style: italic;
    padding: 8px 0;
}

/* ── Dark mode ── */
[b-v9g78o29k3] :global(.e-dark-mode) .pf-scroll-wrap { background: var(--color-sf-content-bg-color, #1e1e1e); }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-card { background: #2d2d2d; border-color: #3a3a3a; }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-card-header { background: color-mix(in srgb, var(--pf-sys-color, #64748b) 12%, #2d2d2d); border-color: #3a3a3a; }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-card-title { color: #e8e8e8; }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-card-pk { color: rgba(255, 255, 255, 0.5); }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-card--root .pf-card-header { background: color-mix(in srgb, var(--pf-sys-color, #0078d4) 85%, #2d2d2d); }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-card--root .pf-card-title { color: #fff; }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-card-badge { opacity: 0.9; }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-pill { background: #343434; border-color: #3e3e3e; }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-pill-label { color: #8a8a8a; }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-pill-value { color: #d8d8d8; }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-card-footer { background: color-mix(in srgb, var(--pf-sys-color, #64748b) 8%, #2d2d2d); border-color: #3a3a3a; }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-footer-user { color: #a0a0a0; }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-footer-date { color: #787878; }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-card-accent { opacity: 0.85; }
[b-v9g78o29k3] :global(.e-dark-mode) .pf-scroll-wrap::-webkit-scrollbar-thumb { background: rgba(200, 200, 200, .2); }
/* /Components/Pages/Forms/Profile.razor.rz.scp.css */
/* ============================================================
   Profile — Meu Perfil — Segla Framework
   Prefixo: sgprf-
   Design: SAP Fiori Horizon + Syncfusion Fluent 2
   ============================================================ */

/* ── Shell: layout dois painéis ──────────────────────────── */
.sgprf-shell[b-3hzg3lmjb2] {
    display: flex;
    height: calc(100vh - 56px); /* 56px = altura da SfAppBar */
    overflow: hidden;
    background: var(--color-sf-content-bg-color);
}

/* ── Sidebar esquerda (300px fixa) ───────────────────────── */
.sgprf-sidebar[b-3hzg3lmjb2] {
    width: 300px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    background: var(--color-sf-content-bg-color-alt1);
    border-right: 1px solid var(--color-sf-border-light);
    overflow: hidden;
}

/* ── Avatar área ─────────────────────────────────────────── */
.sgprf-avatar-area[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 32px 20px 20px;
    border-bottom: 1px solid var(--color-sf-border-light);
}

.sgprf-avatar[b-3hzg3lmjb2] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--color-sf-primary);
    background: var(--color-sf-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-bottom: 4px;
}

.sgprf-avatar-img[b-3hzg3lmjb2] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sgprf-avatar-initials[b-3hzg3lmjb2] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.05em;
    line-height: 1;
}

.sgprf-avatar-name[b-3hzg3lmjb2] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    text-align: center;
    line-height: 1.3;
}

.sgprf-avatar-email[b-3hzg3lmjb2] {
    margin: 0;
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
    text-align: center;
    word-break: break-all;
}

.sgprf-avatar-id[b-3hzg3lmjb2] {
    margin: 4px 0 0;
}

.sgprf-id-badge[b-3hzg3lmjb2] {
    display: inline-block;
    padding: 2px 10px;
    background: var(--color-sf-primary);
    color: #fff;
    border-radius: 12px;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
}

/* ── Badges de papel ─────────────────────────────────────── */
.sgprf-roles[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 16px 12px;
    border-bottom: 1px solid var(--color-sf-border-light);
}

.sgprf-role[b-3hzg3lmjb2] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid transparent;
}

.sgprf-role span[b-3hzg3lmjb2] { line-height: 1; font-size: 1rem; }

.sgprf-role--admin[b-3hzg3lmjb2] {
    background: color-mix(in srgb, var(--color-sf-danger) 10%, transparent);
    color: var(--color-sf-danger);
    border-color: color-mix(in srgb, var(--color-sf-danger) 30%, transparent);
}

.sgprf-role--sec[b-3hzg3lmjb2] {
    background: color-mix(in srgb, #f59e0b 10%, transparent);
    color: #92400e;
    border-color: color-mix(in srgb, #f59e0b 40%, transparent);
}

.sgprf-role--dev[b-3hzg3lmjb2] {
    background: color-mix(in srgb, var(--color-sf-primary) 10%, transparent);
    color: var(--color-sf-primary);
    border-color: color-mix(in srgb, var(--color-sf-primary) 30%, transparent);
}

.sgprf-role--active[b-3hzg3lmjb2] {
    background: color-mix(in srgb, var(--color-sf-success) 10%, transparent);
    color: var(--color-sf-success-text, var(--color-sf-success));
    border-color: color-mix(in srgb, var(--color-sf-success) 30%, transparent);
}

.sgprf-role--inactive[b-3hzg3lmjb2] {
    background: color-mix(in srgb, var(--color-sf-icon-color) 10%, transparent);
    color: var(--color-sf-content-text-color-alt1);
    border-color: var(--color-sf-border-light);
}

/* ── Navegação interna ───────────────────────────────────── */
.sgprf-nav[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 16px 12px 12px;
    flex: 1;
}

.sgprf-nav-label[b-3hzg3lmjb2] {
    margin: 0 0 6px 4px;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-sf-content-text-color-alt1);
}

.sgprf-nav-link[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color);
    text-decoration: none;
    transition: background 0.12s, color 0.12s;
}

.sgprf-nav-link span[b-3hzg3lmjb2] { font-size: 1.1rem; color: var(--color-sf-icon-color); line-height: 1; }

.sgprf-nav-link:hover[b-3hzg3lmjb2] {
    background: var(--color-sf-primary-bg-color);
    color: var(--color-sf-primary);
}

.sgprf-nav-link:hover span[b-3hzg3lmjb2] { color: var(--color-sf-primary); }


/* ── Área principal ──────────────────────────────────────── */
.sgprf-main[b-3hzg3lmjb2] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0 0 32px;
    min-width: 0;
}

/* ── Seção genérica ──────────────────────────────────────── */
.sgprf-section[b-3hzg3lmjb2] {
    padding: 24px 28px 28px;
    border-bottom: 1px solid var(--color-sf-border-light);
}

.sgprf-section:last-child[b-3hzg3lmjb2] { border-bottom: none; }

/* ── Header de seção (ícone + título + subtítulo) ────────── */
.sgprf-section-header[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.sgprf-section-icon-wrap[b-3hzg3lmjb2] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: var(--color-sf-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 1.3rem;
    line-height: 1;
}

/* Variantes de cor do icon-wrap de seção */
.sgprf-section-icon-wrap--teal[b-3hzg3lmjb2]   { background: #0d9488; }
.sgprf-section-icon-wrap--amber[b-3hzg3lmjb2]  { background: #d97706; }
.sgprf-section-icon-wrap--indigo[b-3hzg3lmjb2] { background: #4f46e5; }
.sgprf-section-icon-wrap--blue[b-3hzg3lmjb2]   { background: #2563eb; }

/* Garantia de cor #fff nos ícones font dentro do icon-wrap (dark mode + dialogs) */
.sgprf-section-icon-wrap span[b-3hzg3lmjb2],
.sgprf-section-icon-wrap--teal span[b-3hzg3lmjb2],
.sgprf-section-icon-wrap--amber span[b-3hzg3lmjb2],
.sgprf-section-icon-wrap--indigo span[b-3hzg3lmjb2],
.sgprf-section-icon-wrap--blue span[b-3hzg3lmjb2] {
    color: #fff !important;
}
.sgprf-section-icon-wrap span[class*="icon-"][b-3hzg3lmjb2]::before,
.sgprf-section-icon-wrap--teal span[class*="icon-"][b-3hzg3lmjb2]::before,
.sgprf-section-icon-wrap--amber span[class*="icon-"][b-3hzg3lmjb2]::before,
.sgprf-section-icon-wrap--indigo span[class*="icon-"][b-3hzg3lmjb2]::before,
.sgprf-section-icon-wrap--blue span[class*="icon-"][b-3hzg3lmjb2]::before {
    color: #fff !important;
}

.sgprf-section-titles[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.sgprf-section-title[b-3hzg3lmjb2] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    line-height: 1.2;
}

.sgprf-section-sub[b-3hzg3lmjb2] {
    font-size: 0.73rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sgprf-count-badge[b-3hzg3lmjb2] {
    margin-left: auto;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    padding: 3px 12px;
    background: var(--color-sf-primary);
    color: #fff;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* ── Foto do perfil (row na seção pessoal) ───────────────── */
.sgprf-photo-row[b-3hzg3lmjb2] {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 20px;
    padding: 16px 20px;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 10px;
}

.sgprf-photo-wrap[b-3hzg3lmjb2] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--color-sf-primary);
    background: var(--color-sf-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sgprf-photo-img[b-3hzg3lmjb2] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sgprf-photo-placeholder[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 2.5rem;
    line-height: 1;
}

.sgprf-photo-placeholder span[b-3hzg3lmjb2] { color: #fff !important; }
.sgprf-photo-placeholder span[class*="icon-"][b-3hzg3lmjb2]::before { color: #fff !important; }

.sgprf-photo-upload[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}

.sgprf-upload-hint[b-3hzg3lmjb2] {
    font-size: 0.75rem;
    color: var(--color-sf-content-text-color-alt1);
}

/* ── Grid de campos informativos ─────────────────────────── */
.sgprf-fields-grid[b-3hzg3lmjb2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
}

.sgprf-field[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 14px;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 8px;
    transition: border-color 0.12s, box-shadow 0.12s;
}

.sgprf-field:hover[b-3hzg3lmjb2] {
    border-color: var(--color-sf-primary);
    box-shadow: 0 1px 4px color-mix(in srgb, var(--color-sf-primary) 12%, transparent);
}

.sgprf-field--wide[b-3hzg3lmjb2] { grid-column: 1 / -1; }

.sgprf-field-label[b-3hzg3lmjb2] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--color-sf-content-text-color-alt1);
}

.sgprf-field-value[b-3hzg3lmjb2] {
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color);
    word-break: break-word;
    line-height: 1.4;
}

.sgprf-field-value--mono[b-3hzg3lmjb2] {
    font-size: 0.82rem;
    color: var(--color-sf-primary);
}

/* ── Favoritos: grid de cards ────────────────────────────── */
.sgprf-fav-grid[b-3hzg3lmjb2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px;
}

.sgprf-fav-card[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.12s, background 0.12s, box-shadow 0.12s;
    width: 100%;
}

.sgprf-fav-card:hover[b-3hzg3lmjb2] {
    border-color: var(--color-sf-primary);
    background: var(--color-sf-primary-bg-color);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--color-sf-primary) 15%, transparent);
}

.sgprf-fav-card:focus-visible[b-3hzg3lmjb2] {
    outline: 2px solid var(--color-sf-primary);
    outline-offset: 2px;
}

.sgprf-fav-icon-wrap[b-3hzg3lmjb2] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--color-sf-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: #fff;
    flex-shrink: 0;
    line-height: 1;
    transition: opacity 0.12s;
}

.sgprf-fav-icon-wrap span[b-3hzg3lmjb2]        { color: #fff !important; }
.sgprf-fav-icon-wrap span[class*="icon-"][b-3hzg3lmjb2]::before { color: #fff !important; }

.sgprf-fav-card:hover .sgprf-fav-icon-wrap[b-3hzg3lmjb2] { opacity: 0.9; }

.sgprf-fav-info[b-3hzg3lmjb2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.sgprf-fav-title[b-3hzg3lmjb2] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.sgprf-fav-link[b-3hzg3lmjb2] {
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgprf-fav-arrow[b-3hzg3lmjb2] {
    font-size: 1rem;
    color: var(--color-sf-icon-color);
    flex-shrink: 0;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 0.12s, transform 0.12s, color 0.12s;
}

.sgprf-fav-card:hover .sgprf-fav-arrow[b-3hzg3lmjb2] {
    opacity: 1;
    transform: translateX(0);
    color: var(--color-sf-primary);
}

/* ── Estado vazio ────────────────────────────────────────── */
.sgprf-empty[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 48px 20px;
    color: var(--color-sf-content-text-color-alt1);
    text-align: center;
}

.sgprf-empty-icon[b-3hzg3lmjb2] {
    font-size: 3rem;
    color: var(--color-sf-icon-color);
    opacity: 0.6;
    line-height: 1;
}

.sgprf-empty-text[b-3hzg3lmjb2] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
}

.sgprf-empty-hint[b-3hzg3lmjb2] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
    max-width: 300px;
}

/* ── Grid de cards de estatísticas de login ──────────────── */
.sgprf-stat-grid[b-3hzg3lmjb2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px;
}

.sgprf-stat-card[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 8px;
    transition: border-color 0.12s, box-shadow 0.12s;
}

.sgprf-stat-card:hover[b-3hzg3lmjb2] {
    border-color: var(--color-sf-primary);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--color-sf-primary) 12%, transparent);
}

.sgprf-stat-icon-wrap[b-3hzg3lmjb2] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: #fff;
    flex-shrink: 0;
    line-height: 1;
}

.sgprf-stat-icon-wrap span[b-3hzg3lmjb2]        { color: #fff !important; }
.sgprf-stat-icon-wrap span[class*="icon-"][b-3hzg3lmjb2]::before { color: #fff !important; }

/* Variantes de cor do stat icon */
.sgprf-stat-icon-wrap--primary[b-3hzg3lmjb2] { background: var(--color-sf-primary); }
.sgprf-stat-icon-wrap--info[b-3hzg3lmjb2]    { background: #0891b2; }
.sgprf-stat-icon-wrap--warning[b-3hzg3lmjb2] { background: #d97706; }
.sgprf-stat-icon-wrap--danger[b-3hzg3lmjb2]  { background: var(--color-sf-danger); }
.sgprf-stat-icon-wrap--success[b-3hzg3lmjb2] { background: var(--color-sf-success); }
.sgprf-stat-icon-wrap--neutral[b-3hzg3lmjb2] { background: var(--color-sf-icon-color); }

.sgprf-stat-body[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1;
}

.sgprf-stat-label[b-3hzg3lmjb2] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--color-sf-content-text-color-alt1);
}

.sgprf-stat-value[b-3hzg3lmjb2] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    word-break: break-word;
    line-height: 1.3;
}

.sgprf-stat-value--mono[b-3hzg3lmjb2] {
    font-size: 0.82rem;
}

/* ══════════════════════════════════════════════════════════
   Seção Certificados Digitais (sgprf-cert-*)
   ══════════════════════════════════════════════════════════ */

/* ── Icon-wrap variante emerald (seção certificados) ─────── */
.sgprf-section-icon-wrap--emerald[b-3hzg3lmjb2] { background: #059669; }
.sgprf-section-icon-wrap--emerald span[b-3hzg3lmjb2] { color: #fff !important; }
.sgprf-section-icon-wrap--emerald span[class*="icon-"][b-3hzg3lmjb2]::before { color: #fff !important; }

/* ── Botão Adicionar (header da seção) ───────────────────── */
.sgprf-cert-btn-add[b-3hzg3lmjb2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: var(--color-sf-primary);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 0.80rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.12s;
    flex-shrink: 0;
    margin-left: 10px;
}
.sgprf-cert-btn-add:hover[b-3hzg3lmjb2] { opacity: 0.88; }
.sgprf-cert-btn-add span[b-3hzg3lmjb2]  { color: #fff !important; font-size: 1rem; line-height: 1; }
.sgprf-cert-btn-add span[class*="icon-"][b-3hzg3lmjb2]::before { color: #fff !important; }

/* ── Lista de certificados ───────────────────────────────── */
.sgprf-cert-list[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sgprf-cert-card[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 14px 16px;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 8px;
    transition: border-color 0.12s, box-shadow 0.12s;
}
.sgprf-cert-card:hover[b-3hzg3lmjb2] {
    border-color: var(--color-sf-primary);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--color-sf-primary) 10%, transparent);
}

.sgprf-cert-card-left[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
    min-width: 0;
}

.sgprf-cert-icon-wrap[b-3hzg3lmjb2] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #059669;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
    line-height: 1;
}
.sgprf-cert-icon-wrap span[b-3hzg3lmjb2] { color: #fff !important; }
.sgprf-cert-icon-wrap span[class*="icon-"][b-3hzg3lmjb2]::before { color: #fff !important; }

.sgprf-cert-info[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1;
}

.sgprf-cert-info-top[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.sgprf-cert-tipo-badge[b-3hzg3lmjb2] {
    display: inline-block;
    padding: 1px 8px;
    background: var(--color-sf-primary);
    color: #fff;
    border-radius: 10px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

/* ── Status badges ───────────────────────────────────────── */
.sgprf-cert-status-badge[b-3hzg3lmjb2] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.70rem;
    font-weight: 600;
}
.sgprf-cert-status-badge--valido[b-3hzg3lmjb2] {
    background: color-mix(in srgb, var(--color-sf-success) 12%, transparent);
    color: var(--color-sf-success);
    border: 1px solid color-mix(in srgb, var(--color-sf-success) 30%, transparent);
}
.sgprf-cert-status-badge--avencer[b-3hzg3lmjb2] {
    background: color-mix(in srgb, #d97706 12%, transparent);
    color: #92400e;
    border: 1px solid color-mix(in srgb, #d97706 30%, transparent);
}
.sgprf-cert-status-badge--expirado[b-3hzg3lmjb2] {
    background: color-mix(in srgb, var(--color-sf-danger) 12%, transparent);
    color: var(--color-sf-danger);
    border: 1px solid color-mix(in srgb, var(--color-sf-danger) 30%, transparent);
}
.sgprf-cert-status-badge--semvalidade[b-3hzg3lmjb2] {
    background: var(--color-sf-content-bg-color-alt1);
    color: var(--color-sf-content-text-color-alt1);
    border: 1px solid var(--color-sf-border-light);
}

.sgprf-cert-nome[b-3hzg3lmjb2] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sgprf-cert-meta[b-3hzg3lmjb2] {
    font-size: 0.75rem;
    color: var(--color-sf-content-text-color-alt1);
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}
.sgprf-cert-meta-sep[b-3hzg3lmjb2]   { color: var(--color-sf-border-light); }
.sgprf-cert-meta-arrow[b-3hzg3lmjb2] { opacity: 0.5; }

.sgprf-cert-id-tag[b-3hzg3lmjb2] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    background: #e8f0fe;
    color: #1a56db;
    border: 1px solid #c3d9f7;
}

.sgprf-cert-form-hint[b-3hzg3lmjb2] {
    font-size: 0.75rem;
    color: #8a919a;
    margin-top: 4px;
}

/* ── Botões de ação por card ─────────────────────────────── */
.sgprf-cert-actions[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    margin-left: 12px;
}

.sgprf-cert-action-btn[b-3hzg3lmjb2] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid var(--color-sf-border-light);
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--color-sf-icon-color);
    transition: background 0.12s, border-color 0.12s, color 0.12s;
}
.sgprf-cert-action-btn:hover:not(:disabled)[b-3hzg3lmjb2] {
    background: var(--color-sf-primary-bg-color);
    border-color: var(--color-sf-primary);
    color: var(--color-sf-primary);
}
.sgprf-cert-action-btn:disabled[b-3hzg3lmjb2] { opacity: 0.35; cursor: not-allowed; }
.sgprf-cert-action-btn--delete:hover:not(:disabled)[b-3hzg3lmjb2] {
    background: color-mix(in srgb, var(--color-sf-danger) 10%, transparent);
    border-color: var(--color-sf-danger);
    color: var(--color-sf-danger);
}

/* ── Formulário do dialog ────────────────────────────────── */
.sgprf-cert-form[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sgprf-cert-form-field[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sgprf-cert-form-label[b-3hzg3lmjb2] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--color-sf-content-text-color-alt1);
}
.sgprf-cert-form-optional[b-3hzg3lmjb2] {
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    font-size: 0.68rem;
}

.sgprf-cert-upload-zone[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 20px;
    border: 2px dashed var(--color-sf-border-light);
    border-radius: 8px;
    background: var(--color-sf-content-bg-color-alt1);
    transition: border-color 0.12s;
}
.sgprf-cert-upload-zone:hover[b-3hzg3lmjb2] { border-color: var(--color-sf-primary); }

.sgprf-cert-upload-icon[b-3hzg3lmjb2] { font-size: 2rem; color: var(--color-sf-icon-color); line-height: 1; }
.sgprf-cert-upload-hint[b-3hzg3lmjb2] { margin: 0; font-size: 0.82rem; color: var(--color-sf-content-text-color-alt1); }

.sgprf-cert-btn-browse[b-3hzg3lmjb2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    background: var(--color-sf-primary);
    color: #fff;
    border-radius: 6px;
    font-size: 0.80rem;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.sgprf-cert-input-file[b-3hzg3lmjb2] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
}

.sgprf-cert-arquivo-info[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 12px;
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 6px;
    font-size: 1.2rem;
    color: var(--color-sf-icon-color);
}
.sgprf-cert-arquivo-info > div[b-3hzg3lmjb2] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sgprf-cert-arquivo-nome[b-3hzg3lmjb2] { font-size: 0.82rem; font-weight: 600; color: var(--color-sf-content-text-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sgprf-cert-arquivo-tam[b-3hzg3lmjb2]  { font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1); }

.sgprf-cert-btn-remove[b-3hzg3lmjb2] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    color: var(--color-sf-icon-color);
    flex-shrink: 0;
}
.sgprf-cert-btn-remove:hover[b-3hzg3lmjb2] {
    background: color-mix(in srgb, var(--color-sf-danger) 10%, transparent);
    color: var(--color-sf-danger);
}

.sgprf-cert-form-error[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: color-mix(in srgb, var(--color-sf-danger) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-sf-danger) 25%, transparent);
    border-radius: 6px;
    font-size: 0.80rem;
    color: var(--color-sf-danger);
}
.sgprf-cert-form-error span[b-3hzg3lmjb2] { font-size: 1rem; flex-shrink: 0; }

/* ── Resultado da extração ───────────────────────────────── */
.sgprf-cert-extracted-box[b-3hzg3lmjb2] {
    border: 1px solid color-mix(in srgb, #059669 35%, transparent);
    border-radius: 8px;
    overflow: hidden;
}
.sgprf-cert-extracted-header[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: color-mix(in srgb, #059669 10%, transparent);
    font-size: 0.82rem;
    font-weight: 600;
    color: #059669;
}
.sgprf-cert-ok-icon[b-3hzg3lmjb2] { font-size: 1.1rem; color: #059669 !important; }
.sgprf-cert-ok-icon[b-3hzg3lmjb2]::before { color: #059669 !important; }

.sgprf-cert-extracted-fields[b-3hzg3lmjb2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}
.sgprf-cert-extracted-field[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 14px;
    border-top: 1px solid color-mix(in srgb, var(--color-sf-border-light) 80%, transparent);
    border-right: 1px solid color-mix(in srgb, var(--color-sf-border-light) 80%, transparent);
}
.sgprf-cert-extracted-field:nth-child(even)[b-3hzg3lmjb2] { border-right: none; }
.sgprf-cert-extracted-label[b-3hzg3lmjb2] { font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--color-sf-content-text-color-alt1); }
.sgprf-cert-extracted-value[b-3hzg3lmjb2] { font-size: 0.85rem; font-weight: 600; color: var(--color-sf-content-text-color); word-break: break-all; }
.sgprf-cert-extracted-value--mono[b-3hzg3lmjb2] { color: var(--color-sf-primary); }

/* ── Dialog header ───────────────────────────────────────── */
.sgprf-cert-dlg-header[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.sgprf-cert-dlg-title[b-3hzg3lmjb2] { font-size: 0.95rem; font-weight: 600; color: var(--color-sf-content-text-color); display: block; }
.sgprf-cert-dlg-sub[b-3hzg3lmjb2]   { font-size: 0.73rem; color: var(--color-sf-content-text-color-alt1); display: block; }

/* ── Spinner de carregamento ─────────────────────────────── */
@@keyframes sgprf-cert-spin-anim { to[b-3hzg3lmjb2] { transform: rotate(360deg); } }
.sgprf-cert-spin[b-3hzg3lmjb2] {
    display: inline-block;
    animation: sgprf-cert-spin-anim 0.8s linear infinite;
}

/* ── Responsividade ──────────────────────────────────────── */
@media (max-width: 900px) {
    .sgprf-shell[b-3hzg3lmjb2] {
        flex-direction: column;
    }

    .sgprf-sidebar[b-3hzg3lmjb2] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--color-sf-border-light);
        overflow-y: visible;
    }

    .sgprf-avatar-area[b-3hzg3lmjb2] {
        padding: 20px 16px 16px;
    }

    .sgprf-nav[b-3hzg3lmjb2] {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 10px 12px;
        gap: 4px;
    }

    .sgprf-nav-label[b-3hzg3lmjb2] { display: none; }

    .sgprf-nav-link[b-3hzg3lmjb2] {
        padding: 6px 12px;
        font-size: 0.78rem;
    }
}

@media (max-width: 600px) {
    .sgprf-section[b-3hzg3lmjb2] { padding: 16px 14px 20px; }

    .sgprf-fields-grid[b-3hzg3lmjb2] { grid-template-columns: 1fr; }

    .sgprf-fav-grid[b-3hzg3lmjb2] { grid-template-columns: 1fr; }

    .sgprf-stat-grid[b-3hzg3lmjb2] { grid-template-columns: 1fr; }

    .sgprf-photo-row[b-3hzg3lmjb2] {
        flex-direction: column;
        align-items: center;
    }

    .sgprf-hist-timeline[b-3hzg3lmjb2] { grid-template-columns: 1fr; }
}

/* ── Histórico de Acessos ─────────────────────────────── */
.sgprf-hist-timeline[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* ── Drill-down agrupado por dia ─────────────────────── */
.sgprf-hist-group[b-3hzg3lmjb2] {
    border: 1px solid var(--color-sf-border-light, #e2e8f0);
    border-radius: 8px;
    margin-bottom: 8px;
    overflow: hidden;
}

.sgprf-hist-group[open] > .sgprf-hist-date-sep[b-3hzg3lmjb2]::after {
    transform: rotate(90deg);
}

.sgprf-hist-date-sep[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    cursor: pointer;
    background: var(--color-sf-content-bg-color-alt1, #f8fafc);
    list-style: none;
    user-select: none;
}

.sgprf-hist-date-sep[b-3hzg3lmjb2]::after {
    content: "›";
    margin-left: auto;
    font-size: 18px;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    transition: transform 0.2s;
    font-weight: 600;
}

.sgprf-hist-date-sep[b-3hzg3lmjb2]::-webkit-details-marker { display: none; }

.sgprf-hist-date-label[b-3hzg3lmjb2] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--color-sf-content-text-color-alt1);
}

.sgprf-hist-date-count[b-3hzg3lmjb2] {
    font-size: 10px;
    font-weight: 700;
    background: var(--color-sf-primary, #0851a3);
    color: #fff;
    padding: 1px 7px;
    border-radius: 10px;
}

/* ── Jobs agendados (admin) ─────────────────────────── */
.sgprf-section-icon-wrap--teal[b-3hzg3lmjb2] { background: rgba(20, 184, 166, 0.12); }
.sgprf-section-icon-wrap--teal span[b-3hzg3lmjb2] { color: #0d9488 !important; }
.sgprf-section-icon-wrap--teal span[class*="icon-"][b-3hzg3lmjb2]::before { color: #0d9488 !important; }

.sgprf-link-btn[b-3hzg3lmjb2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-sf-primary, #0851a3);
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid var(--color-sf-border-light, #cbd5e1);
    background: transparent;
    transition: background 0.15s;
}
.sgprf-link-btn:hover[b-3hzg3lmjb2] { background: rgba(8, 81, 163, 0.06); }

.sgprf-jobs-list[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sgprf-job-item[b-3hzg3lmjb2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid var(--color-sf-border-light, #e2e8f0);
    background: var(--color-sf-content-bg-color, #fff);
}

.sgprf-job-item--disabled[b-3hzg3lmjb2] { opacity: 0.5; }

.sgprf-job-info[b-3hzg3lmjb2] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sgprf-job-name[b-3hzg3lmjb2] { font-size: 13px; font-weight: 600; color: var(--color-sf-content-text-color, #0f172a); }
.sgprf-job-cron[b-3hzg3lmjb2] { font-size: 11px; color: var(--color-sf-content-text-color-alt1, #64748b); font-family: 'Courier New', monospace; }

.sgprf-job-status[b-3hzg3lmjb2] { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.sgprf-job-last[b-3hzg3lmjb2] { font-size: 11px; color: var(--color-sf-content-text-color-alt1, #64748b); }

.sgprf-job-badge[b-3hzg3lmjb2] {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.sgprf-job-badge--ok[b-3hzg3lmjb2]      { background: #bbf7d0; color: #166534; }
.sgprf-job-badge--erro[b-3hzg3lmjb2]    { background: #fecaca; color: #991b1b; }
.sgprf-job-badge--rodando[b-3hzg3lmjb2] { background: #dbeafe; color: #1e40af; }
.sgprf-job-badge--timeout[b-3hzg3lmjb2] { background: #fed7aa; color: #9a3412; }
.sgprf-job-badge--none[b-3hzg3lmjb2]    { background: #f1f5f9; color: #94a3b8; }

.sgprf-hist-item[b-3hzg3lmjb2] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: none;
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
    width: 100%;
    transition: background .15s;
}

.sgprf-hist-item:hover[b-3hzg3lmjb2] {
    background: var(--color-sf-content-bg-color-alt1);
}

.sgprf-hist-icon-wrap[b-3hzg3lmjb2] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--color-sf-primary-lighter);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--color-sf-primary);
}

.sgprf-hist-icon-wrap span[class*="icon-"][b-3hzg3lmjb2]::before {
    color: var(--color-sf-primary) !important;
    font-size: 18px;
}

.sgprf-hist-info[b-3hzg3lmjb2] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgprf-hist-title[b-3hzg3lmjb2] {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-sf-content-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgprf-hist-meta[b-3hzg3lmjb2] {
    font-size: 11px;
    color: var(--color-sf-content-text-color-alt1);
}

.sgprf-hist-code[b-3hzg3lmjb2] {
    color: var(--color-sf-content-text-color-alt1);
    opacity: .7;
}

.sgprf-hist-arrow[b-3hzg3lmjb2] {
    flex-shrink: 0;
    font-size: 14px;
    color: var(--color-sf-content-text-color-alt1);
    opacity: 0;
    transition: opacity .15s;
}

.sgprf-hist-item:hover .sgprf-hist-arrow[b-3hzg3lmjb2] {
    opacity: 1;
}

/* ═══════════════════════════════════════════════
   Seção Logomarca
═══════════════════════════════════════════════════ */
.sgprf-logo-row[b-3hzg3lmjb2] {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    padding: 8px 0;
    flex-wrap: wrap;
}

.sgprf-logo-preview[b-3hzg3lmjb2] {
    width: 220px;
    height: 220px;
    border-radius: 12px;
    border: 1px dashed var(--color-sf-border-light, #e5e7eb);
    background: var(--color-sf-content-bg-color-alt1, #f9fafb);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.sgprf-logo-img[b-3hzg3lmjb2] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.sgprf-logo-placeholder[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: var(--color-sf-content-text-color-alt1);
}

.sgprf-logo-placeholder span[class*="icon-"][b-3hzg3lmjb2] {
    font-size: 48px;
    opacity: 0.4;
}

.sgprf-logo-placeholder-txt[b-3hzg3lmjb2] {
    font-size: 0.75rem;
    font-weight: 500;
}

.sgprf-logo-actions[b-3hzg3lmjb2] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    min-width: 260px;
}

.sgprf-logo-hint[b-3hzg3lmjb2] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
    line-height: 1.55;
    margin: 0 0 4px;
}

.sgprf-logo-btn[b-3hzg3lmjb2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 6px;
    border: 1px solid var(--color-sf-border-light, #e5e7eb);
    background: var(--color-sf-content-bg-color, #fff);
    color: var(--color-sf-content-text-color);
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    width: fit-content;
}

.sgprf-logo-btn:hover:not(:disabled)[b-3hzg3lmjb2] {
    background: var(--color-sf-content-bg-color-alt1);
    border-color: var(--color-sf-primary);
    color: var(--color-sf-primary);
}

.sgprf-logo-btn:disabled[b-3hzg3lmjb2] {
    opacity: 0.55;
    cursor: not-allowed;
}

.sgprf-logo-btn span[class*="icon-"][b-3hzg3lmjb2] { font-size: 16px; }

.sgprf-logo-btn--primary[b-3hzg3lmjb2] {
    background: var(--color-sf-primary, #6366f1);
    color: #fff;
    border-color: var(--color-sf-primary, #6366f1);
    position: relative;
}

.sgprf-logo-btn--primary:hover:not(:disabled)[b-3hzg3lmjb2] {
    background: color-mix(in srgb, var(--color-sf-primary, #6366f1) 85%, #000);
    color: #fff;
}

.sgprf-logo-btn--primary span[class*="icon-"][b-3hzg3lmjb2]::before { color: #fff !important; }

.sgprf-logo-btn--danger[b-3hzg3lmjb2] {
    color: #dc2626;
    border-color: #fecaca;
}

.sgprf-logo-btn--danger:hover:not(:disabled)[b-3hzg3lmjb2] {
    background: #fef2f2;
    border-color: #dc2626;
    color: #dc2626;
}

.sgprf-logo-input[b-3hzg3lmjb2] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.sgprf-logo-msg[b-3hzg3lmjb2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 500;
    margin-top: 4px;
    width: fit-content;
}

.sgprf-logo-msg span[class*="icon-"][b-3hzg3lmjb2] { font-size: 16px; }

.sgprf-logo-msg--ok[b-3hzg3lmjb2] {
    background: #ecfdf5;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

.sgprf-logo-msg--erro[b-3hzg3lmjb2] {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}
/* /Components/Pages/Forms/ReportFormPanel.razor.rz.scp.css */
/* ══ Form-relatório (split: filtros esquerda + HTML direita) ══ */

.sgrep-shell[b-15bdnhhzt8] {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    /* Altura = viewport - appbar (60px) - margem inferior segura (16px).
       O container pai (WorkspaceLayout > main) tem padding próprio, então
       precisamos cobrir a área útil sem ultrapassar (causava scroll fantasma
       e o painel esquerdo descia além do viewport). */
    height: calc(100vh - 76px);
    gap: 0;
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 12px;
    overflow: hidden;
}

/* ── Painel esquerdo ─────────────────────────────────────────── */
.sgrep-filters[b-15bdnhhzt8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 14px 0;
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    color: #cbd5e1;
    overflow: hidden;
}
.sgrep-filters-header[b-15bdnhhzt8] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}
.sgrep-filters-icon[b-15bdnhhzt8] { font-size: 1.4rem; color: #a78bfa; }
.sgrep-filters-header-body[b-15bdnhhzt8] { min-width: 0; flex: 1 1 auto; }
.sgrep-filters-title[b-15bdnhhzt8] { font-weight: 700; font-size: 0.95rem; color: #fff; }
.sgrep-filters-sub[b-15bdnhhzt8]   { font-size: 0.72rem; color: #94a3b8; }

/* Badges F/M (COD_FORMULARIO / COD_MENU) — facilita encontrar o registro
   em /Formularios e /Menus na hora da manutenção. */
.sgrep-meta-bar[b-15bdnhhzt8] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 6px;
}
.sgrep-meta-tag[b-15bdnhhzt8] {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 2px 8px;
    border-radius: 10px;
    background: rgba(124,58,237,0.20);
    color: #c4b5fd;
    border: 1px solid rgba(124,58,237,0.35);
    font-variant-numeric: tabular-nums;
}

.sgrep-filters-body[b-15bdnhhzt8] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding-right: 4px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.sgrep-filter-field[b-15bdnhhzt8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.sgrep-filter-lbl[b-15bdnhhzt8] {
    font-size: 11px;
    font-weight: 700;
    color: #cbd5e1;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.sgrep-filter-row[b-15bdnhhzt8] {
    display: flex;
    gap: 6px;
}
.sgrep-filter-info[b-15bdnhhzt8] {
    display: flex; align-items: center; gap: 8px;
    background: rgba(124,58,237,0.18);
    color: #ddd6fe;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.82rem;
}
.sgrep-filter-warn[b-15bdnhhzt8] {
    display: flex; align-items: flex-start; gap: 10px;
    background: rgba(245, 158, 11, 0.14);
    color: #fbbf24;
    padding: 12px 14px;
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-radius: 10px;
    font-size: 0.8rem;
    line-height: 1.45;
}
.sgrep-filter-warn .icon-ic_fluent_warning_16_regular[b-15bdnhhzt8] {
    font-size: 1.05rem;
    margin-top: 1px;
    flex: 0 0 auto;
}
.sgrep-filter-warn strong[b-15bdnhhzt8] {
    color: #fde68a;
    display: block;
    font-size: 0.85rem;
}
.sgrep-filter-warn-msg[b-15bdnhhzt8] {
    margin: 4px 0 6px;
    color: #fcd34d;
}
.sgrep-filter-warn-msg code[b-15bdnhhzt8] {
    background: rgba(0,0,0,0.30);
    color: #fde68a;
    padding: 1px 5px;
    border-radius: 4px;
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: 0.78rem;
}
.sgrep-filter-warn-steps[b-15bdnhhzt8] {
    margin: 4px 0 0;
    padding-left: 18px;
    color: #fde68a;
    font-size: 0.78rem;
}
.sgrep-filter-warn-steps li[b-15bdnhhzt8] { margin: 2px 0; }

/* Sugestão do arquivo .rdlc — pega do SYS_FORMULARIO.PivotReport
   e mostra com destaque pra facilitar localizar/subir o arquivo certo. */
.sgrep-filter-warn-rdlc[b-15bdnhhzt8] {
    display: flex;
    gap: 6px;
    align-items: center;
    background: rgba(0,0,0,0.30);
    border: 1px solid rgba(245, 158, 11, 0.50);
    border-radius: 6px;
    padding: 6px 10px;
    margin: 8px 0;
    font-size: 0.78rem;
    color: #fef3c7;
}
.sgrep-filter-warn-rdlc .icon-ic_fluent_document_table_16_regular[b-15bdnhhzt8] {
    color: #fbbf24;
    font-size: 1rem;
    flex: 0 0 auto;
}
.sgrep-filter-warn-rdlc code[b-15bdnhhzt8] {
    background: rgba(245, 158, 11, 0.18);
    color: #fef3c7;
    padding: 2px 8px;
    border-radius: 4px;
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-weight: 700;
    letter-spacing: 0.02em;
    word-break: break-all;
}
.sgrep-filter-warn-link[b-15bdnhhzt8] {
    color: #fef3c7;
    text-decoration: underline;
    font-weight: 600;
}
.sgrep-filter-warn-link:hover[b-15bdnhhzt8] { color: #fff; }
.sgrep-filters-footer[b-15bdnhhzt8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    border-top: 1px solid rgba(255,255,255,0.10);
    margin-top: auto;
}

/* Inputs no painel escuro — Syncfusion não tem tema dark embutido aqui,
   então força contraste suficiente para campos visíveis. */
.sgrep-filters[b-15bdnhhzt8]  .e-input-group,
.sgrep-filters[b-15bdnhhzt8]  .e-control-wrapper {
    background: rgba(255,255,255,0.95) !important;
    border-radius: 6px;
}
.sgrep-filters[b-15bdnhhzt8]  .e-input {
    color: #0f172a !important;
}

/* ── Painel direito (saída) ──────────────────────────────────── */
.sgrep-output[b-15bdnhhzt8] {
    background: var(--color-sf-card-bg-color);
    overflow: auto;
    position: relative;
}
.sgrep-output-iframe[b-15bdnhhzt8] {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    background: #fff;
}
.sgrep-output-empty[b-15bdnhhzt8] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    text-align: center;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    gap: 6px;
}
.sgrep-output-empty .icon-ic_fluent_document_table_48_regular[b-15bdnhhzt8] {
    font-size: 3rem;
    color: #94a3b8;
}
.sgrep-output-empty p[b-15bdnhhzt8] {
    margin: 6px 0 2px;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
}
.sgrep-output-hint[b-15bdnhhzt8] { font-size: 0.78rem; }

.sgrep-output-error[b-15bdnhhzt8] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fca5a5;
    border-radius: 10px;
    padding: 14px 16px;
    margin: 16px;
}
.sgrep-output-error .icon-ic_fluent_error_circle_24_regular[b-15bdnhhzt8] {
    color: #dc2626;
    font-size: 1.4rem;
    flex: 0 0 auto;
}
.sgrep-output-error strong[b-15bdnhhzt8] { display: block; font-size: 0.95rem; margin-bottom: 4px; }
.sgrep-output-error p[b-15bdnhhzt8] { margin: 0 0 8px; font-size: 0.82rem; }
.sgrep-output-error details[b-15bdnhhzt8] {
    background: rgba(0,0,0,0.04);
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 0.78rem;
}
.sgrep-output-error code[b-15bdnhhzt8] {
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    display: block;
    white-space: pre-wrap;
    word-break: break-all;
    margin-top: 6px;
}

.sgrep-output-skel[b-15bdnhhzt8] {
    padding: 28px 32px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.sgrep-output-skel-bar[b-15bdnhhzt8] {
    height: 18px;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.10) 50%, rgba(0,0,0,0.05) 100%);
    background-size: 200% 100%;
    animation: sgrep-shimmer-b-15bdnhhzt8 1.4s linear infinite;
}
.sgrep-output-skel-bar--short[b-15bdnhhzt8] { width: 60%; }
.sgrep-output-skel-spinner[b-15bdnhhzt8] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-top: 14px;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    font-size: 0.82rem;
}
.sgrep-spin[b-15bdnhhzt8] {
    display: inline-block;
    animation: sgrep-rotate-b-15bdnhhzt8 1.2s linear infinite;
}
@keyframes sgrep-rotate-b-15bdnhhzt8 { to { transform: rotate(360deg); } }
@keyframes sgrep-shimmer-b-15bdnhhzt8 {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Responsivo: ≤ 900px empilha (filtros em cima, relatório embaixo) */
@media (max-width: 900px) {
    .sgrep-shell[b-15bdnhhzt8] {
        grid-template-columns: 1fr;
    }
    .sgrep-output-iframe[b-15bdnhhzt8] {
        min-height: 60vh;
    }
}
/* /Components/Pages/Forms/SubGrid.razor.rz.scp.css */
/* ============================================================
   SubGrid.razor.css
   Container do subgrid com toggle de expansão full-screen
   Prefixo: sgsg-
   Classes sgdlg-* estão em wwwroot/app.css (global)
   ============================================================ */

/* ── Decoração de registros bloqueados ──────────────────── */
[b-9reti70zjk] .e-grid td.sgrid-cell-locked {
    color: #c47a00 !important;
}

/* ── Wrapper externo — permanece no fluxo, não colapsa ──── */
.sgsg-wrap[b-9reti70zjk] {
    position: relative;
}

/* ── Botão de expandir — sobreposto ao canto do toolbar ─── */
.sgsg-expand-btn[b-9reti70zjk] {
    position: absolute;
    top: 9px;
    right: 15px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    padding: 0;
    transition: background 0.12s ease;
    appearance: none;
    -webkit-appearance: none;
}

.sgsg-expand-btn:hover[b-9reti70zjk] {
    background: rgba(0, 0, 0, 0.07);
}

.sgsg-expand-btn:focus-visible[b-9reti70zjk] {
    outline: 2px solid var(--color-sf-primary);
    outline-offset: 1px;
}

/* ── Div interno expandido — cobre toda a viewport ──────── */
.sgsg--expanded[b-9reti70zjk] {
    position: fixed;
    inset: 0;
    z-index: 1500;
    background: var(--color-sf-content-bg-color);
    display: flex;
    flex-direction: column;
}

/* ── Barra de título no modo expandido ───────────────────── */
.sgsg-fullscreen-bar[b-9reti70zjk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 44px;
    flex-shrink: 0;
    background: var(--color-sf-content-bg-color-alt1);
    border-bottom: 1px solid var(--color-sf-border-light);
    box-sizing: border-box;
}

.sgsg-fullscreen-title[b-9reti70zjk] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Botão de recolher — na barra do modo expandido ─────── */
.sgsg-collapse-btn[b-9reti70zjk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    padding: 0;
    flex-shrink: 0;
    transition: background 0.12s ease;
    appearance: none;
    -webkit-appearance: none;
}

.sgsg-collapse-btn:hover[b-9reti70zjk] {
    background: rgba(0, 0, 0, 0.07);
}

.sgsg-collapse-btn:focus-visible[b-9reti70zjk] {
    outline: 2px solid var(--color-sf-primary);
    outline-offset: 1px;
}

/* ── Botão de diagnóstico de query — flat com label ───────── */
.sgsg-query-btn[b-9reti70zjk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 4px 10px;
    margin-right: 30px;
    font-size: 0.78rem;
    line-height: 1;
    color: var(--color-sf-content-text-color-alt1);
}
.sgsg-query-btn-label[b-9reti70zjk] { white-space: nowrap; }
.sgsg-query-btn:hover[b-9reti70zjk] { opacity: .7; }

/* ── KPI bar do subgrid ──────────────────────────────────── */
.sgsg-kpi-bar[b-9reti70zjk] {
    display: flex; gap: 8px; padding: 6px 12px;
    flex-wrap: wrap; align-items: center;
    /* border-bottom: 1px solid var(--color-sf-border-light); */
    background: var(--color-sf-content-bg-color);
}
.sgsg-kpi[b-9reti70zjk] {
    display: flex; flex-direction: column; align-items: center;
    gap: 1px; padding: 4px 14px;
    border-radius: 8px; min-width: 80px;
    border: 1px solid var(--color-sf-border-light);
}
.sgsg-kpi-label[b-9reti70zjk] {
    font-size: 0.58rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.04em;
    color: var(--color-sf-content-text-color-alt1);
}
.sgsg-kpi-value[b-9reti70zjk] {
    font-size: 0.78rem; font-weight: 700;
}
.sgsg-kpi-value.text-color-1[b-9reti70zjk] { color: #168EFF; }
.sgsg-kpi-value.text-color-2[b-9reti70zjk] { color: #C87B00; }
.sgsg-kpi-value.text-color-3[b-9reti70zjk] { color: #75980B; }
.sgsg-kpi-value.text-color-4[b-9reti70zjk] { color: #DF1278; }
.sgsg-kpi-value.text-color-5[b-9reti70zjk] { color: #5d36FF; }
.sgsg-kpi-value.text-color-6[b-9reti70zjk] { color: #256F3A; }

/* ── Botão toggle gráficos ───────────────────────────────── */
.sgsg-chart-btn[b-9reti70zjk] {
    background: none; border: none; cursor: pointer;
    padding: 4px; margin-right: 4px;
    font-size: 16px; line-height: 1;
    color: var(--color-sf-content-text-color-alt1);
    opacity: 0.5; transition: all 0.15s;
    border-radius: 4px;
}
.sgsg-chart-btn span[b-9reti70zjk] { color: var(--color-sf-content-text-color-alt1) !important; }
.sgsg-chart-btn span[b-9reti70zjk]::before { color: var(--color-sf-content-text-color-alt1) !important; }
.sgsg-chart-btn:hover[b-9reti70zjk] { opacity: 1; }
.sgsg-chart-btn--active[b-9reti70zjk] {
    opacity: 1;
    background: color-mix(in srgb, var(--color-sf-primary, #0078d4) 12%, transparent);
}
.sgsg-chart-btn--active span[b-9reti70zjk] { color: var(--color-sf-primary, #0078d4) !important; }
.sgsg-chart-btn--active span[b-9reti70zjk]::before { color: var(--color-sf-primary, #0078d4) !important; }

/* ── Layout split: grid + painel lateral de gráficos ────── */
.sgsg-body-split[b-9reti70zjk] {
    display: flex;
    position: relative;
}
.sgsg-grid-main[b-9reti70zjk] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

/* ── Painel lateral de gráficos ─────────────────────────── */
.sgsg-chart-side[b-9reti70zjk] {
    width: 450px;
    flex-shrink: 0;
    /* border-left: 1px solid var(--color-sf-border-light, #e0e0e0); */
    background: var(--color-sf-content-bg-color, #fff);
    display: flex;
    flex-direction: column;
    max-height: 600px;
    overflow: hidden;
    animation: sgsg-side-in-b-9reti70zjk 0.25s ease-out;
    align-self: flex-start;
    position: sticky;
    top: 0;
}

/* Em modo expandido (fullscreen) o painel de gráficos preenche
   toda a altura disponível do container. */
.sgsg--expanded .sgsg-body-split[b-9reti70zjk] {
    flex: 1;
    min-height: 0;
}
.sgsg--expanded .sgsg-chart-side[b-9reti70zjk] {
    max-height: none;
    align-self: stretch;
}
@keyframes sgsg-side-in-b-9reti70zjk {
    from { width: 0; opacity: 0; }
    to   { width: 450px; opacity: 1; }
}
.sgsg-chart-side-header[b-9reti70zjk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    /* border-bottom: 1px solid var(--color-sf-border-light, #e0e0e0); */
    flex-shrink: 0;
}
.sgsg-chart-side-title[b-9reti70zjk] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-sf-content-text-color-alt1, #888);
}
.sgsg-chart-side-close[b-9reti70zjk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px; height: 24px;
    border: none;
    background: transparent;
    border-radius: 4px;
    cursor: pointer;
}
.sgsg-chart-side-close:hover[b-9reti70zjk] {
    background: color-mix(in srgb, var(--color-sf-content-text-color-alt1, #888) 10%, transparent);
}
.sgsg-chart-side-close span[b-9reti70zjk] { font-size: 14px; }
.sgsg-chart-side-close span[b-9reti70zjk]::before {
    color: var(--color-sf-content-text-color-alt1, #888) !important;
}
.sgsg-chart-side-body[b-9reti70zjk] {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
}
/* Força gráficos em coluna vertical dentro do painel lateral */
.sgsg-chart-side-body .sg-barramenu[b-9reti70zjk] { overflow: visible; }
.sgsg-chart-side-body .sg-appbar[b-9reti70zjk] {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.sgsg-chart-side-body .sg-chart-item[b-9reti70zjk] {
    width: 100% !important;
    min-height: 200px;
}
.sgsg-chart-side-body .sg-chart-title[b-9reti70zjk] {
    font-size: 0.70rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--color-sf-content-text-color-alt1, #888);
    padding: 4px 0;
    border-bottom: 1px solid var(--color-sf-border-light, #e0e0e0);
    margin-bottom: 4px;
}
/* /Components/Pages/Forms/Usuarios.razor.rz.scp.css */
/* ============================================================
   Usuarios.razor.css
   Gestão de usuários do domínio — Fiori Horizon List Report
   Prefixo: sgusr-
   ============================================================ */

/* ── Wrapper de página ────────────────────────────────────── */
.sgusr-page-wrap[b-q5dr49x0po] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

/* ── Page Header ──────────────────────────────────────────── */
.sgusr-page-header[b-q5dr49x0po] {
    background: var(--color-sf-content-bg-color-alt1);
    border-bottom: 1px solid var(--color-sf-border-light);
    padding: 12px 16px 14px;
    flex-shrink: 0;
}

.sgusr-header-top[b-q5dr49x0po] {
    margin-bottom: 8px;
}

/* Breadcrumb */
.sgusr-breadcrumb[b-q5dr49x0po] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.78rem;
}

.sgusr-breadcrumb-item[b-q5dr49x0po] {
    color: var(--color-sf-content-text-color-alt1);
    font-weight: 400;
}

.sgusr-breadcrumb-item--active[b-q5dr49x0po] {
    color: var(--color-sf-content-text-color);
    font-weight: 500;
}

.sgusr-breadcrumb-sep[b-q5dr49x0po] {
    font-size: 0.65rem;
    color: var(--color-sf-icon-color);
}

/* Header principal */
.sgusr-header-main[b-q5dr49x0po] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.sgusr-header-identity[b-q5dr49x0po] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.sgusr-header-icon-wrap[b-q5dr49x0po] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--color-sf-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sgusr-header-icon[b-q5dr49x0po] {
    font-size: 1.3rem;
    color: #fff;
}

.sgusr-header-title-area[b-q5dr49x0po] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgusr-page-title[b-q5dr49x0po] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    margin: 0;
    line-height: 1.2;
}

.sgusr-page-subtitle[b-q5dr49x0po] {
    font-size: 0.75rem;
    color: var(--color-sf-content-text-color-alt1);
    font-weight: 400;
}

/* KPI Cards */
.sgusr-header-kpis[b-q5dr49x0po] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.sgusr-kpi-card[b-q5dr49x0po] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 16px 10px;
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 10px;
    gap: 1px;
    min-width: 76px;
    cursor: default;
}

.sgusr-kpi-value[b-q5dr49x0po] {
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    line-height: 1;
    letter-spacing: -0.02em;
}

.sgusr-kpi-label[b-q5dr49x0po] {
    font-size: 0.70rem;
    font-weight: 400;
    color: var(--color-sf-content-text-color-alt1);
    white-space: nowrap;
}

/* ── Toolbar customizada ──────────────────────────────────── */
.sgusr-toolbar[b-q5dr49x0po] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    flex-wrap: wrap;
}

.sgusr-toolbar-btn[b-q5dr49x0po] {
    height: 30px;
    font-size: 0.82rem;
}

.sgusr-toolbar-btn--danger[b-q5dr49x0po] {
    color: var(--color-sf-danger) !important;
}

.sgusr-toolbar-sep[b-q5dr49x0po] {
    width: 1px;
    height: 20px;
    background: var(--color-sf-border-light);
    margin: 0 4px;
    flex-shrink: 0;
}

/* ── Grid wrapper ─────────────────────────────────────────── */
.sgusr-grid-wrap[b-q5dr49x0po] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.sgusr-grid-wrap[b-q5dr49x0po]  .e-grid {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.sgusr-grid-wrap[b-q5dr49x0po]  .e-gridcontent {
    border-left: none !important;
    border-right: none !important;
}

/* ── Avatar na célula do grid ─────────────────────────────── */
.sgusr-avatar-cell[b-q5dr49x0po] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 600;
    color: #fff;
    margin: 0 auto;
    overflow: hidden;
    flex-shrink: 0;
}

.sgusr-avatar-img[b-q5dr49x0po] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

/* ── Badges de status ─────────────────────────────────────── */
.sgusr-status-badge[b-q5dr49x0po] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.73rem;
    font-weight: 500;
    white-space: nowrap;
}

.sgusr-status-badge--ativo[b-q5dr49x0po] {
    background: #107c10;
    color: #fff;
}

.sgusr-status-badge--desativado[b-q5dr49x0po] {
    background: #605e5c;
    color: #fff;
}

.sgusr-status-badge--suspenso[b-q5dr49x0po] {
    background: #c58000;
    color: #fff;
}

/* Badge admin */
.sgusr-admin-badge[b-q5dr49x0po] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--color-sf-primary);
    color: #fff;
    font-size: 0.85rem;
}

.sgusr-admin-badge span[class*="icon-"][b-q5dr49x0po]::before {
    color: #fff !important;
}

/* ── Loading ──────────────────────────────────────────────── */
.sgusr-loading-wrap[b-q5dr49x0po] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 20px;
    padding: 56px 24px;
}

.sgusr-loader[b-q5dr49x0po] {
    position: relative;
    width: 56px;
    height: 56px;
}

.sgusr-loader-ring[b-q5dr49x0po] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2.5px solid transparent;
    border-top-color: #f59e0b;
    animation: sgusr-spin-b-q5dr49x0po 1s linear infinite;
}

.sgusr-loader-ring--2[b-q5dr49x0po] {
    inset: 8px;
    border-top-color: transparent;
    border-right-color: #fbbf24;
    opacity: 0.6;
    animation-duration: 1.4s;
    animation-direction: reverse;
}

.sgusr-loader-ring--3[b-q5dr49x0po] {
    inset: 16px;
    border-top-color: #f59e0b;
    opacity: 0.3;
    animation-duration: 1.8s;
}

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

.sgusr-loading-text[b-q5dr49x0po] {
    font-size: 0.85rem;
    color: var(--color-sf-content-text-color-alt1);
    letter-spacing: 0.02em;
}

/* ── Dialog body ──────────────────────────────────────────── */
.sgusr-dlg-body[b-q5dr49x0po] {
    min-height: 400px;
}

/* Tabs */
.sgusr-tabs[b-q5dr49x0po]  .e-tab-header {
    border-bottom: 1px solid var(--color-sf-border-light) !important;
}

.sgusr-tab-content[b-q5dr49x0po] {
    padding: 16px 0 8px;
}

/* ── Avatar no dialog ─────────────────────────────────────── */
.sgusr-dlg-avatar-row[b-q5dr49x0po] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
    padding: 12px;
    background: var(--color-sf-content-bg-color-alt1);
    border-radius: 8px;
    border: 1px solid var(--color-sf-border-light);
}

.sgusr-dlg-avatar[b-q5dr49x0po] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.sgusr-dlg-avatar-initials[b-q5dr49x0po] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
}

.sgusr-avatar-img-lg[b-q5dr49x0po] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.sgusr-dlg-avatar-info[b-q5dr49x0po] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.sgusr-dlg-avatar-name[b-q5dr49x0po] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgusr-dlg-avatar-email[b-q5dr49x0po] {
    font-size: 0.8rem;
    color: var(--color-sf-content-text-color-alt1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Campo readonly ───────────────────────────────────────── */
.sgusr-readonly-label[b-q5dr49x0po] {
    display: block;
    font-size: 0.75rem;
    color: var(--color-sf-content-text-color-alt1);
    margin-bottom: 4px;
    font-weight: 500;
}

.sgusr-readonly-value[b-q5dr49x0po] {
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color);
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 4px;
    padding: 6px 10px;
    word-break: break-all;
}

/* ── Seção de permissões ──────────────────────────────────── */
.sgusr-perm-section[b-q5dr49x0po] {
    margin-bottom: 8px;
}

.sgusr-perm-section-title[b-q5dr49x0po] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-sf-border-light);
}

.sgusr-perm-section-title [class*="icon-"][b-q5dr49x0po] {
    color: var(--color-sf-primary);
    font-size: 1rem;
}

.sgusr-perm-grid[b-q5dr49x0po] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 24px;
}

.sgusr-perm-item[b-q5dr49x0po] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.sgusr-perm-hint[b-q5dr49x0po] {
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1);
    padding-left: 24px;
}

/* ── Seção de status (tab Status) ─────────────────────────── */
.sgusr-status-section[b-q5dr49x0po] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sgusr-status-card[b-q5dr49x0po] {
    border: 1px solid var(--color-sf-border-light);
    border-radius: 8px;
    padding: 14px 16px;
    background: var(--color-sf-content-bg-color-alt1);
    transition: border-color 0.15s ease;
}

.sgusr-status-card--active-state[b-q5dr49x0po] {
    border-color: var(--color-sf-danger, #d83b01);
    background: color-mix(in srgb, var(--color-sf-danger, #d83b01) 6%, var(--color-sf-content-bg-color));
}

.sgusr-status-card-header[b-q5dr49x0po] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.sgusr-status-card-icon-wrap[b-q5dr49x0po] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.sgusr-status-card-icon-wrap--deactivate[b-q5dr49x0po] {
    background: color-mix(in srgb, #d83b01 12%, transparent);
    color: #d83b01;
}

.sgusr-status-card-icon-wrap--suspend[b-q5dr49x0po] {
    background: color-mix(in srgb, #c58000 12%, transparent);
    color: #c58000;
}

.sgusr-status-card-info[b-q5dr49x0po] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgusr-status-card-title[b-q5dr49x0po] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
}

.sgusr-status-card-desc[b-q5dr49x0po] {
    font-size: 0.76rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sgusr-status-pill[b-q5dr49x0po] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.73rem;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.sgusr-status-pill--on[b-q5dr49x0po] {
    background: #d83b01;
    color: #fff;
}

.sgusr-status-pill--suspended[b-q5dr49x0po] {
    background: #c58000;
    color: #fff;
}

.sgusr-status-pill--off[b-q5dr49x0po] {
    background: #107c10;
    color: #fff;
}

.sgusr-status-card-actions[b-q5dr49x0po] {
    display: flex;
    justify-content: flex-end;
}

.sgusr-status-btn--danger[b-q5dr49x0po] {
    border: 1px solid #d83b01 !important;
    color: #d83b01 !important;
}

.sgusr-status-btn--warn[b-q5dr49x0po] {
    border: 1px solid #c58000 !important;
    color: #c58000 !important;
}

/* ── Seção de sessão (tab Sessão) ─────────────────────────── */
.sgusr-session-grid[b-q5dr49x0po] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.sgusr-session-item[b-q5dr49x0po] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 6px;
}

.sgusr-session-label[b-q5dr49x0po] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.74rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt1);
}

.sgusr-session-label [class*="icon-"][b-q5dr49x0po] {
    font-size: 0.9rem;
    color: var(--color-sf-primary);
}

.sgusr-session-value[b-q5dr49x0po] {
    font-size: 0.85rem;
    color: var(--color-sf-content-text-color);
    font-weight: 500;
    word-break: break-all;
}

.sgusr-session-value--mono[b-q5dr49x0po] {
    font-size: 0.8rem;
}

.sgusr-session-value--sm[b-q5dr49x0po] {
    font-size: 0.73rem;
}

/* ── Footer do dialog ─────────────────────────────────────── */
.sgusr-dlg-footer[b-q5dr49x0po] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 8px 0 0;
}

/* ── Dialog de confirmação ────────────────────────────────── */
.sgusr-confirm-header[b-q5dr49x0po] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
}

.sgusr-confirm-icon[b-q5dr49x0po] {
    font-size: 1.3rem;
    color: var(--color-sf-danger, #d83b01);
}

.sgusr-confirm-msg[b-q5dr49x0po] {
    font-size: 0.9rem;
    color: var(--color-sf-content-text-color);
    line-height: 1.5;
    margin: 0;
}

/* ── Toast ────────────────────────────────────────────────── */
.sgusr-toast-content[b-q5dr49x0po] {
    font-size: 0.88rem;
}

/* ── Dark mode overrides ──────────────────────────────────── */
.e-dark-mode .sgusr-kpi-card[b-q5dr49x0po] {
    background: var(--color-sf-content-bg-color-alt1);
    border-color: var(--color-sf-border-light);
}

.e-dark-mode .sgusr-status-badge--ativo[b-q5dr49x0po] {
    background: #1a9e1a;
}

.e-dark-mode .sgusr-status-badge--suspenso[b-q5dr49x0po] {
    background: #d4900a;
}

.e-dark-mode .sgusr-status-pill--on[b-q5dr49x0po] {
    background: #e04f24;
}

.e-dark-mode .sgusr-status-pill--suspended[b-q5dr49x0po] {
    background: #d4900a;
}

.e-dark-mode .sgusr-status-pill--off[b-q5dr49x0po] {
    background: #1a9e1a;
}

.e-dark-mode .sgusr-status-badge--desativado[b-q5dr49x0po] {
    background: #7a7775;
}

/* ── Responsividade ──────────────────────────────────────────── */
@media (max-width: 900px) {
    .sgusr-header-kpis[b-q5dr49x0po] {
        display: none;
    }

    .sgusr-header-main[b-q5dr49x0po] {
        justify-content: flex-start;
    }

    .sgusr-perm-grid[b-q5dr49x0po] {
        grid-template-columns: 1fr;
    }

    .sgusr-session-grid[b-q5dr49x0po] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .sgusr-page-title[b-q5dr49x0po] {
        font-size: 1rem;
    }

    .sgusr-header-icon-wrap[b-q5dr49x0po] {
        width: 34px;
        height: 34px;
    }

    .sgusr-header-icon[b-q5dr49x0po] {
        font-size: 1rem;
    }

    .sgusr-toolbar[b-q5dr49x0po] {
        gap: 2px;
    }
}

/* ── Botão fechar (X) no título do dialog ────────────────── */
.sgusr-dlg-close-btn[b-q5dr49x0po] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--color-sf-content-text-color-alt1);
    cursor: pointer;
    flex-shrink: 0;
    margin-left: 4px;
    transition: background 0.15s, color 0.15s;
}

.sgusr-dlg-close-btn:hover[b-q5dr49x0po] {
    background: var(--color-sf-hover-bg);
    color: var(--color-sf-content-text-color);
}

.sgusr-dlg-close-btn:active[b-q5dr49x0po] {
    background: var(--color-sf-pressed-bg, rgba(0, 0, 0, 0.1));
}

.sgusr-dlg-close-btn .e-icons[b-q5dr49x0po] {
    font-size: 14px;
}
/* /Components/Pages/IntegracaoBancaria/BoletoPanel.razor.rz.scp.css */
/* ============================================================
   BoletoPanel — Prefixo: sgblt-
   ============================================================ */

.sgblt-shell[b-dqiff9ianj] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px;
    height: 100%;
    overflow-y: auto;
    background: #ffffff;
    color: #0f172a;
    position: relative;
}

body.e-dark-mode .sgblt-shell[b-dqiff9ianj] { background: #1a1d23; color: #e8e8e8; }

/* ── Header ── */
.sgblt-header[b-dqiff9ianj] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    flex-shrink: 0;
}

.sgblt-header-icon[b-dqiff9ianj] {
    width: 36px; height: 36px;
    border-radius: 9px;
    background: linear-gradient(135deg, rgba(37,99,235,0.18), rgba(37,99,235,0.06));
    border: 1px solid rgba(37,99,235,0.25);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.sgblt-header-icon span[b-dqiff9ianj] { color: #2563eb !important; font-size: 18px; }
.sgblt-header-icon span[b-dqiff9ianj]::before { color: #2563eb !important; }

.sgblt-header-text[b-dqiff9ianj] { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sgblt-header-title[b-dqiff9ianj] { font-size: 0.9rem; font-weight: 700; line-height: 1.2; }
.sgblt-header-sub[b-dqiff9ianj] { font-size: 0.7rem; color: #64748b; }

body.e-dark-mode .sgblt-header[b-dqiff9ianj] { border-bottom-color: rgba(255,255,255,0.08); }
body.e-dark-mode .sgblt-header-sub[b-dqiff9ianj] { color: #8b8fa3; }

.sgblt-btn-icon[b-dqiff9ianj] {
    width: 30px; height: 30px;
    border-radius: 6px;
    background: transparent;
    border: 1px solid rgba(0,0,0,0.10);
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.sgblt-btn-icon:hover:not(:disabled)[b-dqiff9ianj] { background: rgba(37,99,235,0.08); }
.sgblt-btn-icon:disabled[b-dqiff9ianj] { opacity: 0.5; cursor: not-allowed; }
.sgblt-btn-icon span[class*="icon-"][b-dqiff9ianj] { font-size: 14px; color: #475569 !important; }
.sgblt-btn-icon span[class*="icon-"][b-dqiff9ianj]::before { color: #475569 !important; }

body.e-dark-mode .sgblt-btn-icon[b-dqiff9ianj] { border-color: rgba(255,255,255,0.10); }
body.e-dark-mode .sgblt-btn-icon span[class*="icon-"][b-dqiff9ianj],
body.e-dark-mode .sgblt-btn-icon span[class*="icon-"][b-dqiff9ianj]::before { color: #c7cbd4 !important; }

/* ── Status bar colorida ── */
.sgblt-status-bar[b-dqiff9ianj] {
    display: flex; gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid;
    flex-shrink: 0;
}

.sgblt-status-bar--sucesso[b-dqiff9ianj]   { background: rgba(22,163,74,0.08);  border-color: rgba(22,163,74,0.35); }
.sgblt-status-bar--erro[b-dqiff9ianj]      { background: rgba(239,68,68,0.08);  border-color: rgba(239,68,68,0.35); }
.sgblt-status-bar--rejeitado[b-dqiff9ianj] { background: rgba(148,163,184,0.12); border-color: rgba(148,163,184,0.35); }
.sgblt-status-bar--pendente[b-dqiff9ianj]  { background: rgba(37,99,235,0.08);  border-color: rgba(37,99,235,0.35); }
.sgblt-status-bar--neutro[b-dqiff9ianj]    { background: rgba(0,0,0,0.03);      border-color: rgba(0,0,0,0.10); }

.sgblt-status-icon[b-dqiff9ianj] { flex-shrink: 0; }
.sgblt-status-icon span[b-dqiff9ianj] { font-size: 20px; }
.sgblt-status-bar--sucesso   .sgblt-status-icon span[b-dqiff9ianj],
.sgblt-status-bar--sucesso   .sgblt-status-icon span[b-dqiff9ianj]::before { color: #16a34a !important; }
.sgblt-status-bar--erro      .sgblt-status-icon span[b-dqiff9ianj],
.sgblt-status-bar--erro      .sgblt-status-icon span[b-dqiff9ianj]::before { color: #ef4444 !important; }
.sgblt-status-bar--rejeitado .sgblt-status-icon span[b-dqiff9ianj],
.sgblt-status-bar--rejeitado .sgblt-status-icon span[b-dqiff9ianj]::before { color: #64748b !important; }
.sgblt-status-bar--pendente  .sgblt-status-icon span[b-dqiff9ianj],
.sgblt-status-bar--pendente  .sgblt-status-icon span[b-dqiff9ianj]::before { color: #2563eb !important; }

.sgblt-status-info[b-dqiff9ianj] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.sgblt-status-op[b-dqiff9ianj] { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.04em; color: inherit; }
.sgblt-status-msg[b-dqiff9ianj] {
    font-size: 0.78rem;
    overflow: hidden; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.sgblt-status-time[b-dqiff9ianj] { font-size: 0.68rem; color: #64748b; font-variant-numeric: tabular-nums; }

/* ── Aviso (não elegível) ── */
.sgblt-warn[b-dqiff9ianj] {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 10px 12px;
    background: rgba(234,179,8,0.10);
    border: 1px solid rgba(234,179,8,0.30);
    border-radius: 8px;
    font-size: 0.82rem;
}
.sgblt-warn span[class*="icon-"][b-dqiff9ianj] { font-size: 20px; flex-shrink: 0; color: #ca8a04 !important; }
.sgblt-warn span[class*="icon-"][b-dqiff9ianj]::before { color: #ca8a04 !important; }
.sgblt-warn-title[b-dqiff9ianj] { font-weight: 600; color: #854d0e; }
.sgblt-warn-desc[b-dqiff9ianj] { font-size: 0.76rem; color: #92400e; margin-top: 2px; }

body.e-dark-mode .sgblt-warn-title[b-dqiff9ianj] { color: #facc15; }
body.e-dark-mode .sgblt-warn-desc[b-dqiff9ianj] { color: #fde047; }

/* ── Sections ── */
.sgblt-section[b-dqiff9ianj] {
    background: rgba(0,0,0,0.02);
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 8px;
    padding: 10px 12px;
    display: flex; flex-direction: column; gap: 10px;
}
body.e-dark-mode .sgblt-section[b-dqiff9ianj] {
    background: rgba(255,255,255,0.03);
    border-color: rgba(255,255,255,0.06);
}

.sgblt-section-head[b-dqiff9ianj] {
    display: flex; align-items: center; gap: 8px;
    font-size: 0.78rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.04em;
    color: #475569;
    padding-bottom: 4px;
    border-bottom: 1px dashed rgba(0,0,0,0.08);
}
.sgblt-section-head span[class*="icon-"][b-dqiff9ianj] { font-size: 14px; color: #2563eb !important; }
.sgblt-section-head span[class*="icon-"][b-dqiff9ianj]::before { color: #2563eb !important; }

body.e-dark-mode .sgblt-section-head[b-dqiff9ianj] { color: #c7cbd4; border-bottom-color: rgba(255,255,255,0.06); }

.sgblt-timeline-count[b-dqiff9ianj] {
    margin-left: auto;
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 20px; height: 18px; padding: 0 6px;
    border-radius: 9px;
    background: rgba(37,99,235,0.12); color: #2563eb;
    font-size: 0.66rem; font-weight: 700;
    text-transform: none;
}

/* ── Fields ── */
.sgblt-field[b-dqiff9ianj] { display: flex; flex-direction: column; gap: 3px; }
.sgblt-field-label[b-dqiff9ianj] {
    font-size: 0.65rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.05em;
    color: #64748b;
}
.sgblt-field-value[b-dqiff9ianj] {
    font-size: 0.84rem;
    word-break: break-all;
}
.sgblt-field-copyable[b-dqiff9ianj] {
    display: flex; align-items: flex-start; gap: 6px;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.10);
    border-radius: 6px;
    padding: 6px 8px;
}
body.e-dark-mode .sgblt-field-copyable[b-dqiff9ianj] { background: #141820; border-color: rgba(255,255,255,0.10); }

.sgblt-mono[b-dqiff9ianj] { font-family: "JetBrains Mono", "Consolas", monospace; font-size: 0.78rem; flex: 1; }
.sgblt-wrap[b-dqiff9ianj] { word-break: break-all; overflow-wrap: break-word; }
.sgblt-pix-code[b-dqiff9ianj] { max-height: 60px; overflow-y: auto; }

.sgblt-btn-copy[b-dqiff9ianj] {
    width: 26px; height: 26px;
    border: none; background: transparent;
    border-radius: 4px; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.sgblt-btn-copy:hover[b-dqiff9ianj] { background: rgba(37,99,235,0.10); }
.sgblt-btn-copy span[class*="icon-"][b-dqiff9ianj] { font-size: 14px; color: #2563eb !important; }
.sgblt-btn-copy span[class*="icon-"][b-dqiff9ianj]::before { color: #2563eb !important; }

/* ── Botão primário (abrir PDF) ── */
.sgblt-btn-primary[b-dqiff9ianj] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 14px;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    border: none; border-radius: 6px;
    color: #ffffff !important;
    font-size: 0.8rem; font-weight: 600;
    text-decoration: none;
    align-self: flex-start;
    cursor: pointer;
    transition: opacity 0.15s, transform 0.1s;
}
.sgblt-btn-primary:hover[b-dqiff9ianj] { opacity: 0.9; transform: translateY(-1px); }
.sgblt-btn-primary span[class*="icon-"][b-dqiff9ianj] { font-size: 14px; }
.sgblt-btn-primary span[class*="icon-"][b-dqiff9ianj]::before { color: #fff !important; }

/* ── Ações ── */
.sgblt-actions[b-dqiff9ianj] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6px;
    flex-shrink: 0;
}
@media (max-width: 480px) { .sgblt-actions[b-dqiff9ianj] { grid-template-columns: 1fr; } }

.sgblt-action[b-dqiff9ianj] {
    display: flex; align-items: center; justify-content: center; gap: 5px;
    padding: 8px 8px;
    background: transparent;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 6px;
    color: #334155;
    font-size: 0.74rem; font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}
.sgblt-action:hover:not(:disabled)[b-dqiff9ianj] { background: rgba(0,0,0,0.03); }
.sgblt-action:disabled[b-dqiff9ianj] { opacity: 0.45; cursor: not-allowed; }
.sgblt-action span[class*="icon-"][b-dqiff9ianj] { font-size: 14px; color: #475569 !important; }
.sgblt-action span[class*="icon-"][b-dqiff9ianj]::before { color: #475569 !important; }

.sgblt-action--primary[b-dqiff9ianj] {
    background: rgba(37,99,235,0.10);
    border-color: rgba(37,99,235,0.30);
    color: #2563eb;
}
.sgblt-action--primary:hover:not(:disabled)[b-dqiff9ianj] { background: rgba(37,99,235,0.18); }
.sgblt-action--primary span[class*="icon-"][b-dqiff9ianj],
.sgblt-action--primary span[class*="icon-"][b-dqiff9ianj]::before { color: #2563eb !important; }

.sgblt-action--danger[b-dqiff9ianj] {
    color: #ef4444;
    border-color: rgba(239,68,68,0.25);
}
.sgblt-action--danger:hover:not(:disabled)[b-dqiff9ianj] { background: rgba(239,68,68,0.08); }
.sgblt-action--danger span[class*="icon-"][b-dqiff9ianj],
.sgblt-action--danger span[class*="icon-"][b-dqiff9ianj]::before { color: #ef4444 !important; }

body.e-dark-mode .sgblt-action[b-dqiff9ianj] { border-color: rgba(255,255,255,0.12); color: #c7cbd4; }
body.e-dark-mode .sgblt-action:hover:not(:disabled)[b-dqiff9ianj] { background: rgba(255,255,255,0.04); }
body.e-dark-mode .sgblt-action span[class*="icon-"][b-dqiff9ianj],
body.e-dark-mode .sgblt-action span[class*="icon-"][b-dqiff9ianj]::before { color: #c7cbd4 !important; }

/* ── Timeline ── */
.sgblt-timeline[b-dqiff9ianj] { display: flex; flex-direction: column; gap: 6px; }

.sgblt-timeline-empty[b-dqiff9ianj] {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 18px;
    color: #94a3b8;
    font-size: 0.78rem;
}
.sgblt-timeline-empty span[class*="icon-"][b-dqiff9ianj] { font-size: 24px; color: #cbd5e1 !important; }
.sgblt-timeline-empty span[class*="icon-"][b-dqiff9ianj]::before { color: #cbd5e1 !important; }

.sgblt-timeline-item[b-dqiff9ianj] {
    border: 1px solid rgba(0,0,0,0.08);
    border-left: 3px solid #64748b;
    border-radius: 6px;
    overflow: hidden;
    background: #ffffff;
}
.sgblt-timeline-item--sucesso[b-dqiff9ianj]   { border-left-color: #16a34a; }
.sgblt-timeline-item--erro[b-dqiff9ianj]      { border-left-color: #ef4444; }
.sgblt-timeline-item--rejeitado[b-dqiff9ianj] { border-left-color: #94a3b8; }
.sgblt-timeline-item--pendente[b-dqiff9ianj]  { border-left-color: #2563eb; }

body.e-dark-mode .sgblt-timeline-item[b-dqiff9ianj] { background: #1e2128; border-color: rgba(255,255,255,0.08); }

.sgblt-timeline-head[b-dqiff9ianj] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 10px;
    cursor: pointer;
    transition: background 0.12s;
}
.sgblt-timeline-head:hover[b-dqiff9ianj] { background: rgba(0,0,0,0.02); }
body.e-dark-mode .sgblt-timeline-head:hover[b-dqiff9ianj] { background: rgba(255,255,255,0.04); }

.sgblt-timeline-dot[b-dqiff9ianj] {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: #94a3b8;
    flex-shrink: 0;
}
.sgblt-timeline-item--sucesso   .sgblt-timeline-dot[b-dqiff9ianj] { background: #16a34a; }
.sgblt-timeline-item--erro      .sgblt-timeline-dot[b-dqiff9ianj] { background: #ef4444; }
.sgblt-timeline-item--pendente  .sgblt-timeline-dot[b-dqiff9ianj] { background: #2563eb; }

.sgblt-timeline-meta[b-dqiff9ianj] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px;
    flex: 1;
    font-size: 0.74rem;
}
.sgblt-timeline-op[b-dqiff9ianj] { font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; }
.sgblt-timeline-status[b-dqiff9ianj] {
    display: inline-flex; padding: 1px 8px;
    border-radius: 10px;
    background: rgba(100,116,139,0.14);
    color: #475569;
    font-size: 0.65rem; font-weight: 700;
    text-transform: uppercase;
}
.sgblt-timeline-item--sucesso   .sgblt-timeline-status[b-dqiff9ianj] { background: rgba(22,163,74,0.15); color: #15803d; }
.sgblt-timeline-item--erro      .sgblt-timeline-status[b-dqiff9ianj] { background: rgba(239,68,68,0.15); color: #b91c1c; }
.sgblt-timeline-item--rejeitado .sgblt-timeline-status[b-dqiff9ianj] { background: rgba(148,163,184,0.20); color: #475569; }
.sgblt-timeline-item--pendente  .sgblt-timeline-status[b-dqiff9ianj] { background: rgba(37,99,235,0.15); color: #1d4ed8; }

.sgblt-timeline-time[b-dqiff9ianj] { font-size: 0.68rem; color: #64748b; font-variant-numeric: tabular-nums; margin-left: auto; }
.sgblt-timeline-dur[b-dqiff9ianj] { font-size: 0.66rem; color: #94a3b8; }

.sgblt-timeline-chevron[b-dqiff9ianj] { color: #94a3b8 !important; font-size: 14px; }
.sgblt-timeline-chevron[b-dqiff9ianj]::before { color: #94a3b8 !important; }

.sgblt-timeline-body[b-dqiff9ianj] {
    padding: 10px 12px;
    border-top: 1px dashed rgba(0,0,0,0.08);
    display: flex; flex-direction: column; gap: 8px;
    font-size: 0.78rem;
}
body.e-dark-mode .sgblt-timeline-body[b-dqiff9ianj] { border-top-color: rgba(255,255,255,0.06); }

.sgblt-log-err[b-dqiff9ianj] {
    background: rgba(239,68,68,0.08);
    border: 1px solid rgba(239,68,68,0.20);
    border-radius: 4px;
    padding: 6px 8px;
    color: #b91c1c;
    font-size: 0.76rem;
}
body.e-dark-mode .sgblt-log-err[b-dqiff9ianj] { color: #fca5a5; }

.sgblt-log-payload summary[b-dqiff9ianj] {
    cursor: pointer;
    font-size: 0.7rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.04em;
    color: #64748b;
    user-select: none;
}
.sgblt-log-payload[open] summary[b-dqiff9ianj] { color: #2563eb; }
.sgblt-log-payload pre[b-dqiff9ianj] {
    margin-top: 4px;
    padding: 8px;
    background: #0f172a;
    color: #e2e8f0;
    border-radius: 4px;
    font-size: 0.72rem;
    overflow-x: auto;
    max-height: 200px;
    white-space: pre-wrap;
    word-break: break-all;
}

/* ── Spinner + overlay de processamento ── */
.sgblt-spin[b-dqiff9ianj] {
    display: inline-block;
    width: 14px; height: 14px;
    border: 2px solid rgba(0,0,0,0.10);
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: sgblt-spin-b-dqiff9ianj 0.75s linear infinite;
}
.sgblt-spin--lg[b-dqiff9ianj] { width: 32px; height: 32px; border-width: 3px; }

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

.sgblt-overlay[b-dqiff9ianj] {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.80);
    backdrop-filter: blur(2px);
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 10px;
    z-index: 50;
    font-size: 0.82rem; color: #475569;
}
body.e-dark-mode .sgblt-overlay[b-dqiff9ianj] { background: rgba(26,29,35,0.80); color: #c7cbd4; }
/* /Components/Pages/Kpis/FaturamentoWidget.razor.rz.scp.css */
/* ============================================================
   FaturamentoWidget — Prefixo: sgfw-
   Dashboard widget 3x2 — Previsão de Faturamento
   ============================================================ */

.sgfw-card[b-s1ie7d2kw5] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

/* ── Header ── */
.sgfw-header[b-s1ie7d2kw5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px 4px;
    flex-shrink: 0;
}

.sgfw-header-left[b-s1ie7d2kw5] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.sgfw-header-icon[b-s1ie7d2kw5] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(0,120,212,0.12), rgba(0,120,212,0.05));
    border: 1px solid rgba(0,120,212,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sgfw-header-icon span[b-s1ie7d2kw5] { font-size: 15px; color: #0078d4; }
.sgfw-header-icon span[b-s1ie7d2kw5]::before { color: #0078d4 !important; }
.sgfw-header-text[b-s1ie7d2kw5] { display: flex; flex-direction: column; gap: 0; min-width: 0; }

.sgfw-title[b-s1ie7d2kw5] {
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color, #0f172a);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgfw-subtitle[b-s1ie7d2kw5] {
    font-size: 0.6rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    text-transform: capitalize;
}

.sgfw-btn-open[b-s1ie7d2kw5] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s, color 0.15s;
}

.sgfw-btn-open:hover[b-s1ie7d2kw5] {
    background: var(--color-sf-primary-bg-color, rgba(0,120,212,0.08));
    color: var(--color-sf-primary, #0078d4);
}

.sgfw-btn-open span[b-s1ie7d2kw5] { font-size: 13px; }
.sgfw-btn-open span[b-s1ie7d2kw5]::before { color: inherit !important; }

.sgfw-header-actions[b-s1ie7d2kw5] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.sgfw-btn-delete:hover[b-s1ie7d2kw5] {
    background: rgba(220,38,38,0.1);
    color: #dc2626;
}

/* ── KPIs ── */
.sgfw-kpis[b-s1ie7d2kw5] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    padding: 4px 10px 4px;
    flex-shrink: 0;
}

/* Linha unificada: 9 pills (Elegibilidade + Pesagens + Valores) */
.sgfw-kpis--full[b-s1ie7d2kw5] {
    grid-template-columns: repeat(9, 1fr);
}

.sgfw-kpi[b-s1ie7d2kw5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px 4px 4px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--color-sf-content-bg-color-alt1, #f9fafb) 50%, transparent);
    text-align: center;
}

.sgfw-kpi-value[b-s1ie7d2kw5] {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--color-sf-content-text-color, #1e293b);
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
}

.sgfw-kpi-sub[b-s1ie7d2kw5] {
    font-size: 0.52rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    line-height: 1.3;
    white-space: nowrap;
}

.sgfw-kpi-label[b-s1ie7d2kw5] {
    font-size: 0.52rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.sgfw-kpi--total[b-s1ie7d2kw5] { background: linear-gradient(135deg, rgba(0,120,212,0.06), rgba(0,120,212,0.02)); }
.sgfw-kpi--total .sgfw-kpi-value[b-s1ie7d2kw5] { color: #0078d4; }
.sgfw-kpi--fat[b-s1ie7d2kw5] { background: linear-gradient(135deg, rgba(16,185,129,0.06), rgba(16,185,129,0.02)); }
.sgfw-kpi--fat .sgfw-kpi-value[b-s1ie7d2kw5] { color: #059669; }
.sgfw-kpi--pendente[b-s1ie7d2kw5] { background: linear-gradient(135deg, rgba(245,158,11,0.06), rgba(245,158,11,0.02)); }
.sgfw-kpi--pendente .sgfw-kpi-value[b-s1ie7d2kw5] { color: #d97706; }
.sgfw-kpi--nf[b-s1ie7d2kw5] { background: linear-gradient(135deg, rgba(99,102,241,0.06), rgba(99,102,241,0.02)); }
.sgfw-kpi--nf .sgfw-kpi-value[b-s1ie7d2kw5] { color: #6366f1; }
.sgfw-kpi--bruto[b-s1ie7d2kw5] { background: linear-gradient(135deg, rgba(139,92,246,0.06), rgba(139,92,246,0.02)); }
.sgfw-kpi--bruto .sgfw-kpi-value[b-s1ie7d2kw5] { color: #8b5cf6; }
.sgfw-kpi--prev[b-s1ie7d2kw5] { background: linear-gradient(135deg, rgba(220,38,38,0.06), rgba(220,38,38,0.02)); }
.sgfw-kpi--prev .sgfw-kpi-value[b-s1ie7d2kw5] { color: #dc2626; }
.sgfw-kpi--totalpend[b-s1ie7d2kw5] { background: linear-gradient(135deg, rgba(236,72,153,0.06), rgba(236,72,153,0.02)); }
.sgfw-kpi--totalpend .sgfw-kpi-value[b-s1ie7d2kw5] { color: #ec4899; }

/* ── Bloco superior: KPIs de Elegibilidade (3 colunas) ── */
.sgfw-kpis--eleg[b-s1ie7d2kw5] {
    grid-template-columns: repeat(3, 1fr);
    padding-top: 8px;
}

.sgfw-kpi-foot[b-s1ie7d2kw5] {
    margin-top: 2px;
    font-size: 0.5rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt2, #64748b);
    line-height: 1.25;
    white-space: nowrap;
    opacity: 0.85;
}

.sgfw-kpi--elegivel[b-s1ie7d2kw5] { background: linear-gradient(135deg, rgba(245,158,11,0.08), rgba(245,158,11,0.02)); }
.sgfw-kpi--elegivel .sgfw-kpi-value[b-s1ie7d2kw5] { color: #d97706; }
.sgfw-kpi--elegivel .sgfw-kpi-foot[b-s1ie7d2kw5] { color: #b45309; }

.sgfw-kpi--naoeleg[b-s1ie7d2kw5] { background: linear-gradient(135deg, rgba(148,163,184,0.08), rgba(148,163,184,0.02)); }
.sgfw-kpi--naoeleg .sgfw-kpi-value[b-s1ie7d2kw5] { color: #64748b; }

.sgfw-kpi--total .sgfw-kpi-foot[b-s1ie7d2kw5] { color: #0078d4; font-weight: 700; }

/* ── Gráfico de Área ── */
.sgfw-chart-section[b-s1ie7d2kw5] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 2px 8px 0;
}

.sgfw-chart-header[b-s1ie7d2kw5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px;
    flex-shrink: 0;
}

.sgfw-chart-title[b-s1ie7d2kw5] {
    font-size: 0.56rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0 2px;
    flex-shrink: 0;
}

.sgfw-chart-legend[b-s1ie7d2kw5] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.sgfw-legend-item[b-s1ie7d2kw5] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.52rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
}

.sgfw-legend-dot[b-s1ie7d2kw5] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.sgfw-legend-dot--coletado[b-s1ie7d2kw5] { background: #0078d4; }
.sgfw-legend-dot--faturado[b-s1ie7d2kw5] { background: #10b981; }
.sgfw-legend-dot--elegivel[b-s1ie7d2kw5] { background: #f59e0b; }
.sgfw-legend-dot--atrasado[b-s1ie7d2kw5] { background: #dc2626; }

.sgfw-legend-bar[b-s1ie7d2kw5] {
    width: 10px;
    height: 7px;
    border-radius: 2px;
    background: rgba(99,102,241,0.18);
    border: 1px solid rgba(99,102,241,0.35);
    flex-shrink: 0;
}

.sgfw-legend-bar--estimado[b-s1ie7d2kw5] {
    background: rgba(245,158,11,0.18);
    border-color: rgba(245,158,11,0.35);
}

.sgfw-legend-bar--atrasado[b-s1ie7d2kw5] {
    background: rgba(220,38,38,0.15);
    border-color: rgba(220,38,38,0.35);
}

/* ── Detalhamento por Unidade ── */
.sgfw-unidades-section[b-s1ie7d2kw5] {
    flex-shrink: 0;
    padding: 0 10px 8px;
}

.sgfw-unidade-list[b-s1ie7d2kw5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 4px;
    padding: 4px 0 0;
}

.sgfw-unidade-item[b-s1ie7d2kw5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 8px;
    border-radius: 5px;
    background: color-mix(in srgb, var(--color-sf-content-bg-color-alt1, #f9fafb) 40%, transparent);
}

.sgfw-unidade-nome[b-s1ie7d2kw5] {
    font-size: 0.58rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color, #1e293b);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgfw-unidade-bar[b-s1ie7d2kw5] {
    height: 4px;
    border-radius: 2px;
    background: #e2e8f0;
    overflow: hidden;
}

.sgfw-unidade-bar-fat[b-s1ie7d2kw5] {
    height: 100%;
    border-radius: 2px;
    background: linear-gradient(90deg, #10b981, #34d399);
    transition: width 0.5s ease;
}

.sgfw-unidade-vals[b-s1ie7d2kw5] {
    font-size: 0.5rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    font-variant-numeric: tabular-nums;
}

/* ── Dark mode ── */
:global(.e-dark-mode) .sgfw-header-icon[b-s1ie7d2kw5] {
    background: rgba(0,120,212,0.15);
    border-color: rgba(0,120,212,0.3);
}

:global(.e-dark-mode) .sgfw-unidade-bar[b-s1ie7d2kw5] {
    background: #334155;
}

:global(.e-dark-mode) .sgfw-unidade-item[b-s1ie7d2kw5] {
    background: color-mix(in srgb, var(--color-sf-content-bg-color-alt1, #2a2a2a) 40%, transparent);
}
/* /Components/Pages/Kpis/LogisticaWidget.razor.rz.scp.css */
/* ============================================================
   LogisticaWidget — Prefixo: sglw-
   Dashboard widget — Logistica Semanal
   ============================================================ */

.sglw-card[b-d3ewa0r2e5] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 10px;
    position: relative;
}

.sglw-nav-overlay[b-d3ewa0r2e5] {
    position: absolute;
    inset: 0;
    z-index: 10;
    background: rgba(0,0,0,0.45);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Header ── */
.sglw-header[b-d3ewa0r2e5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px 4px;
    flex-shrink: 0;
}

.sglw-header-left[b-d3ewa0r2e5] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.sglw-header-icon[b-d3ewa0r2e5] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(14,165,233,0.12), rgba(14,165,233,0.05));
    border: 1px solid rgba(14,165,233,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sglw-header-icon span[b-d3ewa0r2e5] { font-size: 15px; color: #0ea5e9; }
.sglw-header-icon span[b-d3ewa0r2e5]::before { color: #0ea5e9 !important; }
.sglw-header-text[b-d3ewa0r2e5] { display: flex; flex-direction: column; gap: 0; min-width: 0; }

.sglw-title[b-d3ewa0r2e5] {
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color, #0f172a);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sglw-subtitle[b-d3ewa0r2e5] {
    font-size: 0.6rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #64748b);
}

/* ── Week navigation ── */
.sglw-week-nav[b-d3ewa0r2e5] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.sglw-week-btn[b-d3ewa0r2e5] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: none;
    background: transparent;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: all 0.15s;
}

.sglw-week-btn:hover[b-d3ewa0r2e5] {
    background: rgba(14,165,233,0.1);
    color: #0ea5e9;
}

.sglw-week-btn span[b-d3ewa0r2e5] { font-size: 11px; }
.sglw-week-btn span[b-d3ewa0r2e5]::before { color: inherit !important; }

.sglw-week-label[b-d3ewa0r2e5] {
    font-size: 0.58rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    transition: all 0.15s;
    white-space: nowrap;
}

.sglw-week-label:hover[b-d3ewa0r2e5] {
    background: rgba(14,165,233,0.08);
    color: #0ea5e9;
}

.sglw-btn-open[b-d3ewa0r2e5] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s, color 0.15s;
}

.sglw-btn-open:hover[b-d3ewa0r2e5] {
    background: rgba(14,165,233,0.08);
    color: #0ea5e9;
}

.sglw-btn-open span[b-d3ewa0r2e5] { font-size: 13px; }
.sglw-btn-open span[b-d3ewa0r2e5]::before { color: inherit !important; }

.sglw-header-actions[b-d3ewa0r2e5] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.sglw-btn-delete:hover[b-d3ewa0r2e5] {
    background: rgba(220,38,38,0.1);
    color: #dc2626;
}

/* ── KPIs ── */
.sglw-kpis[b-d3ewa0r2e5] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    padding: 4px 10px 4px;
    flex-shrink: 0;
}

.sglw-kpi[b-d3ewa0r2e5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px 4px 4px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--color-sf-content-bg-color-alt1, #f9fafb) 50%, transparent);
    text-align: center;
}

.sglw-kpi-value[b-d3ewa0r2e5] {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--color-sf-content-text-color, #1e293b);
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
}

.sglw-kpi-sub[b-d3ewa0r2e5] {
    font-size: 0.52rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    line-height: 1.3;
    white-space: nowrap;
}

.sglw-kpi-label[b-d3ewa0r2e5] {
    font-size: 0.52rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.sglw-kpi--total[b-d3ewa0r2e5] { background: linear-gradient(135deg, rgba(14,165,233,0.06), rgba(14,165,233,0.02)); }
.sglw-kpi--total .sglw-kpi-value[b-d3ewa0r2e5] { color: #0ea5e9; }
.sglw-kpi--conc[b-d3ewa0r2e5] { background: linear-gradient(135deg, rgba(16,185,129,0.06), rgba(16,185,129,0.02)); }
.sglw-kpi--conc .sglw-kpi-value[b-d3ewa0r2e5] { color: #059669; }
.sglw-kpi--prog[b-d3ewa0r2e5] { background: linear-gradient(135deg, rgba(59,130,246,0.06), rgba(59,130,246,0.02)); }
.sglw-kpi--prog .sglw-kpi-value[b-d3ewa0r2e5] { color: #3b82f6; }
.sglw-kpi--pontos[b-d3ewa0r2e5] { background: linear-gradient(135deg, rgba(245,158,11,0.06), rgba(245,158,11,0.02)); }
.sglw-kpi--pontos .sglw-kpi-value[b-d3ewa0r2e5] { color: #d97706; }
.sglw-kpi--peso[b-d3ewa0r2e5] { background: linear-gradient(135deg, rgba(99,102,241,0.06), rgba(99,102,241,0.02)); }
.sglw-kpi--peso .sglw-kpi-value[b-d3ewa0r2e5] { color: #6366f1; }

/* ── Status grid ── */
.sglw-status-grid[b-d3ewa0r2e5] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    padding: 2px 10px 4px;
    flex-shrink: 0;
}

.sglw-status-card[b-d3ewa0r2e5] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 5px 8px 4px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--color-sf-content-bg-color-alt1, #f9fafb) 40%, transparent);
}

.sglw-status-card-top[b-d3ewa0r2e5] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.sglw-status-dot[b-d3ewa0r2e5] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.sglw-status-card-label[b-d3ewa0r2e5] {
    font-size: 0.52rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sglw-status-card-value[b-d3ewa0r2e5] {
    font-size: 0.72rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.sglw-status-card-bar[b-d3ewa0r2e5] {
    height: 4px;
    border-radius: 2px;
    background: color-mix(in srgb, var(--color-sf-content-bg-color-alt1, #e2e8f0) 60%, transparent);
    overflow: hidden;
}

.sglw-status-card-fill[b-d3ewa0r2e5] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.5s ease;
}

.sglw-status-card-pct[b-d3ewa0r2e5] {
    font-size: 0.48rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Status card colors */
.sglw-status-card--prep .sglw-status-dot[b-d3ewa0r2e5] { background: #6b7280; }
.sglw-status-card--prep .sglw-status-card-value[b-d3ewa0r2e5] { color: #6b7280; }
.sglw-status-card--prep .sglw-status-card-fill[b-d3ewa0r2e5] { background: #6b7280; }

.sglw-status-card--prog .sglw-status-dot[b-d3ewa0r2e5] { background: #3b82f6; }
.sglw-status-card--prog .sglw-status-card-value[b-d3ewa0r2e5] { color: #3b82f6; }
.sglw-status-card--prog .sglw-status-card-fill[b-d3ewa0r2e5] { background: #3b82f6; }

.sglw-status-card--inic .sglw-status-dot[b-d3ewa0r2e5] { background: #eab308; }
.sglw-status-card--inic .sglw-status-card-value[b-d3ewa0r2e5] { color: #eab308; }
.sglw-status-card--inic .sglw-status-card-fill[b-d3ewa0r2e5] { background: #eab308; }

.sglw-status-card--conc .sglw-status-dot[b-d3ewa0r2e5] { background: #22c55e; }
.sglw-status-card--conc .sglw-status-card-value[b-d3ewa0r2e5] { color: #22c55e; }
.sglw-status-card--conc .sglw-status-card-fill[b-d3ewa0r2e5] { background: #22c55e; }

.sglw-status-card--canc .sglw-status-dot[b-d3ewa0r2e5] { background: #ef4444; }
.sglw-status-card--canc .sglw-status-card-value[b-d3ewa0r2e5] { color: #ef4444; }
.sglw-status-card--canc .sglw-status-card-fill[b-d3ewa0r2e5] { background: #ef4444; }

:global(.e-dark-mode) .sglw-status-card[b-d3ewa0r2e5] {
    background: color-mix(in srgb, var(--color-sf-content-bg-color-alt1, #2a2a2a) 40%, transparent);
}

:global(.e-dark-mode) .sglw-status-card-bar[b-d3ewa0r2e5] {
    background: #334155;
}

/* ── Chart section ── */
.sglw-chart-section[b-d3ewa0r2e5] {
    flex: 1;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    padding: 2px 8px 0;
}

/* O SfChart renderizado ocupa toda a área restante depois do header,
   mas nunca fica abaixo de 150px para manter legibilidade */
.sglw-chart-section[b-d3ewa0r2e5]  .e-chart,
.sglw-chart-section[b-d3ewa0r2e5]  svg {
    min-height: 150px !important;
}

.sglw-chart-header[b-d3ewa0r2e5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px;
    flex-shrink: 0;
}

.sglw-chart-title[b-d3ewa0r2e5] {
    font-size: 0.56rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0 2px;
    flex-shrink: 0;
}

.sglw-chart-title--residuo[b-d3ewa0r2e5] {
    color: #818cf8;
    border-bottom: 2px solid rgba(129,140,248,0.3);
    padding-bottom: 3px;
}

.sglw-chart-title--motivo[b-d3ewa0r2e5] {
    color: #fbbf24;
    border-bottom: 2px solid rgba(251,191,36,0.3);
    padding-bottom: 3px;
}

.sglw-chart-legend[b-d3ewa0r2e5] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.sglw-legend-item[b-d3ewa0r2e5] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.52rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
}

.sglw-legend-dot[b-d3ewa0r2e5] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.sglw-legend-dot--viagens[b-d3ewa0r2e5] { background: #0078d4; }
.sglw-legend-dot--sugeridas[b-d3ewa0r2e5] { background: #f59e0b; }
.sglw-legend-dot--peso[b-d3ewa0r2e5] { background: #10b981; }

/* ── Bottom sections ── */
.sglw-bottom-sections[b-d3ewa0r2e5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 4px 10px 8px;
    flex-shrink: 0;
}

.sglw-mini-section[b-d3ewa0r2e5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sglw-mini-section--full[b-d3ewa0r2e5] {
    grid-column: 1 / -1;
    margin-top: 4px;
}

.sglw-mini-list[b-d3ewa0r2e5] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.sglw-mini-item[b-d3ewa0r2e5] {
    display: grid;
    grid-template-columns: 1fr 40px 40px 28px 28px;
    align-items: center;
    gap: 3px;
    padding: 2px 0;
}

.sglw-mini-pct[b-d3ewa0r2e5] {
    font-size: 0.48rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.sglw-mini-label[b-d3ewa0r2e5] {
    font-size: 0.54rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color, #1e293b);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sglw-mini-bar-wrap[b-d3ewa0r2e5] {
    height: 4px;
    border-radius: 2px;
    background: color-mix(in srgb, var(--color-sf-content-bg-color-alt1, #e2e8f0) 60%, transparent);
    overflow: hidden;
}

.sglw-mini-bar[b-d3ewa0r2e5] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.5s ease;
}

.sglw-mini-bar--residuo[b-d3ewa0r2e5] { background: linear-gradient(90deg, #6366f1, #818cf8); }
.sglw-mini-bar--motivo[b-d3ewa0r2e5] { background: linear-gradient(90deg, #f59e0b, #fbbf24); }

.sglw-mini-value[b-d3ewa0r2e5] {
    font-size: 0.5rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* ── Rotas ── */
.sglw-rota-grid[b-d3ewa0r2e5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 4px;
    padding: 4px 0 0;
}

.sglw-rota-item[b-d3ewa0r2e5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 8px;
    border-radius: 5px;
    background: color-mix(in srgb, var(--color-sf-content-bg-color-alt1, #f9fafb) 40%, transparent);
}

.sglw-rota-nome[b-d3ewa0r2e5] {
    font-size: 0.54rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color, #1e293b);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sglw-rota-bar[b-d3ewa0r2e5] {
    height: 4px;
    border-radius: 2px;
    background: color-mix(in srgb, var(--color-sf-content-bg-color-alt1, #e2e8f0) 60%, transparent);
    overflow: hidden;
}

.sglw-rota-bar-fill[b-d3ewa0r2e5] {
    height: 100%;
    border-radius: 2px;
    background: linear-gradient(90deg, #0ea5e9, #38bdf8);
    transition: width 0.5s ease;
}

.sglw-rota-vals[b-d3ewa0r2e5] {
    font-size: 0.5rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    font-variant-numeric: tabular-nums;
}

/* ── Dark mode ── */
:global(.e-dark-mode) .sglw-header-icon[b-d3ewa0r2e5] {
    background: rgba(14,165,233,0.15);
    border-color: rgba(14,165,233,0.3);
}

:global(.e-dark-mode) .sglw-mini-bar-wrap[b-d3ewa0r2e5],
:global(.e-dark-mode) .sglw-rota-bar[b-d3ewa0r2e5] {
    background: #334155;
}

:global(.e-dark-mode) .sglw-rota-item[b-d3ewa0r2e5] {
    background: color-mix(in srgb, var(--color-sf-content-bg-color-alt1, #2a2a2a) 40%, transparent);
}
/* /Components/Pages/Logistica/MtrStatus.razor.rz.scp.css */
/* MTR Status — visão operacional · prefixo .sgmtr- */

[b-yahueirbfw] .sgmtr-page {
    --sgmtr-bg: var(--bs-body-bg, #f4f6f9);
    --sgmtr-card: var(--bs-white, #ffffff);
    --sgmtr-border: rgba(15, 23, 42, 0.06);
    --sgmtr-text: var(--bs-body-color, #1f2937);
    --sgmtr-muted: var(--bs-secondary-color, #64748b);
    --sgmtr-ok: #10b981;
    --sgmtr-warn: #f59e0b;
    --sgmtr-err: #ef4444;
    --sgmtr-info: #06b6d4;

    min-height: calc(100vh - 64px);
    padding: 8px;
    background: var(--sgmtr-bg);
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
}

[data-bs-theme="dark"][b-yahueirbfw]  .sgmtr-page {
    --sgmtr-card: #1f2937;
    --sgmtr-border: rgba(148, 163, 184, 0.18);
}

/* Topbar */
[b-yahueirbfw] .sgmtr-topbar {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: center;
    background: var(--sgmtr-card);
    border: 1px solid var(--sgmtr-border);
    border-radius: 10px;
    padding: 8px 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
[b-yahueirbfw] .sgmtr-topbar-id { display: flex; align-items: center; gap: 10px; }
[b-yahueirbfw] .sgmtr-header-icon {
    width: 36px; height: 36px; border-radius: 8px;
    background: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px;
}
[b-yahueirbfw] .sgmtr-header-icon span,
[b-yahueirbfw] .sgmtr-header-icon span[class*="icon-"]::before { color: #fff !important; }
[b-yahueirbfw] .sgmtr-header-text { display: flex; flex-direction: column; line-height: 1.2; }
[b-yahueirbfw] .sgmtr-title { font-size: 0.95rem; font-weight: 600; color: var(--sgmtr-text); }
[b-yahueirbfw] .sgmtr-subtitle { font-size: 0.72rem; color: var(--sgmtr-muted); }
[b-yahueirbfw] .sgmtr-refresh { font-size: 0.78rem !important; }

/* KPIs */
[b-yahueirbfw] .sgmtr-kpis {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}
[b-yahueirbfw] .sgmtr-kpi {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: var(--sgmtr-card);
    border: 1px solid var(--sgmtr-border);
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
[b-yahueirbfw] .sgmtr-kpi-icon {
    width: 36px; height: 36px;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px;
}
[b-yahueirbfw] .sgmtr-kpi--ok .sgmtr-kpi-icon { background: rgba(16,185,129,0.12); color: var(--sgmtr-ok); }
[b-yahueirbfw] .sgmtr-kpi--warn .sgmtr-kpi-icon { background: rgba(245,158,11,0.12); color: var(--sgmtr-warn); }
[b-yahueirbfw] .sgmtr-kpi--err .sgmtr-kpi-icon { background: rgba(239,68,68,0.12); color: var(--sgmtr-err); }
[b-yahueirbfw] .sgmtr-kpi--info .sgmtr-kpi-icon { background: rgba(6,182,212,0.12); color: var(--sgmtr-info); }
[b-yahueirbfw] .sgmtr-kpi-icon span,
[b-yahueirbfw] .sgmtr-kpi-icon span[class*="icon-"]::before { color: inherit !important; }

[b-yahueirbfw] .sgmtr-kpi-body { display: flex; flex-direction: column; line-height: 1.1; min-width: 0; }
[b-yahueirbfw] .sgmtr-kpi-value { font-size: 1.05rem; font-weight: 700; color: var(--sgmtr-text); white-space: nowrap; }
[b-yahueirbfw] .sgmtr-kpi-label { font-size: 0.66rem; color: var(--sgmtr-muted); text-transform: uppercase; letter-spacing: 0.04em; }

/* Grid de cards */
[b-yahueirbfw] .sgmtr-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    flex: 1;
    min-height: 0;
}

[b-yahueirbfw] .sgmtr-card {
    background: var(--sgmtr-card);
    border: 1px solid var(--sgmtr-border);
    border-radius: 10px;
    padding: 10px 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    display: flex;
    flex-direction: column;
    min-height: 280px;
}

[b-yahueirbfw] .sgmtr-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--sgmtr-border);
}
[b-yahueirbfw] .sgmtr-card-title { font-size: 0.82rem; font-weight: 600; color: var(--sgmtr-text); }
[b-yahueirbfw] .sgmtr-card-hint { font-size: 0.7rem; color: var(--sgmtr-muted); flex: 1; }

[b-yahueirbfw] .sgmtr-empty {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sgmtr-muted);
    font-size: 0.78rem;
    font-style: italic;
}
/* /Components/Pages/Logistica/SigorTeste.razor.rz.scp.css */
/* SINIR Teste — DB-1.B · prefixo .sgsnr- */

[b-ts9wzymlzf] .sgsnr-page {
    --sgsnr-bg: var(--bs-body-bg, #f4f6f9);
    --sgsnr-card: var(--bs-white, #ffffff);
    --sgsnr-border: rgba(15, 23, 42, 0.06);
    --sgsnr-text: var(--bs-body-color, #1f2937);
    --sgsnr-muted: var(--bs-secondary-color, #64748b);
    --sgsnr-primary: #0078d4;
    --sgsnr-success: #10b981;
    --sgsnr-error: #ef4444;
    --sgsnr-info: #06b6d4;

    min-height: calc(100vh - 64px);
    padding: 8px;
    background: var(--sgsnr-bg);
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
    position: relative;
}

[data-bs-theme="dark"][b-ts9wzymlzf]  .sgsnr-page {
    --sgsnr-card: #1f2937;
    --sgsnr-border: rgba(148, 163, 184, 0.18);
}

/* Topbar */
[b-ts9wzymlzf] .sgsnr-topbar {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: center;
    background: var(--sgsnr-card);
    border: 1px solid var(--sgsnr-border);
    border-radius: 10px;
    padding: 8px 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

[b-ts9wzymlzf] .sgsnr-topbar-id { display: flex; align-items: center; gap: 10px; }

[b-ts9wzymlzf] .sgsnr-header-icon {
    width: 36px; height: 36px; border-radius: 8px;
    background: linear-gradient(135deg, #0078d4 0%, #06b6d4 100%);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px;
}
[b-ts9wzymlzf] .sgsnr-header-icon span,
[b-ts9wzymlzf] .sgsnr-header-icon span[class*="icon-"]::before { color: #fff !important; }

[b-ts9wzymlzf] .sgsnr-header-text { display: flex; flex-direction: column; gap: 0; line-height: 1.2; }
[b-ts9wzymlzf] .sgsnr-title { font-size: 0.95rem; font-weight: 600; color: var(--sgsnr-text); }
[b-ts9wzymlzf] .sgsnr-subtitle { font-size: 0.72rem; color: var(--sgsnr-muted); }
[b-ts9wzymlzf] .sgsnr-subtitle code { background: rgba(0,120,212,0.08); padding: 0 4px; border-radius: 3px; font-size: 0.68rem; }

[b-ts9wzymlzf] .sgsnr-estab-picker { min-width: 320px; display: flex; flex-direction: column; gap: 4px; }
[b-ts9wzymlzf] .sgsnr-field-label { font-size: 0.66rem; color: var(--sgsnr-muted); text-transform: uppercase; letter-spacing: 0.04em; }

/* Credencial */
[b-ts9wzymlzf] .sgsnr-cred {
    background: rgba(0,120,212,0.04);
    border: 1px solid rgba(0,120,212,0.18);
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 0.78rem;
}
[b-ts9wzymlzf] .sgsnr-cred-row { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
[b-ts9wzymlzf] .sgsnr-cred-label { color: var(--sgsnr-muted); font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.04em; }
[b-ts9wzymlzf] .sgsnr-cred-value { color: var(--sgsnr-text); font-weight: 600; font-family: 'Inter', monospace; }

/* Grid de cards */
[b-ts9wzymlzf] .sgsnr-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    flex: 1;
    min-height: 0;
}

[b-ts9wzymlzf] .sgsnr-card {
    background: var(--sgsnr-card);
    border: 1px solid var(--sgsnr-border);
    border-radius: 10px;
    padding: 10px 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    display: flex;
    flex-direction: column;
    min-height: 0;
}

[b-ts9wzymlzf] .sgsnr-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--sgsnr-border);
}
[b-ts9wzymlzf] .sgsnr-card-title { font-size: 0.82rem; font-weight: 600; color: var(--sgsnr-text); }
[b-ts9wzymlzf] .sgsnr-card-hint { font-size: 0.7rem; color: var(--sgsnr-muted); flex: 1; }

/* Catálogos */
[b-ts9wzymlzf] .sgsnr-cat-grid { display: flex; flex-direction: column; gap: 6px; flex: 1; }
[b-ts9wzymlzf] .sgsnr-cat-row {
    display: grid;
    grid-template-columns: 160px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    background: rgba(15,23,42,0.02);
    border-radius: 6px;
}
[data-bs-theme="dark"][b-ts9wzymlzf]  .sgsnr-cat-row { background: rgba(148,163,184,0.05); }

[b-ts9wzymlzf] .sgsnr-cat-name { font-size: 0.78rem; font-weight: 600; color: var(--sgsnr-text); }
[b-ts9wzymlzf] .sgsnr-cat-count { font-size: 0.78rem; color: var(--sgsnr-muted); display: flex; gap: 6px; align-items: center; }
[b-ts9wzymlzf] .sgsnr-cat-num { font-weight: 700; color: var(--sgsnr-text); }
[b-ts9wzymlzf] .sgsnr-cat-num--idle { color: var(--sgsnr-muted); }
[b-ts9wzymlzf] .sgsnr-cat-num--new { color: var(--sgsnr-success); }
[b-ts9wzymlzf] .sgsnr-cat-arrow { color: var(--sgsnr-muted); }
[b-ts9wzymlzf] .sgsnr-cat-delta { color: var(--sgsnr-success); font-size: 0.7rem; font-weight: 600; }

[b-ts9wzymlzf] .sgsnr-cat-btn { font-size: 0.72rem !important; min-width: 100px; }

[b-ts9wzymlzf] .sgsnr-card-actions {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--sgsnr-border);
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
[b-ts9wzymlzf] .sgsnr-btn-all { background: var(--sgsnr-primary) !important; color: #fff !important; }

/* Logs */
[b-ts9wzymlzf] .sgsnr-card--logs { min-height: 380px; }
[b-ts9wzymlzf] .sgsnr-logs-pane {
    flex: 1;
    overflow-y: auto;
    background: #0f172a;
    color: #e2e8f0;
    border-radius: 6px;
    padding: 8px 10px;
    font-family: 'Menlo', 'Monaco', 'Courier New', monospace;
    font-size: 0.72rem;
    line-height: 1.5;
    min-height: 0;
}
[b-ts9wzymlzf] .sgsnr-log-line { white-space: pre-wrap; word-break: break-word; }
[b-ts9wzymlzf] .sgsnr-log-line--ok { color: #6ee7b7; }
[b-ts9wzymlzf] .sgsnr-log-line--err { color: #fca5a5; }
[b-ts9wzymlzf] .sgsnr-logs-empty { color: #64748b; font-style: italic; padding: 12px; }

[b-ts9wzymlzf] .sgsnr-btn-clear { font-size: 0.7rem !important; }

/* Warning bar (Sigor) */
[b-ts9wzymlzf] .sgsnr-warn {
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 0.78rem;
    color: var(--sgsnr-text);
    display: flex;
    align-items: center;
    gap: 8px;
}
[b-ts9wzymlzf] .sgsnr-warn span[class*="icon-"] { color: #f59e0b; font-size: 16px; }
[b-ts9wzymlzf] .sgsnr-warn code { background: rgba(245,158,11,0.15); padding: 0 4px; border-radius: 3px; font-size: 0.72rem; }
[b-ts9wzymlzf] .sgsnr-warn em { color: var(--sgsnr-muted); font-style: italic; }

/* Overlay de execução */
[b-ts9wzymlzf] .sgsnr-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
    z-index: 10;
}
[b-ts9wzymlzf] .sgsnr-overlay-spinner {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(255,255,255,0.25);
    border-top-color: #fff;
    border-radius: 50%;
    animation: sgsnr-spin-b-ts9wzymlzf 0.8s linear infinite;
}
@keyframes sgsnr-spin-b-ts9wzymlzf { to { transform: rotate(360deg); } }
/* /Components/Pages/Logistica/SinirTeste.razor.rz.scp.css */
/* SINIR Teste — DB-1.B · prefixo .sgsnr- */

[b-zq7ty9uj0u] .sgsnr-page {
    --sgsnr-bg: var(--bs-body-bg, #f4f6f9);
    --sgsnr-card: var(--bs-white, #ffffff);
    --sgsnr-border: rgba(15, 23, 42, 0.06);
    --sgsnr-text: var(--bs-body-color, #1f2937);
    --sgsnr-muted: var(--bs-secondary-color, #64748b);
    --sgsnr-primary: #0078d4;
    --sgsnr-success: #10b981;
    --sgsnr-error: #ef4444;
    --sgsnr-info: #06b6d4;

    min-height: calc(100vh - 64px);
    padding: 8px;
    background: var(--sgsnr-bg);
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
    position: relative;
}

[data-bs-theme="dark"][b-zq7ty9uj0u]  .sgsnr-page {
    --sgsnr-card: #1f2937;
    --sgsnr-border: rgba(148, 163, 184, 0.18);
}

/* Topbar */
[b-zq7ty9uj0u] .sgsnr-topbar {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: center;
    background: var(--sgsnr-card);
    border: 1px solid var(--sgsnr-border);
    border-radius: 10px;
    padding: 8px 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

[b-zq7ty9uj0u] .sgsnr-topbar-id { display: flex; align-items: center; gap: 10px; }

[b-zq7ty9uj0u] .sgsnr-header-icon {
    width: 36px; height: 36px; border-radius: 8px;
    background: linear-gradient(135deg, #0078d4 0%, #06b6d4 100%);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px;
}
[b-zq7ty9uj0u] .sgsnr-header-icon span,
[b-zq7ty9uj0u] .sgsnr-header-icon span[class*="icon-"]::before { color: #fff !important; }

[b-zq7ty9uj0u] .sgsnr-header-text { display: flex; flex-direction: column; gap: 0; line-height: 1.2; }
[b-zq7ty9uj0u] .sgsnr-title { font-size: 0.95rem; font-weight: 600; color: var(--sgsnr-text); }
[b-zq7ty9uj0u] .sgsnr-subtitle { font-size: 0.72rem; color: var(--sgsnr-muted); }
[b-zq7ty9uj0u] .sgsnr-subtitle code { background: rgba(0,120,212,0.08); padding: 0 4px; border-radius: 3px; font-size: 0.68rem; }

[b-zq7ty9uj0u] .sgsnr-estab-picker { min-width: 320px; display: flex; flex-direction: column; gap: 4px; }
[b-zq7ty9uj0u] .sgsnr-field-label { font-size: 0.66rem; color: var(--sgsnr-muted); text-transform: uppercase; letter-spacing: 0.04em; }

/* Credencial */
[b-zq7ty9uj0u] .sgsnr-cred {
    background: rgba(0,120,212,0.04);
    border: 1px solid rgba(0,120,212,0.18);
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 0.78rem;
}
[b-zq7ty9uj0u] .sgsnr-cred-row { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
[b-zq7ty9uj0u] .sgsnr-cred-label { color: var(--sgsnr-muted); font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.04em; }
[b-zq7ty9uj0u] .sgsnr-cred-value { color: var(--sgsnr-text); font-weight: 600; font-family: 'Inter', monospace; }

/* Grid de cards */
[b-zq7ty9uj0u] .sgsnr-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    flex: 1;
    min-height: 0;
}

[b-zq7ty9uj0u] .sgsnr-card {
    background: var(--sgsnr-card);
    border: 1px solid var(--sgsnr-border);
    border-radius: 10px;
    padding: 10px 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    display: flex;
    flex-direction: column;
    min-height: 0;
}

[b-zq7ty9uj0u] .sgsnr-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--sgsnr-border);
}
[b-zq7ty9uj0u] .sgsnr-card-title { font-size: 0.82rem; font-weight: 600; color: var(--sgsnr-text); }
[b-zq7ty9uj0u] .sgsnr-card-hint { font-size: 0.7rem; color: var(--sgsnr-muted); flex: 1; }

/* Catálogos */
[b-zq7ty9uj0u] .sgsnr-cat-grid { display: flex; flex-direction: column; gap: 6px; flex: 1; }
[b-zq7ty9uj0u] .sgsnr-cat-row {
    display: grid;
    grid-template-columns: 160px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    background: rgba(15,23,42,0.02);
    border-radius: 6px;
}
[data-bs-theme="dark"][b-zq7ty9uj0u]  .sgsnr-cat-row { background: rgba(148,163,184,0.05); }

[b-zq7ty9uj0u] .sgsnr-cat-name { font-size: 0.78rem; font-weight: 600; color: var(--sgsnr-text); }
[b-zq7ty9uj0u] .sgsnr-cat-count { font-size: 0.78rem; color: var(--sgsnr-muted); display: flex; gap: 6px; align-items: center; }
[b-zq7ty9uj0u] .sgsnr-cat-num { font-weight: 700; color: var(--sgsnr-text); }
[b-zq7ty9uj0u] .sgsnr-cat-num--idle { color: var(--sgsnr-muted); }
[b-zq7ty9uj0u] .sgsnr-cat-num--new { color: var(--sgsnr-success); }
[b-zq7ty9uj0u] .sgsnr-cat-arrow { color: var(--sgsnr-muted); }
[b-zq7ty9uj0u] .sgsnr-cat-delta { color: var(--sgsnr-success); font-size: 0.7rem; font-weight: 600; }

[b-zq7ty9uj0u] .sgsnr-cat-btn { font-size: 0.72rem !important; min-width: 100px; }

[b-zq7ty9uj0u] .sgsnr-card-actions {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--sgsnr-border);
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
[b-zq7ty9uj0u] .sgsnr-btn-all { background: var(--sgsnr-primary) !important; color: #fff !important; }

/* Listar Manifestos */
[b-zq7ty9uj0u] .sgsnr-mtr-filter {
    display: grid;
    grid-template-columns: 160px 160px 1fr;
    gap: 12px;
    align-items: end;
    margin-bottom: 8px;
}
[b-zq7ty9uj0u] .sgsnr-mtr-field { display: flex; flex-direction: column; gap: 3px; }
[b-zq7ty9uj0u] .sgsnr-mtr-field label { font-size: 0.66rem; color: var(--sgsnr-muted); text-transform: uppercase; letter-spacing: 0.04em; }

[b-zq7ty9uj0u] .sgsnr-mtr-counter {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: flex-end;
    font-size: 0.78rem;
}
[b-zq7ty9uj0u] .sgsnr-cat-label { color: var(--sgsnr-muted); font-size: 0.7rem; }

[b-zq7ty9uj0u] .sgsnr-mtr-actions {
    display: flex;
    gap: 6px;
    margin-bottom: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--sgsnr-border);
}

[b-zq7ty9uj0u] .sgsnr-mtr-grid { flex: 1; min-height: 220px; display: flex; flex-direction: column; }
[b-zq7ty9uj0u] .sgsnr-mtr-grid .e-grid { flex: 1; min-height: 0; }

/* Logs */
[b-zq7ty9uj0u] .sgsnr-card--logs { min-height: 380px; }
[b-zq7ty9uj0u] .sgsnr-logs-pane {
    flex: 1;
    overflow-y: auto;
    background: #0f172a;
    color: #e2e8f0;
    border-radius: 6px;
    padding: 8px 10px;
    font-family: 'Menlo', 'Monaco', 'Courier New', monospace;
    font-size: 0.72rem;
    line-height: 1.5;
    min-height: 0;
}
[b-zq7ty9uj0u] .sgsnr-log-line { white-space: pre-wrap; word-break: break-word; }
[b-zq7ty9uj0u] .sgsnr-log-line--ok { color: #6ee7b7; }
[b-zq7ty9uj0u] .sgsnr-log-line--err { color: #fca5a5; }
[b-zq7ty9uj0u] .sgsnr-logs-empty { color: #64748b; font-style: italic; padding: 12px; }

[b-zq7ty9uj0u] .sgsnr-btn-clear { font-size: 0.7rem !important; }

/* Warning bar (Sigor) */
[b-zq7ty9uj0u] .sgsnr-warn {
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 0.78rem;
    color: var(--sgsnr-text);
    display: flex;
    align-items: center;
    gap: 8px;
}
[b-zq7ty9uj0u] .sgsnr-warn span[class*="icon-"] { color: #f59e0b; font-size: 16px; }
[b-zq7ty9uj0u] .sgsnr-warn code { background: rgba(245,158,11,0.15); padding: 0 4px; border-radius: 3px; font-size: 0.72rem; }
[b-zq7ty9uj0u] .sgsnr-warn em { color: var(--sgsnr-muted); font-style: italic; }

/* Overlay de execução */
[b-zq7ty9uj0u] .sgsnr-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
    z-index: 10;
}
[b-zq7ty9uj0u] .sgsnr-overlay-spinner {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(255,255,255,0.25);
    border-top-color: #fff;
    border-radius: 50%;
    animation: sgsnr-spin-b-zq7ty9uj0u 0.8s linear infinite;
}
@keyframes sgsnr-spin-b-zq7ty9uj0u { to { transform: rotate(360deg); } }
/* /Components/Pages/Monitoramento/MonitoramentoIntegracoes.razor.rz.scp.css */
/* ============================================================
   Monitoramento de Integrações — /Monitoramento/Integracoes
   Prefixo CSS: sgmon-
   ============================================================ */

.sgmon-shell[b-glrclwjdpd] {
    padding: 20px 24px 80px;
    background: #f4f6f8;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: #0f172a;
}
body.e-dark-mode .sgmon-shell[b-glrclwjdpd] { background: #14161b; color: #e8e8e8; }

.sgmon-mono[b-glrclwjdpd] {
    font-family: "JetBrains Mono", "Consolas", monospace;
    font-variant-numeric: tabular-nums;
}

.sgmon-nowrap[b-glrclwjdpd] { white-space: nowrap; }

/* ── Header ── */
.sgmon-header[b-glrclwjdpd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}
.sgmon-header-title h2[b-glrclwjdpd] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}
.sgmon-header-sub[b-glrclwjdpd] {
    font-size: 12px;
    color: #64748b;
}
body.e-dark-mode .sgmon-header-sub[b-glrclwjdpd] { color: #8b8fa3; }

.sgmon-header-actions[b-glrclwjdpd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sgmon-toggle[b-glrclwjdpd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #475569;
    cursor: pointer;
    user-select: none;
}
body.e-dark-mode .sgmon-toggle[b-glrclwjdpd] { color: #c7cbd4; }

.sgmon-btn[b-glrclwjdpd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    background: #fff;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}
.sgmon-btn:hover:not(:disabled)[b-glrclwjdpd] { background: #f1f5f9; }
.sgmon-btn:disabled[b-glrclwjdpd] { opacity: 0.5; cursor: not-allowed; }
body.e-dark-mode .sgmon-btn[b-glrclwjdpd] {
    background: #1e2128; color: #c7cbd4;
    border-color: rgba(255,255,255,0.12);
}
body.e-dark-mode .sgmon-btn:hover:not(:disabled)[b-glrclwjdpd] { background: #2a2e36; }

/* ── KPIs ── */
.sgmon-kpis[b-glrclwjdpd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px;
}
.sgmon-kpi[b-glrclwjdpd] {
    padding: 12px 14px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.06);
    border-left: 4px solid #64748b;
}
body.e-dark-mode .sgmon-kpi[b-glrclwjdpd] {
    background: #1e2128;
    border-color: rgba(255,255,255,0.06);
}
.sgmon-kpi-label[b-glrclwjdpd] {
    font-size: 11px;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}
.sgmon-kpi-value[b-glrclwjdpd] {
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 4px;
    font-variant-numeric: tabular-nums;
}
.sgmon-kpi-value--sm[b-glrclwjdpd] { font-size: 1rem; }

.sgmon-kpi--pendente[b-glrclwjdpd]  { border-left-color: #2563eb; }
.sgmon-kpi--sucesso[b-glrclwjdpd]   { border-left-color: #16a34a; }
.sgmon-kpi--erro[b-glrclwjdpd]      { border-left-color: #ef4444; }
.sgmon-kpi--rejeitado[b-glrclwjdpd] { border-left-color: #f59e0b; }
.sgmon-kpi--ultima[b-glrclwjdpd]    { border-left-color: #94a3b8; }

/* ── Grid de cards ── */
.sgmon-grid[b-glrclwjdpd] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 12px;
}

/* Mid: 2 colunas — workers+fila na 1ª linha, erros vai sozinho */
@media (max-width: 1400px) {
    .sgmon-grid[b-glrclwjdpd] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

/* Small: 1 coluna */
@media (max-width: 900px) {
    .sgmon-grid[b-glrclwjdpd] {
        grid-template-columns: 1fr;
    }
}

.sgmon-card[b-glrclwjdpd] {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
body.e-dark-mode .sgmon-card[b-glrclwjdpd] {
    background: #1e2128;
    border-color: rgba(255,255,255,0.08);
}

.sgmon-card--wide[b-glrclwjdpd] { grid-column: 1 / -1; }

.sgmon-card-head[b-glrclwjdpd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    flex-wrap: wrap;
}
body.e-dark-mode .sgmon-card-head[b-glrclwjdpd] { border-bottom-color: rgba(255,255,255,0.06); }

.sgmon-card-head h3[b-glrclwjdpd] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}
.sgmon-card-head span[class*="icon-"][b-glrclwjdpd] { color: #2563eb !important; font-size: 18px; }
.sgmon-card-head span[class*="icon-"][b-glrclwjdpd]::before { color: #2563eb !important; }
.sgmon-card-head .sgmon-ico--err[b-glrclwjdpd],
.sgmon-card-head .sgmon-ico--err[b-glrclwjdpd]::before { color: #ef4444 !important; }

.sgmon-card-sub[b-glrclwjdpd] {
    font-size: 11px;
    color: #64748b;
    margin-left: 6px;
}

.sgmon-card-body[b-glrclwjdpd] {
    padding: 6px 0;
}
.sgmon-card-body--scroll[b-glrclwjdpd] {
    max-height: 520px;
    overflow-y: auto;
}

/* ── Filtros ── */
.sgmon-filters[b-glrclwjdpd] {
    display: flex;
    gap: 6px;
    margin-left: auto;
}
.sgmon-select[b-glrclwjdpd], .sgmon-input[b-glrclwjdpd] {
    padding: 5px 8px;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    font-size: 12px;
    background: #fff;
    color: #0f172a;
}
.sgmon-input[b-glrclwjdpd] { width: 80px; }
body.e-dark-mode .sgmon-select[b-glrclwjdpd],
body.e-dark-mode .sgmon-input[b-glrclwjdpd] {
    background: #141820;
    color: #e8e8e8;
    border-color: rgba(255,255,255,0.14);
}

/* ── Tabela ── */
.sgmon-table[b-glrclwjdpd] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
}
.sgmon-table th[b-glrclwjdpd] {
    text-align: left;
    padding: 8px 12px;
    font-weight: 600;
    color: #64748b;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    background: rgba(0,0,0,0.02);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    position: sticky; top: 0; z-index: 1;
}
body.e-dark-mode .sgmon-table th[b-glrclwjdpd] {
    background: rgba(255,255,255,0.02);
    border-bottom-color: rgba(255,255,255,0.06);
    color: #8b8fa3;
}
.sgmon-table td[b-glrclwjdpd] {
    padding: 8px 12px;
    border-bottom: 1px solid rgba(0,0,0,0.04);
    vertical-align: top;
}
body.e-dark-mode .sgmon-table td[b-glrclwjdpd] { border-bottom-color: rgba(255,255,255,0.04); }

.sgmon-table--dense td[b-glrclwjdpd] { padding: 6px 12px; font-size: 12px; }

.sgmon-num[b-glrclwjdpd] { text-align: right; font-variant-numeric: tabular-nums; }
.sgmon-num--big[b-glrclwjdpd] { font-size: 1.1rem; font-weight: 700; }
.sgmon-num--ok[b-glrclwjdpd]  { color: #15803d; }
.sgmon-num--err[b-glrclwjdpd] { color: #b91c1c; }

.sgmon-note[b-glrclwjdpd] { color: #64748b; font-size: 11.5px; }
.sgmon-msg[b-glrclwjdpd]  { color: #334155; }
body.e-dark-mode .sgmon-note[b-glrclwjdpd],
body.e-dark-mode .sgmon-msg[b-glrclwjdpd] { color: #c7cbd4; }

.sgmon-worker-name[b-glrclwjdpd] { font-weight: 600; }
.sgmon-worker-sub[b-glrclwjdpd]  { font-size: 10.5px; color: #94a3b8; margin-top: 2px; }

/* ── State badges ── */
.sgmon-state[b-glrclwjdpd] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.sgmon-state--ok[b-glrclwjdpd]      { background: rgba(22,163,74,0.15);  color: #15803d; }
.sgmon-state--idle[b-glrclwjdpd]    { background: rgba(148,163,184,0.20); color: #475569; }
.sgmon-state--lag[b-glrclwjdpd]     { background: rgba(234,179,8,0.18);  color: #a16207; }
.sgmon-state--stuck[b-glrclwjdpd]   { background: rgba(239,68,68,0.18);  color: #b91c1c; }
.sgmon-state--stopped[b-glrclwjdpd] { background: rgba(100,116,139,0.20); color: #475569; }

/* ── Idade ── */
.sgmon-age--warn[b-glrclwjdpd] { color: #a16207; font-weight: 600; }
.sgmon-age--old[b-glrclwjdpd]  { color: #b91c1c; font-weight: 700; }

/* ── Log status ── */
.sgmon-st[b-glrclwjdpd] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
}
.sgmon-st--ok[b-glrclwjdpd]   { background: rgba(22,163,74,0.15);  color: #15803d; }
.sgmon-st--err[b-glrclwjdpd]  { background: rgba(239,68,68,0.15);  color: #b91c1c; }
.sgmon-st--rej[b-glrclwjdpd]  { background: rgba(148,163,184,0.20); color: #475569; }
.sgmon-st--pend[b-glrclwjdpd] { background: rgba(37,99,235,0.15);  color: #1d4ed8; }
.sgmon-st--none[b-glrclwjdpd] { background: rgba(100,116,139,0.15); color: #64748b; }

/* ── Log row click ── */
.sgmon-log-row[b-glrclwjdpd] { cursor: pointer; transition: background 0.1s; }
.sgmon-log-row:hover[b-glrclwjdpd] { background: rgba(37,99,235,0.05); }
body.e-dark-mode .sgmon-log-row:hover[b-glrclwjdpd] { background: rgba(37,99,235,0.10); }

.sgmon-chev[b-glrclwjdpd] { color: #94a3b8 !important; font-size: 14px; }
.sgmon-chev[b-glrclwjdpd]::before { color: #94a3b8 !important; }

/* ── SfGrid do log (look integrado ao dashboard) ── */
[b-glrclwjdpd] .sgmon-sf-grid .e-grid {
    border: none;
    font-size: 12.5px;
}
[b-glrclwjdpd] .sgmon-sf-grid .e-gridheader {
    background: rgba(0,0,0,0.02);
}
[b-glrclwjdpd] .sgmon-sf-grid .e-gridheader .e-headercelldiv {
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 11px;
}
[b-glrclwjdpd] .sgmon-sf-grid .e-row { cursor: pointer; }
[b-glrclwjdpd] .sgmon-sf-grid .e-row:hover { background: rgba(37,99,235,0.04) !important; }
[b-glrclwjdpd] .sgmon-sf-grid .e-rowcell { padding: 6px 12px; }

body.e-dark-mode[b-glrclwjdpd]  .sgmon-sf-grid .e-gridheader {
    background: rgba(255,255,255,0.02);
}
body.e-dark-mode[b-glrclwjdpd]  .sgmon-sf-grid .e-gridheader .e-headercelldiv {
    color: #8b8fa3;
}
body.e-dark-mode[b-glrclwjdpd]  .sgmon-sf-grid .e-row:hover {
    background: rgba(37,99,235,0.10) !important;
}

/* ── Empty states ── */
.sgmon-empty[b-glrclwjdpd] {
    padding: 20px;
    text-align: center;
    color: #94a3b8;
    font-size: 13px;
}
.sgmon-empty--ok[b-glrclwjdpd] {
    color: #16a34a;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.sgmon-empty--ok span[class*="icon-"][b-glrclwjdpd],
.sgmon-empty--ok span[class*="icon-"][b-glrclwjdpd]::before { color: #16a34a !important; font-size: 18px; }

/* ── Dialog overlay ── */
.sgmon-overlay[b-glrclwjdpd] {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.sgmon-dialog[b-glrclwjdpd] {
    width: 100%;
    max-width: 900px;
    max-height: 90vh;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}
body.e-dark-mode .sgmon-dialog[b-glrclwjdpd] { background: #1e2128; }

.sgmon-dialog-head[b-glrclwjdpd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}
body.e-dark-mode .sgmon-dialog-head[b-glrclwjdpd] { border-bottom-color: rgba(255,255,255,0.08); }
.sgmon-dialog-title[b-glrclwjdpd] { font-size: 15px; font-weight: 700; }
.sgmon-dialog-sub[b-glrclwjdpd] { font-size: 12px; color: #64748b; margin-top: 2px; }

.sgmon-dialog-body[b-glrclwjdpd] {
    padding: 14px 18px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sgmon-alert[b-glrclwjdpd] {
    padding: 8px 12px;
    background: rgba(239,68,68,0.08);
    border: 1px solid rgba(239,68,68,0.25);
    border-radius: 6px;
    color: #b91c1c;
    font-size: 13px;
}
body.e-dark-mode .sgmon-alert[b-glrclwjdpd] { color: #fca5a5; }

.sgmon-meta[b-glrclwjdpd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 8px;
}
.sgmon-meta > div[b-glrclwjdpd] {
    background: rgba(0,0,0,0.03);
    padding: 6px 10px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
body.e-dark-mode .sgmon-meta > div[b-glrclwjdpd] { background: rgba(255,255,255,0.03); }
.sgmon-meta span[b-glrclwjdpd] { font-size: 10.5px; color: #64748b; text-transform: uppercase; letter-spacing: 0.04em; }
.sgmon-meta strong[b-glrclwjdpd] { font-size: 13px; }

.sgmon-payload summary[b-glrclwjdpd] {
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    padding: 4px 0;
}
.sgmon-payload[open] summary[b-glrclwjdpd] { color: #2563eb; }
.sgmon-payload pre[b-glrclwjdpd] {
    margin-top: 4px;
    padding: 10px;
    background: #0f172a;
    color: #e2e8f0;
    border-radius: 6px;
    font-family: "JetBrains Mono", "Consolas", monospace;
    font-size: 12px;
    overflow-x: auto;
    max-height: 300px;
    white-space: pre-wrap;
    word-break: break-all;
}
/* /Components/Pages/PersonalizarDashboard.razor.rz.scp.css */
/* ============================================================
   PersonalizarDashboard — página marketplace
   Prefixo: sg-mktpage-
   ============================================================ */

.sg-mktpage[b-cjjiqj4xue] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 56px);
    background: #f8fafc;
}

/* ── Top bar (voltar + título + contador) ─────────────────── */
.sg-mktpage-top[b-cjjiqj4xue] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 22px;
    background: linear-gradient(90deg, rgba(99, 102, 241, 0.08), transparent);
    border-left: 4px solid #6366f1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.sg-mktpage-back[b-cjjiqj4xue] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}

.sg-mktpage-back:hover[b-cjjiqj4xue] {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.sg-mktpage-back span[class*="icon-"][b-cjjiqj4xue] { font-size: 16px; }

.sg-mktpage-head[b-cjjiqj4xue] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.sg-mktpage-head-icon[b-cjjiqj4xue] {
    font-size: 28px;
    color: #6366f1 !important;
}

.sg-mktpage-head-icon[b-cjjiqj4xue]::before { color: #6366f1 !important; }

.sg-mktpage-head-text[b-cjjiqj4xue] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sg-mktpage-head-title[b-cjjiqj4xue] {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.sg-mktpage-head-sub[b-cjjiqj4xue] {
    font-size: 0.74rem;
    color: #64748b;
}

.sg-mktpage-counter[b-cjjiqj4xue] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
}

.sg-mktpage-counter span[class*="icon-"][b-cjjiqj4xue]::before { color: #10b981 !important; }

/* ── Toolbar (busca + abas) ─────────────────────────────── */
.sg-mktpage-toolbar[b-cjjiqj4xue] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 22px 0;
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.sg-mktpage-search[b-cjjiqj4xue] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    max-width: 480px;
    transition: border-color 0.15s;
}

.sg-mktpage-search:focus-within[b-cjjiqj4xue] {
    border-color: #6366f1;
    background: #ffffff;
}

.sg-mktpage-search span[class*="icon-"][b-cjjiqj4xue] {
    font-size: 16px;
    color: #94a3b8 !important;
}

.sg-mktpage-search span[class*="icon-"][b-cjjiqj4xue]::before { color: #94a3b8 !important; }

.sg-mktpage-search input[b-cjjiqj4xue] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.84rem;
    color: #0f172a;
}

.sg-mktpage-tabs[b-cjjiqj4xue] {
    display: flex;
    gap: 4px;
    padding-bottom: 2px;
    overflow-x: auto;
}

.sg-mktpage-tab[b-cjjiqj4xue] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
    white-space: nowrap;
}

.sg-mktpage-tab:hover[b-cjjiqj4xue] { color: #334155; }
.sg-mktpage-tab span[class*="icon-"][b-cjjiqj4xue] { font-size: 16px; }

.sg-mktpage-tab--active[b-cjjiqj4xue] {
    color: #6366f1;
    border-bottom-color: #6366f1;
    font-weight: 600;
}

.sg-mktpage-tab--active span[class*="icon-"][b-cjjiqj4xue]::before { color: #6366f1 !important; }

.sg-mktpage-tab-badge[b-cjjiqj4xue] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 6px;
    border-radius: 9px;
    background: rgba(99, 102, 241, 0.12);
    color: #6366f1;
    font-size: 0.66rem;
    font-weight: 700;
}

.sg-mktpage-tab--active .sg-mktpage-tab-badge[b-cjjiqj4xue] {
    background: #6366f1;
    color: #ffffff;
}

/* ── Grid de cards ─────────────────────────────────────── */
.sg-mktpage-grid[b-cjjiqj4xue] {
    flex: 1;
    padding: 20px 22px 30px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
    align-content: start;
}

.sg-mktpage-empty[b-cjjiqj4xue] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 60px 20px;
    color: #94a3b8;
    font-size: 0.88rem;
}

.sg-mktpage-empty span[class*="icon-"][b-cjjiqj4xue] {
    font-size: 38px;
    color: #cbd5e1 !important;
}

.sg-mktpage-empty span[class*="icon-"][b-cjjiqj4xue]::before { color: #cbd5e1 !important; }

/* ── Dark mode ─────────────────────────────────────────── */
[b-cjjiqj4xue] body.e-dark-mode .sg-mktpage,
body.e-dark-mode .sg-mktpage[b-cjjiqj4xue] { background: #1a1d24; }

body.e-dark-mode .sg-mktpage-top[b-cjjiqj4xue] { border-bottom-color: rgba(255,255,255,0.06); }
body.e-dark-mode .sg-mktpage-back[b-cjjiqj4xue] { background: #2a2e38; border-color: rgba(255,255,255,0.08); color: #d1d5db; }
body.e-dark-mode .sg-mktpage-back:hover[b-cjjiqj4xue] { background: #343842; }
body.e-dark-mode .sg-mktpage-head-title[b-cjjiqj4xue] { color: #e8e8e8; }
body.e-dark-mode .sg-mktpage-head-sub[b-cjjiqj4xue] { color: #94a3b8; }
body.e-dark-mode .sg-mktpage-toolbar[b-cjjiqj4xue] { background: #1e2128; border-bottom-color: rgba(255,255,255,0.06); }
body.e-dark-mode .sg-mktpage-search[b-cjjiqj4xue] { background: #252830; border-color: rgba(255,255,255,0.08); }
body.e-dark-mode .sg-mktpage-search:focus-within[b-cjjiqj4xue] { background: #2a2e38; border-color: #818cf8; }
body.e-dark-mode .sg-mktpage-search input[b-cjjiqj4xue] { color: #e8e8e8; }
body.e-dark-mode .sg-mktpage-tab[b-cjjiqj4xue] { color: #94a3b8; }
body.e-dark-mode .sg-mktpage-tab:hover[b-cjjiqj4xue] { color: #d1d5db; }
body.e-dark-mode .sg-mktpage-tab--active[b-cjjiqj4xue] { color: #818cf8; border-bottom-color: #818cf8; }
body.e-dark-mode .sg-mktpage-tab--active span[class*="icon-"][b-cjjiqj4xue]::before { color: #818cf8 !important; }
body.e-dark-mode .sg-mktpage-tab-badge[b-cjjiqj4xue] { background: rgba(129,140,248,0.18); color: #a5b4fc; }
body.e-dark-mode .sg-mktpage-tab--active .sg-mktpage-tab-badge[b-cjjiqj4xue] { background: #818cf8; color: #1a1d24; }
/* /Components/Pages/PrimeiroAcesso.razor.rz.scp.css */
/* ============================================================
   PrimeiroAcesso — Prefixo: sgfa-
   Design: Wizard de primeiro acesso com accent verde (#10b981)
   Painel esquerdo: gradiente escuro + detalhes verde esmeralda
   Painel direito: conteúdo limpo com tipografia hierárquica
   ============================================================ */

/* ── Loading ── */
.sgfa-loading[b-1rc0b9c4se] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    background: #f4f6f8;
}

/* ── Raiz ── */
.sgfa-root[b-1rc0b9c4se] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    width: 100vw;
    background: #f0f4f8;
    font-family: 'Open Sans', sans-serif;
    padding: 24px;
    box-sizing: border-box;
}

.sgfa-card[b-1rc0b9c4se] {
    display: flex;
    width: 100%;
    max-width: 820px;
    height: min(600px, 85vh);
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
    overflow: hidden;
    border: 1px solid #e2e8f0;
}

/* ============================================================
   PAINEL ESQUERDO — verde esmeralda + stepper customizado
   ============================================================ */

.sgfa-left[b-1rc0b9c4se] {
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    background: linear-gradient(180deg, #0a0a14 0%, #0d0d1f 45%, #0a1a14 100%);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.sgfa-left[b-1rc0b9c4se]::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(16, 185, 129, 0.18) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.sgfa-left[b-1rc0b9c4se]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(16, 185, 129, 0.40) 30%,
        rgba(16, 185, 129, 0.20) 70%,
        transparent 100%);
    z-index: 1;
}

/* ── Progress bar ── */
.sgfa-progress-track[b-1rc0b9c4se] {
    position: relative;
    height: 3px;
    background: rgba(255, 255, 255, 0.06);
    z-index: 2;
    flex-shrink: 0;
}

.sgfa-progress-fill[b-1rc0b9c4se] {
    height: 100%;
    background: linear-gradient(90deg, #10b981 0%, #34d399 100%);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.6);
}

/* ── Cabeçalho ── */
.sgfa-left-header[b-1rc0b9c4se] {
    position: relative;
    z-index: 2;
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(16, 185, 129, 0.10);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.sgfa-left-icon-wrap[b-1rc0b9c4se] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.32) 0%, rgba(16, 185, 129, 0.14) 100%);
    border: 1px solid rgba(16, 185, 129, 0.42);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.28);
}

.sgfa-left-icon-wrap span[b-1rc0b9c4se] { font-size: 18px; color: #6ee7b7; }
.sgfa-left-icon-wrap span[b-1rc0b9c4se]::before { color: #6ee7b7 !important; }

.sgfa-left-heading[b-1rc0b9c4se] { display: flex; flex-direction: column; gap: 2px; }

.sgfa-left-title[b-1rc0b9c4se] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #d1fae5;
    margin: 0;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
}

.sgfa-left-sub[b-1rc0b9c4se] {
    font-size: 0.69rem;
    color: rgba(255, 255, 255, 0.35);
    margin: 0;
    line-height: 1.3;
}

/* ── Steps ── */
.sgfa-steps[b-1rc0b9c4se] {
    position: relative;
    z-index: 2;
    flex: 1;
    padding: 20px 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.sgfa-step-card[b-1rc0b9c4se] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px 10px 10px;
    border-radius: 10px;
    transition: background 0.25s, box-shadow 0.25s;
    cursor: default;
    overflow: hidden;
}

/* Pendente */
.sgfa-step-card--pending .sgfa-step-indicator[b-1rc0b9c4se] { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.08); }
.sgfa-step-card--pending .sgfa-step-num[b-1rc0b9c4se] { color: rgba(255, 255, 255, 0.22); }
.sgfa-step-card--pending .sgfa-step-card-title[b-1rc0b9c4se] { color: rgba(255, 255, 255, 0.28); }
.sgfa-step-card--pending .sgfa-step-card-desc[b-1rc0b9c4se] { color: rgba(255, 255, 255, 0.16); }

/* Ativo */
.sgfa-step-card--active[b-1rc0b9c4se] {
    background: rgba(16, 185, 129, 0.12);
    box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.24);
}

.sgfa-step-card--active .sgfa-step-indicator[b-1rc0b9c4se] {
    background: linear-gradient(135deg, #10b981, #059669);
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.22), 0 0 18px rgba(16, 185, 129, 0.42);
    animation: sgfa-pulse-glow-b-1rc0b9c4se 2s ease-in-out infinite;
}

.sgfa-step-card--active .sgfa-step-num[b-1rc0b9c4se] { color: #ffffff; }
.sgfa-step-card--active .sgfa-step-card-title[b-1rc0b9c4se] { color: #d1fae5; font-weight: 600; }
.sgfa-step-card--active .sgfa-step-card-desc[b-1rc0b9c4se] { color: rgba(167, 243, 208, 0.65); }

/* Concluído */
.sgfa-step-card--done[b-1rc0b9c4se] { background: rgba(34, 197, 94, 0.05); }
.sgfa-step-card--done .sgfa-step-indicator[b-1rc0b9c4se] { background: rgba(34, 197, 94, 0.14); border-color: rgba(34, 197, 94, 0.38); }
.sgfa-step-card--done .sgfa-check-path[b-1rc0b9c4se] { color: #86efac; stroke-dasharray: 30; stroke-dashoffset: 0; animation: sgfa-draw-check-b-1rc0b9c4se 0.45s ease-out forwards; }
.sgfa-step-card--done .sgfa-step-card-title[b-1rc0b9c4se] { color: rgba(255, 255, 255, 0.50); }
.sgfa-step-card--done .sgfa-step-card-desc[b-1rc0b9c4se] { color: rgba(255, 255, 255, 0.25); }

/* Sucesso */
.sgfa-step-card--success[b-1rc0b9c4se] {
    background: rgba(34, 197, 94, 0.08);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.20);
}

.sgfa-step-card--success .sgfa-step-indicator[b-1rc0b9c4se] {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border-color: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.20), 0 0 16px rgba(34, 197, 94, 0.35);
}

.sgfa-step-card--success .sgfa-check-path[b-1rc0b9c4se] { color: #ffffff; stroke: #ffffff; stroke-dasharray: 30; stroke-dashoffset: 0; animation: sgfa-draw-check-b-1rc0b9c4se 0.45s ease-out forwards; }
.sgfa-step-card--success .sgfa-step-card-title[b-1rc0b9c4se] { color: #d1fae5; font-weight: 600; }
.sgfa-step-card--success .sgfa-step-card-desc[b-1rc0b9c4se] { color: rgba(167, 243, 208, 0.60); }

/* Barra lateral ativa */
.sgfa-step-active-bar[b-1rc0b9c4se] {
    position: absolute;
    left: 0; top: 8px; bottom: 8px;
    width: 3px;
    border-radius: 0 2px 2px 0;
    background: linear-gradient(180deg, #34d399, #10b981);
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.65);
}

/* ── Indicador circular ── */
.sgfa-step-indicator[b-1rc0b9c4se] {
    width: 34px; height: 34px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.14);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sgfa-step-num[b-1rc0b9c4se] { font-size: 0.76rem; font-weight: 700; line-height: 1; letter-spacing: -0.02em; }
.sgfa-check-svg[b-1rc0b9c4se] { width: 15px; height: 15px; }
.sgfa-check-path[b-1rc0b9c4se] { stroke-dasharray: 30; stroke-dashoffset: 30; animation: sgfa-draw-check-b-1rc0b9c4se 0.45s 0.05s ease-out forwards; }

/* ── Corpo do card ── */
.sgfa-step-card-body[b-1rc0b9c4se] { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.sgfa-step-card-title[b-1rc0b9c4se] { font-size: 0.8rem; font-weight: 500; color: rgba(255, 255, 255, 0.50); line-height: 1.2; transition: color 0.25s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgfa-step-card-desc[b-1rc0b9c4se] { font-size: 0.66rem; color: rgba(255, 255, 255, 0.26); line-height: 1.2; transition: color 0.25s; }

/* ── Conector ── */
.sgfa-connector[b-1rc0b9c4se] { padding: 0 0 0 27px; height: 20px; display: flex; align-items: stretch; }
.sgfa-connector-line[b-1rc0b9c4se] { width: 2px; background: rgba(255, 255, 255, 0.05); border-radius: 1px; position: relative; overflow: hidden; }
.sgfa-connector-fill[b-1rc0b9c4se] { position: absolute; top: 0; left: 0; right: 0; height: 0; background: linear-gradient(180deg, #10b981, rgba(16, 185, 129, 0.3)); transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.sgfa-connector-fill--animate[b-1rc0b9c4se] { height: 100%; }
.sgfa-connector--done .sgfa-connector-line[b-1rc0b9c4se] { background: rgba(34, 197, 94, 0.12); }
.sgfa-connector--done .sgfa-connector-fill[b-1rc0b9c4se] { height: 100%; background: linear-gradient(180deg, rgba(34, 197, 94, 0.45), rgba(34, 197, 94, 0.18)); }

/* ── Rodapé ── */
.sgfa-left-footer[b-1rc0b9c4se] {
    position: relative; z-index: 2; flex-shrink: 0;
    padding: 14px 18px;
    border-top: 1px solid rgba(16, 185, 129, 0.08);
    display: flex; align-items: center; justify-content: space-between;
}

.sgfa-footer-dots[b-1rc0b9c4se] { display: flex; align-items: center; gap: 5px; }
.sgfa-footer-dot[b-1rc0b9c4se] { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.13); transition: all 0.3s; }
.sgfa-footer-dot--active[b-1rc0b9c4se] { background: #10b981; width: 18px; border-radius: 3px; box-shadow: 0 0 6px rgba(16, 185, 129, 0.55); }
.sgfa-footer-label[b-1rc0b9c4se] { font-size: 0.68rem; font-weight: 600; color: rgba(255, 255, 255, 0.26); letter-spacing: 0.08em; font-variant-numeric: tabular-nums; }

/* ── Animações ── */
@keyframes sgfa-pulse-glow-b-1rc0b9c4se {
    0%, 100% { box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.22), 0 0 18px rgba(16, 185, 129, 0.42); }
    50%       { box-shadow: 0 0 0 5px rgba(16, 185, 129, 0.13), 0 0 26px rgba(16, 185, 129, 0.58); }
}

@keyframes sgfa-draw-check-b-1rc0b9c4se {
    from { stroke-dashoffset: 30; }
    to   { stroke-dashoffset: 0; }
}

@keyframes sgfa-spin-b-1rc0b9c4se {
    to { transform: rotate(360deg); }
}

/* ============================================================
   PAINEL DIREITO
   ============================================================ */

.sgfa-right[b-1rc0b9c4se] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    overflow: hidden;
}

.sgfa-step[b-1rc0b9c4se] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 28px 32px;
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* ── Cabeçalho do passo ── */
.sgfa-step-header[b-1rc0b9c4se] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 18px;
    border-bottom: 1px solid #f1f5f9;
}

.sgfa-step-badge[b-1rc0b9c4se] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #065f46;
    background: #d1fae5;
    border: 1px solid #a7f3d0;
    border-radius: 6px;
    padding: 4px 8px;
    flex-shrink: 0;
    white-space: nowrap;
}

.sgfa-step-badge--success[b-1rc0b9c4se] {
    color: #065f46;
    background: #d1fae5;
    border-color: #6ee7b7;
}

.sgfa-step-title-wrap[b-1rc0b9c4se] { display: flex; flex-direction: column; gap: 2px; }
.sgfa-step-title[b-1rc0b9c4se] { font-size: 1rem; font-weight: 600; color: #1e293b; margin: 0; line-height: 1.2; }
.sgfa-step-sub[b-1rc0b9c4se] { font-size: 0.74rem; color: #64748b; margin: 0; }

/* ── Card de identidade ── */
.sgfa-identity-card[b-1rc0b9c4se] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 12px;
}

.sgfa-identity-avatar[b-1rc0b9c4se] {
    width: 52px; height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #10b981, #059669);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 10px rgba(16, 185, 129, 0.35);
}

.sgfa-identity-avatar span[b-1rc0b9c4se] { font-size: 1.1rem; font-weight: 700; color: #ffffff; letter-spacing: -0.02em; }
.sgfa-identity-info[b-1rc0b9c4se] { display: flex; flex-direction: column; gap: 2px; }
.sgfa-identity-name[b-1rc0b9c4se] { font-size: 1rem; font-weight: 600; color: #1e293b; line-height: 1.2; }
.sgfa-identity-email[b-1rc0b9c4se] { font-size: 0.78rem; color: #64748b; }

/* ── Caixa informativa ── */
.sgfa-info-box[b-1rc0b9c4se] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
}

.sgfa-info-icon[b-1rc0b9c4se] { font-size: 16px; color: #10b981; flex-shrink: 0; margin-top: 1px; }
.sgfa-info-icon[b-1rc0b9c4se]::before { color: #10b981 !important; }
.sgfa-info-text[b-1rc0b9c4se] { font-size: 0.78rem; color: #475569; line-height: 1.55; margin: 0; }

/* ── Formulário ── */
.sgfa-form[b-1rc0b9c4se] { display: flex; flex-direction: column; gap: 20px; max-width: 420px; }
.sgfa-form-field[b-1rc0b9c4se] { display: flex; flex-direction: column; gap: 6px; }

/* Input Syncfusion — float label com accent verde */
[b-1rc0b9c4se] .sgfa-input.e-input-group {
    border-radius: 6px !important;
    font-size: 0.9rem !important;
}

[b-1rc0b9c4se] .sgfa-input.e-input-group.e-input-focus::before,
[b-1rc0b9c4se] .sgfa-input.e-input-group.e-input-focus::after {
    background: #10b981 !important;
}

[b-1rc0b9c4se] .sgfa-input .e-float-text {
    font-size: 0.82rem !important;
    font-weight: 500 !important;
}

[b-1rc0b9c4se] .sgfa-input.e-input-group.e-input-focus .e-float-text {
    color: #10b981 !important;
}

.sgfa-field-error[b-1rc0b9c4se] {
    display: flex; align-items: center; gap: 5px;
    font-size: 0.76rem; color: #dc2626; font-weight: 500;
    margin-top: 2px;
}

.sgfa-field-error span[b-1rc0b9c4se] { font-size: 14px; color: #dc2626; }
.sgfa-field-error span[b-1rc0b9c4se]::before { color: #dc2626 !important; }

/* ── Barra de força da senha ── */
.sgfa-strength-wrap[b-1rc0b9c4se] { display: flex; align-items: center; gap: 10px; margin-top: 2px; }
.sgfa-strength-track[b-1rc0b9c4se] { flex: 1; height: 3px; background: #e2e8f0; border-radius: 2px; overflow: hidden; }
.sgfa-strength-fill[b-1rc0b9c4se] { height: 100%; border-radius: 2px; transition: width 0.35s ease, background 0.35s ease; }
.sgfa-strength-fill--weak[b-1rc0b9c4se]   { background: #ef4444; }
.sgfa-strength-fill--fair[b-1rc0b9c4se]   { background: #f59e0b; }
.sgfa-strength-fill--good[b-1rc0b9c4se]   { background: #3b82f6; }
.sgfa-strength-fill--strong[b-1rc0b9c4se] { background: #22c55e; }
.sgfa-strength-label[b-1rc0b9c4se] { font-size: 0.65rem; font-weight: 700; width: 60px; text-align: right; letter-spacing: 0.03em; }
.sgfa-strength-label--weak[b-1rc0b9c4se]   { color: #ef4444; }
.sgfa-strength-label--fair[b-1rc0b9c4se]   { color: #f59e0b; }
.sgfa-strength-label--good[b-1rc0b9c4se]   { color: #3b82f6; }
.sgfa-strength-label--strong[b-1rc0b9c4se] { color: #22c55e; }

/* ── Caixa de erro ── */
.sgfa-error-box[b-1rc0b9c4se] {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 12px 16px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
}

.sgfa-error-icon[b-1rc0b9c4se] { font-size: 16px; color: #dc2626; flex-shrink: 0; margin-top: 1px; }
.sgfa-error-icon[b-1rc0b9c4se]::before { color: #dc2626 !important; }
.sgfa-error-text[b-1rc0b9c4se] { font-size: 0.78rem; color: #dc2626; line-height: 1.55; margin: 0; }

/* ── Resultado ── */
.sgfa-result[b-1rc0b9c4se] {
    display: flex; align-items: flex-start; gap: 20px;
    padding: 24px; border-radius: 12px;
    border: 1px solid #e2e8f0;
    animation: sgfa-result-in-b-1rc0b9c4se 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes sgfa-result-in-b-1rc0b9c4se {
    from { opacity: 0; transform: scale(0.96) translateY(6px); }
    to   { opacity: 1; transform: scale(1)    translateY(0);  }
}

.sgfa-result--ok[b-1rc0b9c4se] { background: #f0fdf4; border-color: #bbf7d0; }
.sgfa-result--erro[b-1rc0b9c4se] { background: #fef2f2; border-color: #fecaca; }

.sgfa-result-icon-wrap[b-1rc0b9c4se] {
    position: relative; width: 52px; height: 52px;
    flex-shrink: 0; display: flex; align-items: center; justify-content: center;
}

.sgfa-result-icon-ring[b-1rc0b9c4se] { position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid currentColor; opacity: 0.2; }
.sgfa-result--ok .sgfa-result-icon-wrap[b-1rc0b9c4se] { color: #10b981; }
.sgfa-result--erro .sgfa-result-icon-wrap[b-1rc0b9c4se] { color: #ef4444; }
.sgfa-result-icon[b-1rc0b9c4se] { font-size: 24px; position: relative; z-index: 1; }
.sgfa-result--ok .sgfa-result-icon[b-1rc0b9c4se] { color: #059669; }
.sgfa-result--ok .sgfa-result-icon[b-1rc0b9c4se]::before { color: #059669 !important; }
.sgfa-result--erro .sgfa-result-icon[b-1rc0b9c4se] { color: #dc2626; }
.sgfa-result--erro .sgfa-result-icon[b-1rc0b9c4se]::before { color: #dc2626 !important; }

.sgfa-result-body[b-1rc0b9c4se] { display: flex; flex-direction: column; gap: 6px; }
.sgfa-result-headline[b-1rc0b9c4se] { margin: 0; font-size: 0.97rem; font-weight: 700; color: #1e293b; line-height: 1.2; }
.sgfa-result-detail[b-1rc0b9c4se] { margin: 0; font-size: 0.84rem; color: #64748b; line-height: 1.5; }

/* ── Ações ── */
.sgfa-step-actions[b-1rc0b9c4se] {
    display: flex; gap: 10px; justify-content: flex-end;
    padding-top: 16px; border-top: 1px solid #f1f5f9;
    margin-top: auto; flex-shrink: 0;
}

[b-1rc0b9c4se] .sgfa-btn-next.e-btn,
[b-1rc0b9c4se] .sgfa-btn-next.e-btn.e-primary,
[b-1rc0b9c4se] .sgfa-btn-next.e-btn.e-primary.e-primary {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 2px 12px rgba(16, 185, 129, 0.35) !important;
    transition: box-shadow 0.2s, transform 0.15s !important;
    display: flex; align-items: center; gap: 7px;
    padding: 8px 22px !important;
    border-radius: 6px !important;
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif !important;
    letter-spacing: 0.01em;
    height: 38px;
}

[b-1rc0b9c4se] .sgfa-btn-next.e-btn span { color: #fff !important; font-size: 0.84rem; }
[b-1rc0b9c4se] .sgfa-btn-next.e-btn span::before { color: #fff !important; }
[b-1rc0b9c4se] .sgfa-btn-next.e-btn span[class*="icon-"] { font-size: 16px; }
[b-1rc0b9c4se] .sgfa-btn-next.e-btn:hover:not(:disabled) { box-shadow: 0 4px 18px rgba(16, 185, 129, 0.52) !important; transform: translateY(-1px) !important; }
[b-1rc0b9c4se] .sgfa-btn-next.e-btn:active { transform: translateY(0) !important; }

[b-1rc0b9c4se] .sgfa-btn-cancel.e-btn,
[b-1rc0b9c4se] .sgfa-btn-cancel {
    background: #ffffff !important;
    border: 1.5px solid #d1d5db !important;
    color: #374151 !important;
    display: flex; align-items: center; gap: 7px;
    padding: 8px 22px !important;
    border-radius: 6px !important;
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif !important;
    height: 38px;
    transition: all 0.2s !important;
}

[b-1rc0b9c4se] .sgfa-btn-cancel.e-btn span { color: #374151 !important; font-size: 0.84rem; }
[b-1rc0b9c4se] .sgfa-btn-cancel.e-btn span::before { color: #374151 !important; }
[b-1rc0b9c4se] .sgfa-btn-cancel.e-btn span[class*="icon-"] { font-size: 16px; }

[b-1rc0b9c4se] .sgfa-btn-cancel.e-btn:hover:not(:disabled) {
    background: #f0fdf4 !important;
    border-color: #10b981 !important;
    color: #059669 !important;
}

[b-1rc0b9c4se] .sgfa-btn-cancel.e-btn:hover:not(:disabled) span { color: #059669 !important; }
[b-1rc0b9c4se] .sgfa-btn-cancel.e-btn:hover:not(:disabled) span::before { color: #059669 !important; }

.sgfa-spin[b-1rc0b9c4se] {
    display: inline-block;
    font-size: 15px;
    animation: sgfa-spin-b-1rc0b9c4se 1s linear infinite;
}

/* ── Responsivo ── */
@media (max-width: 640px) {
    .sgfa-root[b-1rc0b9c4se] { padding: 12px; }
    .sgfa-card[b-1rc0b9c4se] { flex-direction: column; height: auto; max-width: 100%; }
    .sgfa-left[b-1rc0b9c4se] { width: 100%; min-width: 0; flex-direction: row; align-items: center; padding: 12px 16px; gap: 12px; }
    .sgfa-steps[b-1rc0b9c4se], .sgfa-left-footer[b-1rc0b9c4se], .sgfa-progress-track[b-1rc0b9c4se] { display: none; }
    .sgfa-left-header[b-1rc0b9c4se] { border-bottom: none; padding: 0; }
    .sgfa-right[b-1rc0b9c4se] { min-height: 400px; }
    .sgfa-step[b-1rc0b9c4se] { padding: 20px 16px; }
}
/* /Components/Pages/ReportDesignerPage.razor.rz.scp.css */
/* ══ Página Designer RDLC — fullscreen, sem conflito com Syncfusion ══ */

.sgrd-shell[b-wa0vxsbq0q] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
    background: #f8fafc;
    overflow: hidden;
}

/* Toolbar superior (voltar + título) */
.sgrd-toolbar[b-wa0vxsbq0q] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 16px;
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    color: #e2e8f0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    flex: 0 0 auto;
    z-index: 10;
}
.sgrd-btn-back[b-wa0vxsbq0q] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    background: rgba(255,255,255,0.08);
    color: #e2e8f0;
    border: 1px solid rgba(255,255,255,0.12);
    padding: 6px 14px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.82rem;
    cursor: pointer;
    transition: background 0.15s;
}
.sgrd-btn-back:hover[b-wa0vxsbq0q] { background: rgba(255,255,255,0.15); }
.sgrd-btn-back span:first-child[b-wa0vxsbq0q] { font-size: 1.1rem; }

.sgrd-toolbar-info[b-wa0vxsbq0q] {
    display: flex;
    gap: 10px;
    align-items: center;
}
.sgrd-toolbar-icon[b-wa0vxsbq0q] {
    font-size: 1.4rem;
    color: #a78bfa;
}
.sgrd-toolbar-title[b-wa0vxsbq0q] {
    font-weight: 700;
    font-size: 0.95rem;
    color: #fff;
}
.sgrd-toolbar-sub[b-wa0vxsbq0q] {
    font-size: 0.72rem;
    color: #94a3b8;
}

/* Banner Enterprise (Community Edition) */
.sgrd-banner[b-wa0vxsbq0q] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 10px 18px;
    background: linear-gradient(90deg, #fffbeb 0%, #fef3c7 100%);
    border-bottom: 1px solid #fcd34d;
    color: #78350f;
    flex: 0 0 auto;
    font-size: 0.82rem;
    line-height: 1.45;
}
.sgrd-banner-icon[b-wa0vxsbq0q] {
    font-size: 1.3rem;
    color: #d97706;
    flex: 0 0 auto;
    margin-top: 1px;
}
.sgrd-banner-body[b-wa0vxsbq0q] { min-width: 0; }
.sgrd-banner-title[b-wa0vxsbq0q] {
    font-weight: 700;
    color: #92400e;
    margin-bottom: 1px;
}
.sgrd-banner-sub[b-wa0vxsbq0q] {
    color: #78350f;
}
.sgrd-banner-sub a[b-wa0vxsbq0q] {
    color: #b45309;
    text-decoration: underline;
    font-weight: 600;
}
.sgrd-banner-sub a:hover[b-wa0vxsbq0q] { color: #78350f; }

/* Host do widget Bold Reports — ocupa o restante da viewport */
.sgrd-host[b-wa0vxsbq0q] {
    flex: 1 1 auto;
    overflow: hidden;
    background: #fff;
}

/* Bold Reports tem CSS próprio (carregado via CDN no <HeadContent>);
   os estilos abaixo só garantem que o container interno cresça pra ocupar
   100% da área disponível. */
[b-wa0vxsbq0q] #bold-report-designer,
#bold-report-designer[b-wa0vxsbq0q] {
    height: 100% !important;
    width: 100%;
}
/* /Components/Pages/ScheduledJobs/ScheduledJobs.razor.rz.scp.css */
/* ============================================================
   Jobs Recorrentes — /ScheduledJobs
   Prefixo CSS: sgsj-
   ============================================================ */

.sgsj-container[b-z71rvyzj0h] {
    padding: 24px 32px;
    background: #f4f6f8;
    min-height: 100vh;
}

.sgsj-header[b-z71rvyzj0h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.sgsj-header-title h2[b-z71rvyzj0h] {
    margin: 0;
    font-size: 22px;
    color: #0f172a;
}

.sgsj-header-sub[b-z71rvyzj0h] {
    font-size: 12px;
    color: #64748b;
    font-family: 'Courier New', monospace;
}

.sgsj-btn-ghost[b-z71rvyzj0h] {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    background: #fff;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}
.sgsj-btn-ghost:hover[b-z71rvyzj0h] { background: #f1f5f9; }

.sgsj-btn-sm[b-z71rvyzj0h] { padding: 4px 10px; font-size: 12px; }

.sgsj-body[b-z71rvyzj0h] {
    display: flex;
    gap: 16px;
}

.sgsj-list[b-z71rvyzj0h] { flex: 1; min-width: 0; }
.sgsj-list--split[b-z71rvyzj0h] { flex: 0 0 60%; }

/* ── Tabela ───────────────────────────────────── */
.sgsj-table[b-z71rvyzj0h] {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    font-size: 13px;
}

.sgsj-table thead th[b-z71rvyzj0h] {
    background: #f8fafc;
    color: #475569;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 10.5px;
    padding: 10px 14px;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.sgsj-table tbody td[b-z71rvyzj0h] {
    padding: 12px 14px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.sgsj-row:last-child td[b-z71rvyzj0h] { border-bottom: 0; }
.sgsj-row--selected[b-z71rvyzj0h] { background: #eff6ff; }

.sgsj-row-name[b-z71rvyzj0h] { font-weight: 600; color: #0f172a; }
.sgsj-row-alvo[b-z71rvyzj0h] {
    font-family: 'Courier New', monospace;
    font-size: 11px;
    color: #64748b;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 320px;
}
.sgsj-row-cron[b-z71rvyzj0h] { font-family: 'Courier New', monospace; font-size: 12px; color: #334155; }
.sgsj-row-date[b-z71rvyzj0h] { font-size: 12px; color: #64748b; white-space: nowrap; }
.sgsj-row-dur[b-z71rvyzj0h] { font-size: 12px; color: #64748b; text-align: right; font-family: 'Courier New', monospace; }

/* Tipo (SP / CSHARP) */
.sgsj-tipo[b-z71rvyzj0h] {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 10px;
    text-transform: uppercase;
}
.sgsj-tipo--sp[b-z71rvyzj0h]     { background: #fef3c7; color: #92400e; }
.sgsj-tipo--csharp[b-z71rvyzj0h] { background: #dbeafe; color: #1e40af; }

/* Badge de status */
.sgsj-badge[b-z71rvyzj0h] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 10px;
}
.sgsj-badge--ok[b-z71rvyzj0h]   { background: #bbf7d0; color: #166534; }
.sgsj-badge--err[b-z71rvyzj0h]  { background: #fecaca; color: #991b1b; }
.sgsj-badge--run[b-z71rvyzj0h]  { background: #dbeafe; color: #1e40af; }
.sgsj-badge--warn[b-z71rvyzj0h] { background: #fed7aa; color: #9a3412; }
.sgsj-badge--none[b-z71rvyzj0h] { background: #f1f5f9; color: #94a3b8; }

/* Toggle ativo */
.sgsj-toggle[b-z71rvyzj0h] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    cursor: pointer;
}
.sgsj-toggle input[b-z71rvyzj0h] { opacity: 0; width: 0; height: 0; }
.sgsj-toggle-slider[b-z71rvyzj0h] {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: #cbd5e1;
    border-radius: 11px;
    transition: 0.2s;
}
.sgsj-toggle-slider[b-z71rvyzj0h]::before {
    content: "";
    position: absolute;
    width: 16px; height: 16px;
    left: 3px; top: 3px;
    background: #fff;
    border-radius: 50%;
    transition: 0.2s;
}
.sgsj-toggle input:checked + .sgsj-toggle-slider[b-z71rvyzj0h] { background: #10b981; }
.sgsj-toggle input:checked + .sgsj-toggle-slider[b-z71rvyzj0h]::before { transform: translateX(18px); }

.sgsj-row-actions[b-z71rvyzj0h] { display: flex; gap: 6px; justify-content: flex-end; }

/* ── Painel lateral (histórico) ──────────────── */
.sgsj-side[b-z71rvyzj0h] {
    flex: 0 0 40%;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 140px);
}

.sgsj-side-header[b-z71rvyzj0h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.sgsj-side-title[b-z71rvyzj0h] { font-weight: 600; color: #0f172a; font-size: 14px; }
.sgsj-side-sub[b-z71rvyzj0h]   { font-size: 11px; color: #64748b; margin-top: 2px; }

.sgsj-side-body[b-z71rvyzj0h] {
    padding: 14px 18px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sgsj-log[b-z71rvyzj0h] {
    border: 1px solid #e2e8f0;
    border-left-width: 3px;
    border-radius: 6px;
    padding: 10px 12px;
    background: #fff;
}

.sgsj-log--ok[b-z71rvyzj0h]      { border-left-color: #10b981; background: #f0fdf4; }
.sgsj-log--erro[b-z71rvyzj0h]    { border-left-color: #dc2626; background: #fef2f2; }
.sgsj-log--rodando[b-z71rvyzj0h] { border-left-color: #3b82f6; background: #eff6ff; }
.sgsj-log--timeout[b-z71rvyzj0h] { border-left-color: #f59e0b; background: #fffbeb; }

.sgsj-log-head[b-z71rvyzj0h] {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 12px;
    margin-bottom: 6px;
}

.sgsj-log-status[b-z71rvyzj0h] {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.5px;
}

.sgsj-log--ok .sgsj-log-status[b-z71rvyzj0h]      { color: #166534; }
.sgsj-log--erro .sgsj-log-status[b-z71rvyzj0h]    { color: #991b1b; }
.sgsj-log--rodando .sgsj-log-status[b-z71rvyzj0h] { color: #1e40af; }
.sgsj-log--timeout .sgsj-log-status[b-z71rvyzj0h] { color: #9a3412; }

.sgsj-log-time[b-z71rvyzj0h] { color: #475569; font-family: 'Courier New', monospace; }
.sgsj-log-dur[b-z71rvyzj0h]  { color: #64748b; margin-left: auto; font-family: 'Courier New', monospace; }

.sgsj-log-msg[b-z71rvyzj0h] {
    font-family: 'Courier New', monospace;
    font-size: 11.5px;
    color: #334155;
    background: rgba(0,0,0,0.03);
    padding: 8px;
    border-radius: 4px;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 4px 0 0;
    max-height: 200px;
    overflow-y: auto;
}

.sgsj-log-host[b-z71rvyzj0h] {
    font-size: 10px;
    color: #94a3b8;
    font-family: 'Courier New', monospace;
    margin-top: 4px;
}

.sgsj-empty[b-z71rvyzj0h] {
    text-align: center;
    padding: 60px 20px;
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
}

.sgsj-empty-title[b-z71rvyzj0h] {
    font-size: 16px;
    font-weight: 600;
    color: #475569;
    margin-bottom: 8px;
}

.sgsj-empty-sub[b-z71rvyzj0h] {
    font-size: 13px;
    color: #64748b;
    line-height: 1.6;
}

.sgsj-empty-sub code[b-z71rvyzj0h] {
    background: #f1f5f9;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
}

.sgsj-empty-sm[b-z71rvyzj0h] {
    padding: 30px 10px;
    text-align: center;
    color: #94a3b8;
    font-size: 12px;
}
/* /Components/Processamento/AuditoriaFaturamentoNF.razor.rz.scp.css */
/* ============================================================
   Auditoria de Faturamento — Notas Fiscais
   Prefixo CSS: sgafn-
   ============================================================ */

.sgafn-container[b-ra9j0oaf0z] {
    width: 100%;
    height: 100%;
    background: #f4f6f8;
}

.sgafn-wizard[b-ra9j0oaf0z] {
    display: flex;
    height: 100%;
    min-height: 600px;
}

/* ── PAINEL ESQUERDO (escuro, stepper + summary) ────────────── */
.sgafn-left[b-ra9j0oaf0z] {
    width: 280px;
    background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
    color: #e2e8f0;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sgafn-progress-track[b-ra9j0oaf0z] {
    height: 4px;
    background: rgba(148, 163, 184, 0.2);
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 12px;
}

.sgafn-progress-fill[b-ra9j0oaf0z] {
    height: 100%;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    transition: width 0.3s ease;
}

.sgafn-step[b-ra9j0oaf0z] {
    display: flex;
    gap: 12px;
    padding: 10px 8px;
    border-radius: 8px;
    transition: background 0.2s;
}

.sgafn-step-active[b-ra9j0oaf0z] { background: rgba(59, 130, 246, 0.15); }
.sgafn-step-done[b-ra9j0oaf0z]   { opacity: 0.75; }

.sgafn-step-circle[b-ra9j0oaf0z] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(148, 163, 184, 0.2);
    color: #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    flex-shrink: 0;
}

.sgafn-step-active .sgafn-step-circle[b-ra9j0oaf0z] {
    background: #3b82f6;
    color: #fff;
}

.sgafn-step-done .sgafn-step-circle[b-ra9j0oaf0z] {
    background: #10b981;
    color: #fff;
}

.sgafn-step-content[b-ra9j0oaf0z] { flex: 1; }
.sgafn-step-title[b-ra9j0oaf0z] { font-size: 13px; font-weight: 600; color: #f1f5f9; }
.sgafn-step-sub[b-ra9j0oaf0z]   { font-size: 11px; color: #94a3b8; margin-top: 2px; }

/* ── Summary no painel esquerdo ──────────────────────────────── */
.sgafn-summary[b-ra9j0oaf0z] {
    margin-top: auto;
    padding: 14px;
    background: rgba(15, 23, 42, 0.5);
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sgafn-summary-row[b-ra9j0oaf0z] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.sgafn-summary-label[b-ra9j0oaf0z] { color: #94a3b8; }
.sgafn-summary-value[b-ra9j0oaf0z] { color: #f1f5f9; font-weight: 600; }
.sgafn-summary-ok[b-ra9j0oaf0z]   { color: #10b981 !important; }
.sgafn-summary-warn[b-ra9j0oaf0z] { color: #f59e0b !important; }

/* ── PAINEL DIREITO (branco, conteúdo) ───────────────────────── */
.sgafn-right[b-ra9j0oaf0z] {
    flex: 1;
    background: #fff;
    padding: 28px 32px;
    overflow-y: auto;
}

.sgafn-form[b-ra9j0oaf0z] {
    max-width: 560px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sgafn-form-title[b-ra9j0oaf0z] {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 600;
    color: #0f172a;
}

.sgafn-field[b-ra9j0oaf0z] { display: flex; flex-direction: column; gap: 6px; }
.sgafn-field-row[b-ra9j0oaf0z] { display: flex; gap: 20px; }
.sgafn-field-check[b-ra9j0oaf0z] { padding: 6px 0; }

.sgafn-label[b-ra9j0oaf0z] {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sgafn-error[b-ra9j0oaf0z] {
    padding: 10px 14px;
    background: #fef2f2;
    border-left: 3px solid #dc2626;
    border-radius: 4px;
    color: #991b1b;
    font-size: 13px;
}

.sgafn-actions[b-ra9j0oaf0z] {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

/* ── Botões ──────────────────────────────────────────────────── */
.sgafn-btn-primary[b-ra9j0oaf0z] {
    background: #0851a3 !important;
    color: #fff !important;
    border-color: #0851a3 !important;
}
.sgafn-btn-primary:hover[b-ra9j0oaf0z] { background: #063c7a !important; }
.sgafn-btn-primary span[b-ra9j0oaf0z] { color: #fff !important; }
.sgafn-btn-primary span[class*="icon-"][b-ra9j0oaf0z]::before { color: #fff !important; }

.sgafn-btn-ghost[b-ra9j0oaf0z] {
    background: #fff !important;
    color: #475569 !important;
    border: 1px solid #cbd5e1 !important;
}
.sgafn-btn-ghost:hover[b-ra9j0oaf0z] { background: #f1f5f9 !important; }

/* ── Etapa processando ───────────────────────────────────────── */
.sgafn-processing[b-ra9j0oaf0z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 60vh;
    gap: 20px;
}

.sgafn-spinner[b-ra9j0oaf0z] {
    width: 56px;
    height: 56px;
    border: 4px solid #e2e8f0;
    border-top-color: #0851a3;
    border-radius: 50%;
    animation: sgafn-spin-b-ra9j0oaf0z 0.8s linear infinite;
}

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

.sgafn-processing-text[b-ra9j0oaf0z] {
    font-size: 15px;
    font-weight: 500;
    color: #334155;
}

.sgafn-progress-bar[b-ra9j0oaf0z] {
    width: 320px;
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
}

.sgafn-progress-bar-fill[b-ra9j0oaf0z] {
    height: 100%;
    background: linear-gradient(90deg, #0851a3, #3b82f6);
    transition: width 0.2s;
}

.sgafn-progress-detail[b-ra9j0oaf0z] {
    font-size: 12px;
    color: #64748b;
}

/* ── Etapa resultado ─────────────────────────────────────────── */
.sgafn-result[b-ra9j0oaf0z] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sgafn-result-header[b-ra9j0oaf0z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sgafn-result-actions[b-ra9j0oaf0z] {
    display: flex;
    gap: 8px;
}

.sgafn-empty[b-ra9j0oaf0z] {
    padding: 48px;
    text-align: center;
    color: #64748b;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
}

/* ── Coloração das linhas do grid por status ─────────────────── */
[b-ra9j0oaf0z] .sgafn-row-ok     { background: rgba(16, 185, 129, 0.05); }
[b-ra9j0oaf0z] .sgafn-row-warn   { background: rgba(245, 158, 11, 0.10); }
[b-ra9j0oaf0z] .sgafn-row-danger { background: rgba(220, 38, 38, 0.12); }
[b-ra9j0oaf0z] .sgafn-row-error  { background: rgba(100, 116, 139, 0.15); font-style: italic; }

.sgafn-diag-error[b-ra9j0oaf0z] {
    background: #fef2f2;
    border-left: 3px solid #dc2626;
    padding: 10px 14px;
    margin-bottom: 12px;
    color: #991b1b;
    font-size: 12px;
    text-align: left;
    border-radius: 4px;
}

.sgafn-diag[b-ra9j0oaf0z] {
    margin-top: 10px;
    text-align: left;
}

.sgafn-diag summary[b-ra9j0oaf0z] {
    cursor: pointer;
    font-size: 12px;
    color: #475569;
    padding: 4px 0;
}

.sgafn-diag pre[b-ra9j0oaf0z] {
    background: #0f172a;
    color: #e2e8f0;
    font-family: 'Courier New', monospace;
    font-size: 11px;
    padding: 12px;
    border-radius: 6px;
    overflow-x: auto;
    margin-top: 6px;
}

.sgafn-diag-results[b-ra9j0oaf0z] {
    margin-top: 14px;
    text-align: left;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 10px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sgafn-diag-row[b-ra9j0oaf0z] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 12px;
    align-items: center;
}

.sgafn-diag-label[b-ra9j0oaf0z] {
    color: #475569;
    flex: 1;
}

.sgafn-diag-value[b-ra9j0oaf0z] {
    font-family: 'Courier New', monospace;
    font-weight: 600;
    color: #0f172a;
    background: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.sgafn-diag-err[b-ra9j0oaf0z] {
    color: #991b1b !important;
    background: #fef2f2 !important;
    border-color: #fecaca !important;
}

.sgafn-banner-info[b-ra9j0oaf0z] {
    display: flex;
    gap: 12px;
    padding: 14px 16px;
    background: linear-gradient(90deg, #ecfdf5 0%, #f0fdf4 100%);
    border: 1px solid #86efac;
    border-left: 4px solid #10b981;
    border-radius: 6px;
    align-items: flex-start;
}
.sgafn-banner-info > span[class*="icon-"][b-ra9j0oaf0z]::before { color: #10b981; font-size: 20px; }

.sgafn-fieldset[b-ra9j0oaf0z] { border: 0; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 20px; }
.sgafn-fieldset[disabled][b-ra9j0oaf0z] { opacity: 0.5; }
/* /Components/Processamento/BaixarNfseLote.razor.rz.scp.css */
/* ══════════ Baixar NFS-e em Lote — prefixo sgnfse ══════════ */
.sgnfse-container[b-i645cqgvxc] {
    min-height: 100vh;
    background: var(--color-sf-content-bg-color-alt1, #f8fafc);
}
.sgnfse-wizard[b-i645cqgvxc] {
    display: grid;
    grid-template-columns: 320px 1fr;
    min-height: 100vh;
}

/* ─── Painel esquerdo (navegação) ─── */
.sgnfse-left[b-i645cqgvxc] {
    background: #1e293b;
    color: #e2e8f0;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.sgnfse-header[b-i645cqgvxc] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.sgnfse-header-icon[b-i645cqgvxc] {
    font-size: 32px;
    color: #38bdf8;
}
.sgnfse-title[b-i645cqgvxc] {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: .01em;
}
.sgnfse-subtitle[b-i645cqgvxc] {
    font-size: 0.72rem;
    color: #94a3b8;
    margin-top: 2px;
}

.sgnfse-steps[b-i645cqgvxc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.sgnfse-step[b-i645cqgvxc] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 10px;
    border-radius: 8px;
    transition: background .2s;
}
.sgnfse-step-num[b-i645cqgvxc] {
    width: 30px; height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.82rem;
    background: rgba(255,255,255,.08);
    color: #94a3b8;
    flex-shrink: 0;
}
.sgnfse-step--active[b-i645cqgvxc] { background: rgba(56,189,248,.12); }
.sgnfse-step--active .sgnfse-step-num[b-i645cqgvxc] {
    background: #38bdf8;
    color: #0f172a;
}
.sgnfse-step--done .sgnfse-step-num[b-i645cqgvxc] {
    background: #10b981;
    color: #fff;
}
.sgnfse-step-title[b-i645cqgvxc] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #f1f5f9;
}
.sgnfse-step-desc[b-i645cqgvxc] {
    font-size: 0.68rem;
    color: #94a3b8;
    margin-top: 2px;
}

.sgnfse-tenant[b-i645cqgvxc] {
    margin-top: auto;
    display: flex;
    gap: 10px;
    padding: 12px;
    background: rgba(255,255,255,.04);
    border-radius: 8px;
    font-size: 0.72rem;
    color: #cbd5e1;
}
.sgnfse-tenant-name[b-i645cqgvxc] {
    font-weight: 600;
    color: #f1f5f9;
    font-size: 0.76rem;
}
.sgnfse-tenant-dom[b-i645cqgvxc] {
    color: #94a3b8;
    font-size: 0.66rem;
    margin-top: 2px;
}

/* ─── Painel direito (conteúdo) ─── */
.sgnfse-right[b-i645cqgvxc] {
    padding: 32px 36px;
    overflow-y: auto;
}
.sgnfse-panel[b-i645cqgvxc] {
    background: var(--color-sf-content-bg-color, #fff);
    border-radius: 10px;
    padding: 28px 30px;
    box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.04);
    width: 100%;
}
.sgnfse-panel-head[b-i645cqgvxc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
}
.sgnfse-panel-title[b-i645cqgvxc] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color, #1e293b);
    margin: 0 0 6px;
}
.sgnfse-panel-desc[b-i645cqgvxc] {
    font-size: 0.85rem;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    margin: 0 0 20px;
}

/* ─── Formulário de filtros ─── */
.sgnfse-form-grid[b-i645cqgvxc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}
.sgnfse-field[b-i645cqgvxc] { display: flex; flex-direction: column; gap: 6px; }
.sgnfse-field-wide[b-i645cqgvxc] { grid-column: span 3; }
.sgnfse-field label[b-i645cqgvxc] {
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1, #475569);
    text-transform: uppercase;
    letter-spacing: .02em;
}
.sgnfse-hint[b-i645cqgvxc] {
    font-size: 0.7rem;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    font-style: italic;
}

.sgnfse-alert[b-i645cqgvxc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 0.85rem;
    margin: 12px 0;
}
.sgnfse-alert--error[b-i645cqgvxc] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.sgnfse-actions[b-i645cqgvxc] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 20px;
}
.sgnfse-btn[b-i645cqgvxc] {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 8px 18px !important;
    font-size: 0.85rem !important;
    font-weight: 500;
    border-radius: 6px !important;
}
.sgnfse-btn--ghost[b-i645cqgvxc] {
    background: transparent !important;
    color: var(--color-sf-content-text-color-alt1, #64748b) !important;
    border: 1px solid var(--color-sf-border, #e2e8f0) !important;
}

/* ─── Grid de resultados ─── */
.sgnfse-grid-wrap[b-i645cqgvxc] {
    border: 1px solid var(--color-sf-border, #e2e8f0);
    border-radius: 8px;
    overflow: hidden;
    max-height: 55vh;
    overflow-y: auto;
}
.sgnfse-grid[b-i645cqgvxc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.84rem;
}
.sgnfse-grid thead th[b-i645cqgvxc] {
    position: sticky;
    top: 0;
    background: var(--color-sf-content-bg-color-alt1, #f8fafc);
    padding: 10px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 0.75rem;
    color: var(--color-sf-content-text-color-alt1, #475569);
    text-transform: uppercase;
    letter-spacing: .03em;
    border-bottom: 2px solid var(--color-sf-border, #e2e8f0);
}
.sgnfse-grid tbody td[b-i645cqgvxc] {
    padding: 8px 12px;
    border-bottom: 1px solid var(--color-sf-border-light, #f1f5f9);
}
.sgnfse-grid tbody tr:hover[b-i645cqgvxc] { background: var(--color-sf-content-bg-color-alt1, #f8fafc); }
.sgnfse-row--disabled[b-i645cqgvxc] { opacity: 0.5; }
.sgnfse-cell-clip[b-i645cqgvxc] {
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sgnfse-chip[b-i645cqgvxc] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: .03em;
}
.sgnfse-chip--ok[b-i645cqgvxc] {
    background: #dcfce7;
    color: #166534;
}
.sgnfse-chip--warn[b-i645cqgvxc] {
    background: #fef3c7;
    color: #92400e;
}
.sgnfse-chip--no[b-i645cqgvxc] {
    background: var(--color-sf-content-bg-color-alt1, #f1f5f9);
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
}

.sgnfse-empty[b-i645cqgvxc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 60px 20px;
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    font-size: 0.9rem;
}
.sgnfse-empty span[b-i645cqgvxc] {
    font-size: 48px;
    color: var(--color-sf-content-text-color-alt1, #cbd5e1);
}

/* ─── Progresso ─── */
.sgnfse-progress-big[b-i645cqgvxc] {
    background: var(--color-sf-content-bg-color-alt1, #f8fafc);
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}
.sgnfse-progress-big-track[b-i645cqgvxc] {
    height: 10px;
    background: var(--color-sf-border, #e2e8f0);
    border-radius: 5px;
    overflow: hidden;
}
.sgnfse-progress-big-fill[b-i645cqgvxc] {
    height: 100%;
    background: linear-gradient(90deg, #38bdf8, #0ea5e9);
    transition: width .3s ease-out;
}
.sgnfse-progress-big-meta[b-i645cqgvxc] {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color-alt1, #475569);
}
.sgnfse-progress-big-current[b-i645cqgvxc] {
    margin-top: 12px;
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    font-family: monospace;
    min-height: 20px;
}

.sgnfse-progress-stats[b-i645cqgvxc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 20px;
}
.sgnfse-stat[b-i645cqgvxc] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 8px;
    background: var(--color-sf-content-bg-color-alt1, #f8fafc);
}
.sgnfse-stat span[b-i645cqgvxc] { font-size: 28px; }
.sgnfse-stat--ok   span[b-i645cqgvxc] { color: #10b981; }
.sgnfse-stat--fail span[b-i645cqgvxc] { color: #ef4444; }
.sgnfse-stat-num[b-i645cqgvxc] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color, #1e293b);
}
.sgnfse-stat-label[b-i645cqgvxc] {
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    text-transform: uppercase;
    letter-spacing: .03em;
}

/* ─── Concluído ─── */
.sgnfse-done[b-i645cqgvxc] {
    text-align: center;
    padding: 32px 20px;
}
.sgnfse-done-icon[b-i645cqgvxc] {
    font-size: 64px;
    color: #10b981;
}
.sgnfse-done-title[b-i645cqgvxc] {
    font-size: 1.4rem;
    font-weight: 700;
    margin: 16px 0 8px;
    color: var(--color-sf-content-text-color, #1e293b);
}
.sgnfse-done-msg[b-i645cqgvxc] {
    font-size: 0.92rem;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    margin: 0;
}
.sgnfse-done-stats[b-i645cqgvxc] {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 20px;
    font-size: 0.9rem;
}
.sgnfse-done-stats-fail[b-i645cqgvxc] { color: #ef4444; }
.sgnfse-erros[b-i645cqgvxc] {
    margin-top: 20px;
    background: var(--color-sf-content-bg-color-alt1, #f8fafc);
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 0.82rem;
}
.sgnfse-erros summary[b-i645cqgvxc] {
    cursor: pointer;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #64748b);
}
.sgnfse-erros ul[b-i645cqgvxc] { margin: 10px 0 0; padding-left: 20px; }
.sgnfse-erros li[b-i645cqgvxc] { margin: 4px 0; }
/* /Components/Processamento/ExecutaSP.razor.rz.scp.css */
/* ============================================================
   ExecutaSP — Processamento genérico (SP sobre N chaves)
   Prefixo CSS: sgexe-
   Padrão: Wizard com stepper lateral (mesmo padrão AuditoriaFaturamentoNF)
   ============================================================ */

.sgexe-container[b-837p30p9zy] {
    width: 100%;
    height: 100%;
    background: #f4f6f8;
}

.sgexe-wizard[b-837p30p9zy] {
    display: flex;
    height: 100%;
    min-height: 600px;
}

.sgexe-empty-state[b-837p30p9zy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 60px 20px;
    height: 100%;
}

/* ── Painel esquerdo (stepper) ─────────────────────── */
.sgexe-left[b-837p30p9zy] {
    width: 280px;
    background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
    color: #e2e8f0;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-shrink: 0;
}

.sgexe-progress-track[b-837p30p9zy] {
    height: 4px;
    background: rgba(148, 163, 184, 0.2);
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 12px;
}

.sgexe-progress-fill[b-837p30p9zy] {
    height: 100%;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    transition: width 0.3s ease;
}

.sgexe-step[b-837p30p9zy] {
    display: flex;
    gap: 12px;
    padding: 10px 8px;
    border-radius: 8px;
    transition: background 0.2s;
}

.sgexe-step-active[b-837p30p9zy] { background: rgba(59, 130, 246, 0.15); }
.sgexe-step-done[b-837p30p9zy]   { opacity: 0.7; }

.sgexe-step-circle[b-837p30p9zy] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(148, 163, 184, 0.2);
    color: #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    flex-shrink: 0;
}

.sgexe-step-active .sgexe-step-circle[b-837p30p9zy] {
    background: #3b82f6;
    color: #fff;
}

.sgexe-step-done .sgexe-step-circle[b-837p30p9zy] {
    background: #10b981;
    color: #fff;
}

.sgexe-step-content[b-837p30p9zy] { flex: 1; min-width: 0; }
.sgexe-step-title[b-837p30p9zy] { font-size: 13px; font-weight: 600; color: #f1f5f9; }
.sgexe-step-sub[b-837p30p9zy]   { font-size: 11px; color: #94a3b8; margin-top: 2px; }

/* Summary no fim do stepper */
.sgexe-summary[b-837p30p9zy] {
    margin-top: auto;
    padding: 14px;
    background: rgba(15, 23, 42, 0.5);
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sgexe-summary-row[b-837p30p9zy] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.sgexe-summary-label[b-837p30p9zy] { color: #94a3b8; }
.sgexe-summary-value[b-837p30p9zy] { color: #f1f5f9; font-weight: 700; }
.sgexe-summary-ok[b-837p30p9zy]   { color: #10b981 !important; }
.sgexe-summary-err[b-837p30p9zy]  { color: #f87171 !important; }

.sgexe-summary-progress[b-837p30p9zy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 4px;
}

.sgexe-progress-bar[b-837p30p9zy] {
    height: 6px;
    background: rgba(148, 163, 184, 0.2);
    border-radius: 3px;
    overflow: hidden;
}

.sgexe-progress-bar-fill[b-837p30p9zy] {
    height: 100%;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    transition: width 0.3s ease;
}

.sgexe-summary-pct[b-837p30p9zy] {
    font-size: 11px;
    color: #94a3b8;
    text-align: right;
}

/* ── Painel direito ──────────────────────────────── */
.sgexe-right[b-837p30p9zy] {
    flex: 1;
    background: #fff;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sgexe-header[b-837p30p9zy] {
    padding: 18px 28px;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.sgexe-header-info[b-837p30p9zy] { flex: 1; min-width: 0; }

.sgexe-sp-name[b-837p30p9zy] {
    font-family: 'Courier New', monospace;
    font-weight: 600;
    font-size: 14px;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgexe-sp-detail[b-837p30p9zy] {
    font-size: 12px;
    color: #64748b;
    margin-top: 4px;
}

.sgexe-content[b-837p30p9zy] {
    flex: 1;
    padding: 20px 28px;
    overflow-y: auto;
    min-height: 0;
}

/* Banners */
.sgexe-preview-loading[b-837p30p9zy] {
    padding: 10px 14px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 12px;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 14px;
}

.sgexe-error-banner[b-837p30p9zy],
.sgexe-success-banner[b-837p30p9zy] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 500;
}

.sgexe-error-banner[b-837p30p9zy] {
    background: #fef2f2;
    border-left: 3px solid #dc2626;
    color: #991b1b;
}
.sgexe-error-banner span[class*="icon-"][b-837p30p9zy]::before { color: #dc2626; font-size: 20px; }

.sgexe-success-banner[b-837p30p9zy] {
    background: #f0fdf4;
    border-left: 3px solid #10b981;
    color: #166534;
}

/* ── Animated checkmark ────────────────────────── */
.sgexe-check-anim[b-837p30p9zy] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}

.sgexe-check-anim svg[b-837p30p9zy] {
    width: 36px;
    height: 36px;
}

.sgexe-check-circle[b-837p30p9zy] {
    stroke: #10b981;
    stroke-width: 2.5;
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-linecap: round;
    animation: sgexe-circle-draw-b-837p30p9zy 0.6s ease-in-out forwards;
}

.sgexe-check-path[b-837p30p9zy] {
    stroke: #10b981;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: sgexe-check-draw-b-837p30p9zy 0.3s 0.5s ease-in-out forwards;
}

@keyframes sgexe-circle-draw-b-837p30p9zy {
    to { stroke-dashoffset: 0; }
}

@keyframes sgexe-check-draw-b-837p30p9zy {
    to { stroke-dashoffset: 0; }
}

/* ── Tabela ──────────────────────────────────────── */
.sgexe-list-wrap[b-837p30p9zy] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}

.sgexe-list[b-837p30p9zy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.sgexe-list thead th[b-837p30p9zy] {
    background: #f8fafc;
    color: #475569;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 10.5px;
    padding: 10px 14px;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
    white-space: nowrap;
}

.sgexe-list tbody td[b-837p30p9zy] {
    padding: 10px 14px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.sgexe-row:last-child td[b-837p30p9zy] { border-bottom: 0; }

.sgexe-row--pending[b-837p30p9zy]   { background: #fff; color: #94a3b8; }
.sgexe-row--running[b-837p30p9zy]   { background: #eff6ff; color: #1e40af; animation: sgexe-pulse-b-837p30p9zy 1.2s infinite; }
.sgexe-row--ok[b-837p30p9zy]        { background: #f0fdf4; color: #166534; }
.sgexe-row--error[b-837p30p9zy]     { background: #fef2f2; color: #991b1b; }

@keyframes sgexe-pulse-b-837p30p9zy {
    0%, 100% { background: #eff6ff; }
    50%      { background: #dbeafe; }
}

.sgexe-row-idx[b-837p30p9zy] {
    color: #94a3b8;
    font-size: 11px;
    text-align: center;
}

.sgexe-row-pk[b-837p30p9zy] {
    font-family: 'Courier New', monospace;
    font-weight: 600;
    color: #0f172a;
}

.sgexe-row--pending .sgexe-row-pk[b-837p30p9zy] { color: #64748b; }

.sgexe-row-cell[b-837p30p9zy] {
    font-size: 13px;
    color: #334155;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}

.sgexe-row--pending .sgexe-row-cell[b-837p30p9zy] { color: #64748b; }

.sgexe-row-status[b-837p30p9zy] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    white-space: nowrap;
}

.sgexe-status-icon[b-837p30p9zy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 13px;
    flex-shrink: 0;
}

.sgexe-row--pending .sgexe-status-icon[b-837p30p9zy] { background: #f1f5f9; color: #94a3b8; }
.sgexe-row--running .sgexe-status-icon[b-837p30p9zy] { background: #dbeafe; color: #1e40af; }
.sgexe-row--ok .sgexe-status-icon[b-837p30p9zy]      { background: #bbf7d0; color: #166534; }
.sgexe-row--error .sgexe-status-icon[b-837p30p9zy]   { background: #fecaca; color: #991b1b; }

.sgexe-row-msg[b-837p30p9zy] {
    font-family: 'Courier New', monospace;
    font-size: 11.5px;
    color: #991b1b;
    word-break: break-word;
    max-width: 360px;
}

.sgexe-row--ok .sgexe-row-msg[b-837p30p9zy] { color: #166534; }

/* ── Rodapé ──────────────────────────────────────── */
.sgexe-footer[b-837p30p9zy] {
    padding: 14px 28px;
    border-top: 1px solid #e2e8f0;
    background: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.sgexe-footer-status[b-837p30p9zy] {
    font-size: 13px;
    color: #64748b;
    font-style: italic;
}

.sgexe-btn-primary[b-837p30p9zy] {
    background: #0851a3 !important;
    color: #fff !important;
    border-color: #0851a3 !important;
}
.sgexe-btn-primary:hover:not(:disabled)[b-837p30p9zy] { background: #063c7a !important; }
.sgexe-btn-primary:disabled[b-837p30p9zy] { opacity: 0.55; cursor: not-allowed; }
.sgexe-btn-primary span[b-837p30p9zy] { color: #fff !important; }
.sgexe-btn-primary span[class*="icon-"][b-837p30p9zy]::before { color: #fff !important; }

.sgexe-btn-ghost[b-837p30p9zy] {
    background: #fff !important;
    color: #475569 !important;
    border: 1px solid #cbd5e1 !important;
}
.sgexe-btn-ghost:hover[b-837p30p9zy] { background: #f1f5f9 !important; }
/* /Components/Processamento/FaturamentoEntrega.razor.rz.scp.css */
/* ============================================================
   FaturamentoEntrega — Prefixo: sgfat-
   Design: Premium wizard com stepper customizado
   Paleta: Azul primário do Syncfusion Fluent 2
   ============================================================ */

.sgfat-container[b-j0cah4rrrt] {
    --sgfat-accent:       var(--color-sf-primary, #0078d4);
    --sgfat-accent-light: color-mix(in srgb, var(--color-sf-primary) 70%, #fff);
    --sgfat-success:      var(--color-sf-success, #107c10);
    --sgfat-danger:       var(--color-sf-danger, #d83b01);
    --sgfat-nf:           #0078d4;
    --sgfat-recibo:       #107c10;
    --sgfat-nd:           #c47a00;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* ── Wizard layout ───────────────────────────────────────── */
.sgfat-wizard[b-j0cah4rrrt] {
    display: flex;
    height: 100%;
    min-height: 400px;
    flex: 1;
    overflow: hidden;
}

/* ══════════ PAINEL ESQUERDO ══════════ */
.sgfat-left[b-j0cah4rrrt] {
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    background: linear-gradient(180deg, #0a0f1a 0%, #0d1525 45%, #111d30 100%);
    display: flex;
    flex-direction: column;
    border-radius: 0;
    overflow: hidden;
    position: relative;
}

/* Ponto de luz sutil no canto superior */
.sgfat-left[b-j0cah4rrrt]::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(0, 120, 212, 0.15) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.sgfat-left[b-j0cah4rrrt]::after {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 1px; height: 100%;
    background: linear-gradient(180deg, transparent 0%, rgba(0,120,212,0.30) 30%, rgba(0,120,212,0.15) 70%, transparent 100%);
    z-index: 1;
}

/* ── Progress bar topo ── */
.sgfat-progress-track[b-j0cah4rrrt] { height: 3px; background: rgba(255,255,255,0.06); z-index: 2; flex-shrink: 0; }
.sgfat-progress-fill[b-j0cah4rrrt] {
    height: 100%;
    background: linear-gradient(90deg, var(--sgfat-accent) 0%, var(--sgfat-accent-light) 100%);
    transition: width 0.5s cubic-bezier(0.4,0,0.2,1);
    box-shadow: 0 0 8px color-mix(in srgb, var(--sgfat-accent) 60%, transparent);
}

/* ── Header esquerdo ── */
.sgfat-left-header[b-j0cah4rrrt] {
    position: relative; z-index: 2;
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    display: flex; align-items: center; gap: 12px;
    flex-shrink: 0;
}
.sgfat-left-icon-wrap[b-j0cah4rrrt] {
    width: 40px; height: 40px; border-radius: 10px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--sgfat-accent) 25%, transparent), color-mix(in srgb, var(--sgfat-accent) 10%, transparent));
    border: 1px solid color-mix(in srgb, var(--sgfat-accent) 35%, transparent);
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    box-shadow: 0 0 12px color-mix(in srgb, var(--sgfat-accent) 20%, transparent);
}
.sgfat-left-icon-wrap span[b-j0cah4rrrt] { color: var(--sgfat-accent-light) !important; font-size: 18px; }
.sgfat-left-icon-wrap span[b-j0cah4rrrt]::before { color: var(--sgfat-accent-light) !important; }
.sgfat-left-heading[b-j0cah4rrrt] { display: flex; flex-direction: column; gap: 2px; }
.sgfat-left-title[b-j0cah4rrrt] { font-size: 0.8rem; font-weight: 700; color: #d1e4f5; margin: 0; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; }
.sgfat-left-sub[b-j0cah4rrrt] { font-size: 0.69rem; color: rgba(255,255,255,0.38); margin: 0; }

/* ── Steps ── */
.sgfat-steps[b-j0cah4rrrt] { position: relative; z-index: 2; flex: 1; padding: 20px 12px 16px; display: flex; flex-direction: column; gap: 0; overflow-y: auto; min-height: 0; }
.sgfat-step-card[b-j0cah4rrrt] { position: relative; display: flex; align-items: center; gap: 12px; padding: 10px 10px 10px 10px; border-radius: 10px; transition: background 0.25s, box-shadow 0.25s; cursor: default; overflow: hidden; }

/* Pending */
.sgfat-step-card--pending .sgfat-step-indicator[b-j0cah4rrrt] { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.10); }
.sgfat-step-card--pending .sgfat-step-num[b-j0cah4rrrt] { color: rgba(255,255,255,0.25); }
.sgfat-step-card--pending .sgfat-step-card-title[b-j0cah4rrrt] { color: rgba(255,255,255,0.30); }
.sgfat-step-card--pending .sgfat-step-card-desc[b-j0cah4rrrt] { color: rgba(255,255,255,0.18); }

/* Active */
.sgfat-step-card--active[b-j0cah4rrrt] { background: color-mix(in srgb, var(--sgfat-accent) 8%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sgfat-accent) 20%, transparent); }
.sgfat-step-card--active .sgfat-step-indicator[b-j0cah4rrrt] { background: linear-gradient(135deg, var(--sgfat-accent), color-mix(in srgb, var(--sgfat-accent) 80%, #000)); border-color: var(--sgfat-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sgfat-accent) 20%, transparent), 0 0 16px color-mix(in srgb, var(--sgfat-accent) 35%, transparent); animation: sgfat-pulse-b-j0cah4rrrt 2s ease-in-out infinite; }
.sgfat-step-card--active .sgfat-step-num[b-j0cah4rrrt] { color: #fff; }
.sgfat-step-card--active .sgfat-step-card-title[b-j0cah4rrrt] { color: #d1e4f5; font-weight: 600; }
.sgfat-step-card--active .sgfat-step-card-desc[b-j0cah4rrrt] { color: rgba(180,210,240,0.65); }

/* Done */
.sgfat-step-card--done[b-j0cah4rrrt] { background: color-mix(in srgb, var(--sgfat-accent) 5%, transparent); }
.sgfat-step-card--done .sgfat-step-indicator[b-j0cah4rrrt] { background: color-mix(in srgb, var(--sgfat-accent) 15%, transparent); border-color: color-mix(in srgb, var(--sgfat-accent) 40%, transparent); }
.sgfat-step-card--done .sgfat-check-path[b-j0cah4rrrt] { color: var(--sgfat-accent-light); stroke-dasharray: 30; stroke-dashoffset: 0; animation: sgfat-draw-check-b-j0cah4rrrt 0.45s ease-out forwards; }
.sgfat-step-card--done .sgfat-step-card-title[b-j0cah4rrrt] { color: rgba(255,255,255,0.55); }
.sgfat-step-card--done .sgfat-step-card-desc[b-j0cah4rrrt] { color: rgba(255,255,255,0.28); }

/* Success */
.sgfat-step-card--success[b-j0cah4rrrt] { background: color-mix(in srgb, var(--sgfat-success) 10%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sgfat-success) 25%, transparent); }
.sgfat-step-card--success .sgfat-step-indicator[b-j0cah4rrrt] { background: linear-gradient(135deg, var(--sgfat-success), color-mix(in srgb, var(--sgfat-success) 70%, #000)); border-color: var(--sgfat-success); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sgfat-success) 20%, transparent), 0 0 16px color-mix(in srgb, var(--sgfat-success) 40%, transparent); }
.sgfat-step-card--success .sgfat-check-path[b-j0cah4rrrt] { color: #fff; stroke: #fff; }
.sgfat-step-card--success .sgfat-step-card-title[b-j0cah4rrrt] { color: #a7f3d0; font-weight: 600; }
.sgfat-step-card--success .sgfat-step-card-desc[b-j0cah4rrrt] { color: rgba(167,243,208,0.60); }

.sgfat-step-active-bar[b-j0cah4rrrt] { position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; border-radius: 0 2px 2px 0; background: linear-gradient(180deg, var(--sgfat-accent-light), var(--sgfat-accent)); box-shadow: 0 0 8px color-mix(in srgb, var(--sgfat-accent) 60%, transparent); }

/* Indicador circular */
.sgfat-step-indicator[b-j0cah4rrrt] { width: 32px; height: 32px; border-radius: 50%; border: 1.5px solid transparent; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s; }
.sgfat-step-num[b-j0cah4rrrt] { font-size: 0.75rem; font-weight: 700; line-height: 1; }
.sgfat-step-card-title[b-j0cah4rrrt] { font-size: 0.75rem; font-weight: 500; line-height: 1.2; }
.sgfat-step-card-desc[b-j0cah4rrrt] { font-size: 0.62rem; line-height: 1.3; margin-top: 2px; }

/* Connector */
.sgfat-step-connector[b-j0cah4rrrt] { position: relative; height: 18px; margin-left: 26px; width: 0; }
.sgfat-step-connector-line[b-j0cah4rrrt] { position: absolute; left: -0.75px; top: 0; width: 1.5px; height: 100%; background: rgba(255,255,255,0.08); transition: background 0.4s; }
.sgfat-step-connector-line--done[b-j0cah4rrrt] { background: color-mix(in srgb, var(--sgfat-accent) 40%, transparent); }

/* ══════════ PAINEL DIREITO ══════════ */
.sgfat-right[b-j0cah4rrrt] { flex: 1; display: flex; flex-direction: column; overflow: hidden; background: var(--color-sf-content-bg-color); }

/* ── Step header ── */
.sgfat-step-header[b-j0cah4rrrt] { display: flex; align-items: center; gap: 10px; padding: 16px 20px; border-bottom: 1px solid var(--color-sf-border-light); flex-shrink: 0; }
.sgfat-step-badge[b-j0cah4rrrt] { width: 28px; height: 28px; border-radius: 50%; background: var(--sgfat-accent); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 0.78rem; font-weight: 700; flex-shrink: 0; }
.sgfat-step-badge--success[b-j0cah4rrrt] { background: var(--sgfat-success); }
.sgfat-step-title[b-j0cah4rrrt] { font-size: 0.95rem; font-weight: 600; margin: 0; color: var(--color-sf-content-text-color); }
.sgfat-step-counter[b-j0cah4rrrt] { margin-left: auto; font-size: 0.78rem; font-weight: 600; color: var(--sgfat-accent); }

/* ── Etapa 0: Parâmetros ── */
.sgfat-param-area[b-j0cah4rrrt] { flex: 1; overflow-y: auto; padding: 24px; }
.sgfat-param-form[b-j0cah4rrrt] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; max-width: 720px; }
.sgfat-param-field[b-j0cah4rrrt] { display: flex; flex-direction: column; gap: 6px; }
.sgfat-param-field--full[b-j0cah4rrrt] { grid-column: 1 / -1; }
.sgfat-param-label[b-j0cah4rrrt] { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-sf-content-text-color-alt1); }

/* ── Switch iOS-style — ocupa a linha inteira abaixo dos demais campos ── */
.sgfat-param-field--check[b-j0cah4rrrt] { grid-column: 1 / -1; flex-direction: column; gap: 6px; margin-top: 8px; }

.sgfat-switch[b-j0cah4rrrt] { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; user-select: none; font-size: 0.875rem; position: relative; }
.sgfat-switch-input[b-j0cah4rrrt] {
    position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;
}
.sgfat-switch-track[b-j0cah4rrrt] {
    position: relative;
    width: 44px;
    height: 26px;
    background: #d1d5db;          /* off — cinza iOS */
    border-radius: 13px;
    transition: background-color .25s cubic-bezier(.4, 0, .2, 1);
    flex-shrink: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08);
}
.sgfat-switch-knob[b-j0cah4rrrt] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    box-shadow:
        0 2px 4px rgba(0, 0, 0, .12),
        0 1px 2px rgba(0, 0, 0, .08);
    transition: transform .25s cubic-bezier(.4, 0, .2, 1);
}
.sgfat-switch-input:checked + .sgfat-switch-track[b-j0cah4rrrt] {
    background: #34c759;          /* on — verde iOS */
}
.sgfat-switch-input:checked + .sgfat-switch-track .sgfat-switch-knob[b-j0cah4rrrt] {
    transform: translateX(18px);
}
.sgfat-switch-input:focus-visible + .sgfat-switch-track[b-j0cah4rrrt] {
    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, .08),
        0 0 0 3px rgba(52, 199, 89, .25);
}
.sgfat-switch:hover .sgfat-switch-track:not(:has(.sgfat-switch-input:checked))[b-j0cah4rrrt] {
    background: #c4c8ce;
}
.sgfat-switch-text[b-j0cah4rrrt] { font-weight: 600; color: var(--color-sf-content-text-color); }

.sgfat-param-hint[b-j0cah4rrrt] { font-size: 0.75rem; color: var(--color-sf-content-text-color-alt1); line-height: 1.45; padding-left: 56px; }
.sgfat-param-hint strong[b-j0cah4rrrt] { color: var(--color-sf-content-text-color); font-weight: 600; }

/* ── Busca por contrato/cliente no header da prévia ── */
.sgfat-search-box[b-j0cah4rrrt] {
    flex: 1;
    max-width: 480px;
    margin: 0 16px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-color);
    border-radius: 6px;
    padding: 4px 10px;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.sgfat-search-box:focus-within[b-j0cah4rrrt] {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .15);
}
.sgfat-search-icon[b-j0cah4rrrt] {
    color: var(--color-sf-content-text-color-alt1);
    font-size: 16px;
}
.sgfat-search-input[b-j0cah4rrrt] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.875rem;
    color: var(--color-sf-content-text-color);
    padding: 4px 0;
    min-width: 0;
}
.sgfat-search-clear[b-j0cah4rrrt] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 2px;
    color: var(--color-sf-content-text-color-alt1);
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
}
.sgfat-search-clear:hover[b-j0cah4rrrt] { background: var(--color-sf-content-bg-color-alt2); color: var(--color-sf-content-text-color); }
.sgfat-search-hits[b-j0cah4rrrt] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #2563eb;
    background: rgba(37, 99, 235, .1);
    padding: 2px 8px;
    border-radius: 10px;
    white-space: nowrap;
}

/* Marca a tab da faixa que tem resultado da busca */
.sgfat-faixa-tab-wrap--match .sgfat-faixa-tab[b-j0cah4rrrt] {
    box-shadow: 0 0 0 1.5px #2563eb inset;
}
.sgfat-faixa-match-dot[b-j0cah4rrrt] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2563eb;
    box-shadow: 0 0 4px rgba(37, 99, 235, .5);
    margin-left: 4px;
    flex-shrink: 0;
}

/* ── Etapa 1: KPI bar (arredondados, coloridos) ── */
/* ── KPI bar — padrão grid principal (balão único + separadores) ── */
.sgfat-kpi-bar[b-j0cah4rrrt] {
    display: flex;
    padding: 10px 16px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--color-sf-border-light);
}
.sgfat-kpi-group[b-j0cah4rrrt] {
    display: flex;
    align-items: center;
    gap: 0;
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 10px;
    padding: 6px 4px;
    width: fit-content;
}
.sgfat-kpi[b-j0cah4rrrt] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 4px 14px;
    border-left: 1px solid transparent;
}
.sgfat-kpi + .sgfat-kpi[b-j0cah4rrrt] {
    border-left-color: var(--color-sf-border-light);
}
.sgfat-kpi-label[b-j0cah4rrrt] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-sf-content-text-color-alt1);
}
.sgfat-kpi-value[b-j0cah4rrrt] {
    font-size: 0.94rem;
    font-weight: 600;
}
.sgfat-kpi-value--default[b-j0cah4rrrt] { color: var(--color-sf-content-text-color); }
.sgfat-kpi-sub[b-j0cah4rrrt] {
    font-size: 0.65rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #9ca3af);
    margin-top: 1px;
}
.sgfat-kpi-value--total[b-j0cah4rrrt]   { color: #168EFF; }
.sgfat-kpi-value--peso[b-j0cah4rrrt]    { color: #8764b8; }
.sgfat-kpi-value--nf[b-j0cah4rrrt]      { color: var(--sgfat-nf); }
.sgfat-kpi-value--recibo[b-j0cah4rrrt]  { color: var(--sgfat-recibo); }
.sgfat-kpi-value--nd[b-j0cah4rrrt]      { color: var(--sgfat-nd); }
.sgfat-kpi-value--liq[b-j0cah4rrrt]     { color: #107c10; font-weight: 800; }
.sgfat-kpi-value--sel[b-j0cah4rrrt]     { color: #5d36ff; }

/* ── KPI Contratos — barra de progresso ── */
.sgfat-kpi--contratos[b-j0cah4rrrt] {
    min-width: 110px;
}
.sgfat-kpi-bar-chart[b-j0cah4rrrt] {
    width: 100%;
    height: 5px;
    background: rgba(0,0,0,0.06);
    border-radius: 3px;
    margin-top: 4px;
    overflow: hidden;
}
:global(.e-dark-mode) .sgfat-kpi-bar-chart[b-j0cah4rrrt] {
    background: rgba(255,255,255,0.08);
}
.sgfat-kpi-bar-fill[b-j0cah4rrrt] {
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(90deg, #107c10, #5cb85c);
    transition: width 0.4s ease;
}
.sgfat-kpi-pct[b-j0cah4rrrt] {
    font-size: 0.62rem;
    font-weight: 500;
    color: #107c10;
    margin-top: 2px;
    letter-spacing: 0.02em;
}
:global(.e-dark-mode) .sgfat-kpi-pct[b-j0cah4rrrt] {
    color: #6ee76e;
}

/* ── Tabs por faixa ── */
.sgfat-tabs[b-j0cah4rrrt] { display: none; /* substituído por sgfat-faixa-nav */ }

/* Navegação de faixas com setas */
.sgfat-faixa-nav[b-j0cah4rrrt] {
    display: flex; align-items: stretch; gap: 0;
    border-bottom: 1px solid var(--color-sf-border-light, rgba(0,0,0,0.06));
    flex-shrink: 0;
    padding: 4px 0;
}
.sgfat-faixa-scroll[b-j0cah4rrrt] {
    flex: 1; display: flex; flex-wrap: nowrap;
    overflow-x: auto; overflow-y: hidden;
    gap: 2px 0;
    scrollbar-width: thin; scrollbar-color: var(--sgfat-accent, #0078d4) transparent;
}
.sgfat-faixa-scroll[b-j0cah4rrrt]::-webkit-scrollbar { height: 4px; }
.sgfat-faixa-scroll[b-j0cah4rrrt]::-webkit-scrollbar-thumb { background: var(--sgfat-accent, #0078d4); border-radius: 2px; }
.sgfat-faixa-scroll[b-j0cah4rrrt]::-webkit-scrollbar-track { background: transparent; }
.sgfat-faixa-tab[b-j0cah4rrrt] {
    display: flex; align-items: center; gap: 6px;
    flex-wrap: wrap;
    padding: 6px 14px; border: none; background: none;
    white-space: nowrap; cursor: pointer;
    font-size: 0.75rem; font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #6b7280);
    border-radius: 6px;
    transition: color 0.15s, background 0.15s;
    min-width: fit-content;
}
.sgfat-faixa-tab:hover[b-j0cah4rrrt] {
    background: rgba(0,120,212,0.06);
    color: var(--color-sf-content-text-color, #374151);
}
.sgfat-faixa-tab--active[b-j0cah4rrrt] {
    background: var(--sgfat-accent, #0078d4);
    color: #fff !important;
    font-weight: 700;
}
.sgfat-faixa-tab--active .sgfat-faixa-count[b-j0cah4rrrt] {
    background: rgba(255,255,255,0.25);
    color: #fff;
}
:global(.e-dark-mode) .sgfat-faixa-tab:hover[b-j0cah4rrrt] {
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.8);
}
:global(.e-dark-mode) .sgfat-faixa-tab--active[b-j0cah4rrrt] {
    background: var(--sgfat-accent, #0078d4);
    color: #fff !important;
}
.sgfat-faixa-tab-name[b-j0cah4rrrt] { font-size: inherit; }
.sgfat-faixa-arrow[b-j0cah4rrrt] {
    display: flex; align-items: center; justify-content: center;
    width: 28px; flex-shrink: 0; border: none;
    background: none; cursor: pointer;
    color: var(--color-sf-content-text-color-alt1, #6b7280);
    transition: background 0.15s, color 0.15s;
    flex-shrink: 0;
}
.sgfat-faixa-arrow:hover:not(:disabled)[b-j0cah4rrrt] { background: var(--color-sf-content-bg-color-alt1); color: var(--sgfat-accent, #0078d4); }
.sgfat-faixa-arrow:disabled[b-j0cah4rrrt] { opacity: 0.25; cursor: default; }
.sgfat-faixa-arrow span[b-j0cah4rrrt]::before { font-size: 16px; }

.sgfat-faixa-bar[b-j0cah4rrrt] {
    width: 100%;
    height: 3px;
    background: rgba(0,0,0,0.06);
    border-radius: 2px;
    overflow: hidden;
    margin-top: 2px;
}
.sgfat-faixa-tab--active .sgfat-faixa-bar[b-j0cah4rrrt] {
    background: rgba(255,255,255,0.2);
}
.sgfat-faixa-bar-fill[b-j0cah4rrrt] {
    height: 100%;
    border-radius: 2px;
    background: #f59e0b;
    transition: width 0.3s ease;
}
.sgfat-faixa-tab--active .sgfat-faixa-bar-fill[b-j0cah4rrrt] {
    background: rgba(255,255,255,0.7);
}
:global(.e-dark-mode) .sgfat-faixa-bar[b-j0cah4rrrt] {
    background: rgba(255,255,255,0.06);
}

.sgfat-faixa-ext[b-j0cah4rrrt] { color: #f59e0b; font-size: 12px; }
.sgfat-faixa-count[b-j0cah4rrrt] {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 22px; height: 18px; padding: 0 5px;
    border-radius: 9px; font-size: 0.62rem; font-weight: 600;
    background: rgba(0,0,0,0.06); color: var(--color-sf-content-text-color-alt1, #9ca3af);
}
:global(.e-dark-mode) .sgfat-faixa-count[b-j0cah4rrrt] {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.45);
}

.sgfat-tabs-legacy[b-j0cah4rrrt] {
    display: flex; gap: 0; flex-shrink: 0;
    border-bottom: 1px solid var(--color-sf-border-light);
    overflow-x: auto; padding: 0 12px;
}
.sgfat-tab[b-j0cah4rrrt] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 16px; border: none; background: none;
    font-size: 0.78rem; font-weight: 500; cursor: pointer;
    color: var(--color-sf-content-text-color-alt1);
    border-bottom: 2px solid transparent;
    transition: all 0.2s; white-space: nowrap;
}
.sgfat-tab:hover[b-j0cah4rrrt] { color: var(--color-sf-content-text-color); background: var(--color-sf-content-bg-color-alt1); }
.sgfat-tab--active[b-j0cah4rrrt] {
    color: var(--sgfat-accent); font-weight: 600;
    border-bottom-color: var(--sgfat-accent);
}
.sgfat-tab--empty[b-j0cah4rrrt] { opacity: 0.45; }
.sgfat-tab-count[b-j0cah4rrrt] {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 20px; height: 18px; padding: 0 5px;
    border-radius: 9px; font-size: 0.65rem; font-weight: 700;
    background: var(--color-sf-content-bg-color-alt1);
    color: var(--color-sf-content-text-color-alt1);
}
.sgfat-tab--active .sgfat-tab-count[b-j0cah4rrrt] {
    background: var(--sgfat-accent); color: #fff;
}

/* ── Balões de período (acima do grid) ── */
.sgfat-period-bar[b-j0cah4rrrt] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    flex-shrink: 0;
}
.sgfat-period-pill[b-j0cah4rrrt] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 6px;
    background: rgba(99,102,241,0.06);
    border: 1px solid rgba(99,102,241,0.12);
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1, #6b7280);
}
:global(.e-dark-mode) .sgfat-period-pill[b-j0cah4rrrt] {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.55);
}
.sgfat-period-pill span[class*="icon-"][b-j0cah4rrrt] {
    font-size: 0.78rem;
    opacity: 0.45;
}
.sgfat-period-label[b-j0cah4rrrt] {
    font-weight: 400;
    opacity: 0.65;
}
.sgfat-period-date[b-j0cah4rrrt] {
    font-weight: 600;
    color: var(--color-sf-content-text-color, #374151);
}
:global(.e-dark-mode) .sgfat-period-date[b-j0cah4rrrt] {
    color: rgba(255,255,255,0.75);
}
.sgfat-period-arrow[b-j0cah4rrrt] {
    font-size: 0.8rem;
    color: var(--color-sf-content-text-color-alt1);
    opacity: 0.5;
}

/* ── Abas Elegíveis / Não Elegíveis ── */
.sgfat-elegibilidade-tabs[b-j0cah4rrrt] {
    display: flex;
    gap: 2px;
    padding: 0 14px;
    flex-shrink: 0;
}
.sgfat-eleg-tab[b-j0cah4rrrt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #6b7280);
    cursor: pointer;
    transition: all 0.15s ease;
}
.sgfat-eleg-tab:hover[b-j0cah4rrrt] {
    color: var(--sgfat-accent);
    background: rgba(0,120,212,0.04);
}
.sgfat-eleg-tab--active[b-j0cah4rrrt] {
    color: var(--sgfat-accent);
    border-bottom-color: var(--sgfat-accent);
    font-weight: 600;
}
.sgfat-eleg-tab span[class*="icon-"][b-j0cah4rrrt] {
    font-size: 0.85rem;
}
.sgfat-eleg-count[b-j0cah4rrrt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 6px;
    border-radius: 9px;
    background: rgba(0,120,212,0.08);
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--sgfat-accent);
}
.sgfat-eleg-count--warn[b-j0cah4rrrt] {
    background: rgba(216,59,1,0.08);
    color: var(--sgfat-danger);
}
:global(.e-dark-mode) .sgfat-eleg-tab[b-j0cah4rrrt] {
    color: rgba(255,255,255,0.5);
}
:global(.e-dark-mode) .sgfat-eleg-tab--active[b-j0cah4rrrt] {
    color: #60a5fa;
    border-bottom-color: #60a5fa;
}
:global(.e-dark-mode) .sgfat-eleg-count[b-j0cah4rrrt] {
    background: rgba(96,165,250,0.12);
    color: #60a5fa;
}
:global(.e-dark-mode) .sgfat-eleg-count--warn[b-j0cah4rrrt] {
    background: rgba(248,113,113,0.12);
    color: #f87171;
}

/* ── Motivo não elegível (grid) ── */
.sgfat-motivo[b-j0cah4rrrt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
}
.sgfat-motivo-icon--ok[b-j0cah4rrrt] { color: #107c10; }
.sgfat-motivo-icon--err[b-j0cah4rrrt] { color: #dc2626; }
.sgfat-motivo-icon--warn[b-j0cah4rrrt] { color: #f59e0b; }
.sgfat-motivo-icon--info[b-j0cah4rrrt] { color: #6b7280; }

/* ── Badge de status do histórico (painel lateral) ── */
.sgfat-hist-status-pill[b-j0cah4rrrt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.72rem;
    font-weight: 600;
    margin-bottom: 8px;
}
.sgfat-hist-status-dot[b-j0cah4rrrt] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}
.sgfat-hist-status-pill--faturado[b-j0cah4rrrt] {
    background: #e6f4ea;
    color: #107c10;
    border: 1px solid #b7e1c3;
}
.sgfat-hist-status-pill--faturado .sgfat-hist-status-dot[b-j0cah4rrrt] { background: #107c10; }
.sgfat-hist-status-pill--ativo[b-j0cah4rrrt] {
    background: #e8f0fe;
    color: #0078d4;
    border: 1px solid #c3d9f7;
}
.sgfat-hist-status-pill--ativo .sgfat-hist-status-dot[b-j0cah4rrrt] { background: #0078d4; }
.sgfat-hist-status-pill--novo[b-j0cah4rrrt] {
    background: #f5f5f5;
    color: #8a919a;
    border: 1px solid #e0e0e0;
}
.sgfat-hist-status-pill--novo .sgfat-hist-status-dot[b-j0cah4rrrt] { background: #8a919a; }

/* ── OBS triângulo vermelho ── */
.sgfat-obs-flag[b-j0cah4rrrt] {
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%;
}
.sgfat-obs-flag svg[b-j0cah4rrrt] { filter: drop-shadow(0 0 3px rgba(216,59,1,0.5)); }

/* ── Cell KPIs (valores nas linhas) ── */
.sgfat-cell-kpi[b-j0cah4rrrt] {
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1);
}
.sgfat-cell-kpi--empty[b-j0cah4rrrt] { opacity: 0.4; }
.sgfat-cell-kpi--money[b-j0cah4rrrt] { font-weight: 500; }
.sgfat-cell-kpi--ok[b-j0cah4rrrt] { color: var(--sgfat-recibo); }
.sgfat-cell-kpi--warn[b-j0cah4rrrt] { color: var(--sgfat-nd); }

/* ── Delta (diferença valor + %) ── */
.sgfat-delta[b-j0cah4rrrt] {
    display: inline-flex; align-items: center; gap: 3px;
    font-size: 0.70rem; font-weight: 600;
    padding: 1px 6px; border-radius: 8px;
}
.sgfat-delta--up[b-j0cah4rrrt] {
    color: #107c10;
    background: color-mix(in srgb, #107c10 10%, transparent);
}
.sgfat-delta--down[b-j0cah4rrrt] {
    color: #d83b01;
    background: color-mix(in srgb, #d83b01 10%, transparent);
}
.sgfat-delta-arrow[b-j0cah4rrrt] { font-size: 0.58rem; }
.sgfat-delta-val[b-j0cah4rrrt] { }
.sgfat-delta-pct[b-j0cah4rrrt] { opacity: 0.7; font-size: 0.62rem; }

/* ── Dias desde último faturamento ── */
.sgfat-dias[b-j0cah4rrrt] {
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 0.70rem; font-weight: 700;
    min-width: 28px; padding: 1px 5px; border-radius: 8px;
}
.sgfat-dias--ok[b-j0cah4rrrt] { color: #107c10; background: color-mix(in srgb, #107c10 10%, transparent); }
.sgfat-dias--warn[b-j0cah4rrrt] { color: #c47a00; background: color-mix(in srgb, #c47a00 10%, transparent); }
.sgfat-dias--alert[b-j0cah4rrrt] { color: #d83b01; background: color-mix(in srgb, #d83b01 12%, transparent); }

/* ── Grid: scroll horizontal ── */
.sgfat-grid[b-j0cah4rrrt] { flex: 1; overflow: auto; }
[b-j0cah4rrrt] .sgfat-sf-grid .e-gridcontent { overflow-x: auto !important; }

/* ── Prévia — Grid ── */
.sgfat-grid[b-j0cah4rrrt] { flex: 1; overflow: auto; padding-left: 20px; }
.sgfat-table[b-j0cah4rrrt] { width: 100%; border-collapse: collapse; font-size: 0.82rem; }
.sgfat-th[b-j0cah4rrrt] { padding: 8px 12px; text-align: left; font-weight: 600; font-size: 0.75rem; color: var(--color-sf-content-text-color-alt1); background: var(--color-sf-content-bg-color-alt1); border-bottom: 1px solid var(--color-sf-border-light); position: sticky; top: 0; z-index: 1; white-space: nowrap; }
.sgfat-th--right[b-j0cah4rrrt] { text-align: right; }
.sgfat-th--center[b-j0cah4rrrt] { text-align: center; }
.sgfat-td[b-j0cah4rrrt] { padding: 6px 12px; border-bottom: 1px solid var(--color-sf-border-light); color: var(--color-sf-content-text-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px; }
.sgfat-td--right[b-j0cah4rrrt] { text-align: right; }
.sgfat-td--center[b-j0cah4rrrt] { text-align: center; }
.sgfat-td--mono[b-j0cah4rrrt] { font-size: 0.78rem; }
.sgfat-td--valor[b-j0cah4rrrt] { font-weight: 600; color: var(--sgfat-accent); }
.sgfat-row:hover[b-j0cah4rrrt] { background: var(--color-sf-content-bg-color-alt1); }

/* ── Info button (coluna congelada) ── */
[b-j0cah4rrrt] .sgfat-info-btn {
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; opacity: 0.5;
    transition: opacity 0.15s, transform 0.15s;
    width: 100%; height: 100%;
}
[b-j0cah4rrrt] .sgfat-info-btn:hover { opacity: 1; transform: scale(1.15); }

[b-j0cah4rrrt] .sgfat-edit-btn {
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; opacity: 0.4;
    transition: opacity 0.15s, transform 0.15s;
    width: 100%; height: 100%;
    font-size: 0.85rem;
    color: var(--sgfat-accent);
}
[b-j0cah4rrrt] .sgfat-edit-btn:hover { opacity: 1; transform: scale(1.15); }

/* ── Body split (grid + painel lateral) ── */
.sgfat-body-split[b-j0cah4rrrt] { display: flex; flex: 1; overflow: hidden; }
.sgfat-body-split .sgfat-grid[b-j0cah4rrrt] { flex: 1; min-width: 0; }

/* ── Painel lateral detalhe ── */
.sgfat-detail-panel[b-j0cah4rrrt] {
    width: 380px; min-width: 380px; flex-shrink: 0;
    display: flex; flex-direction: column;
    border-left: 1px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color);
    animation: sgfat-panel-in-b-j0cah4rrrt 0.25s ease-out;
    overflow: hidden;
}
@keyframes sgfat-panel-in-b-j0cah4rrrt {
    from { transform: translateX(100%); opacity: 0; }
    to   { transform: translateX(0);    opacity: 1; }
}
.sgfat-detail-header[b-j0cah4rrrt] {
    display: flex; align-items: flex-start; gap: 8px;
    padding: 14px 16px; border-bottom: 1px solid var(--color-sf-border-light);
    flex-shrink: 0;
}
.sgfat-detail-header-info[b-j0cah4rrrt] { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
.sgfat-detail-header-icon[b-j0cah4rrrt] {
    font-size: 20px; flex-shrink: 0;
    color: var(--sgfat-accent) !important;
}
.sgfat-detail-header-icon[b-j0cah4rrrt]::before { color: var(--sgfat-accent) !important; }
.sgfat-detail-title-row[b-j0cah4rrrt] { display: flex; align-items: center; gap: 6px; }
.sgfat-detail-title[b-j0cah4rrrt] { margin: 0; font-size: 0.88rem; font-weight: 700; color: var(--color-sf-content-text-color); }
.sgfat-detail-edit-btn[b-j0cah4rrrt] {
    display: flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border-radius: 4px;
    border: none; background: transparent; cursor: pointer;
    color: var(--sgfat-accent); padding: 0; flex-shrink: 0;
}
.sgfat-detail-edit-btn:hover[b-j0cah4rrrt] { background: color-mix(in srgb, var(--sgfat-accent) 10%, transparent); }
.sgfat-detail-edit-btn span[b-j0cah4rrrt] { font-size: 14px; }
.sgfat-detail-edit-btn span[b-j0cah4rrrt]::before { color: var(--sgfat-accent) !important; }
.sgfat-detail-subtitle[b-j0cah4rrrt] {
    margin: 0; font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 260px;
}
.sgfat-detail-close[b-j0cah4rrrt] {
    background: none; border: none; cursor: pointer; padding: 4px;
    color: var(--color-sf-content-text-color-alt1); opacity: 0.6;
    transition: opacity 0.15s; flex-shrink: 0;
}
.sgfat-detail-close span[b-j0cah4rrrt] { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-detail-close span[b-j0cah4rrrt]::before { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-detail-close:hover[b-j0cah4rrrt] { opacity: 1; }

/* ── Tabs do detalhe ── */
.sgfat-detail-tabs[b-j0cah4rrrt] {
    display: flex; gap: 0; border-bottom: 1px solid var(--color-sf-border-light);
    flex-shrink: 0; padding: 0 8px;
}
.sgfat-detail-tab[b-j0cah4rrrt] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 9px 14px; border: none; background: none;
    font-size: 12px; font-weight: 500; cursor: pointer;
    color: var(--color-sf-content-text-color-alt1);
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
}
.sgfat-detail-tab span[class*="icon-"][b-j0cah4rrrt] { color: var(--color-sf-content-text-color-alt1) !important; font-size: 14px; }
.sgfat-detail-tab span[class*="icon-"][b-j0cah4rrrt]::before { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-detail-tab:hover[b-j0cah4rrrt] { color: var(--color-sf-content-text-color); }
.sgfat-detail-tab--active[b-j0cah4rrrt] {
    color: var(--sgfat-accent); font-weight: 600;
    border-bottom-color: var(--sgfat-accent);
}
.sgfat-detail-tab--active span[class*="icon-"][b-j0cah4rrrt]::before { color: var(--sgfat-accent) !important; }
.sgfat-detail-tab-badge[b-j0cah4rrrt] {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 18px; height: 16px; padding: 0 4px;
    border-radius: 8px; font-size: 0.60rem; font-weight: 700;
    background: var(--sgfat-accent); color: #fff;
}
.sgfat-detail-tab-peso[b-j0cah4rrrt] {
    margin-left: auto; font-size: 0.70rem; font-weight: 700;
    color: var(--sgfat-accent);
    padding: 3px 10px; border-radius: 8px;
    background: color-mix(in srgb, var(--sgfat-accent) 10%, transparent);
    align-self: center;
}

/* ── Body do detalhe ── */
.sgfat-detail-body[b-j0cah4rrrt] { flex: 1; overflow-y: auto; overflow-x: hidden; }
.sgfat-detail-loading[b-j0cah4rrrt] {
    display: flex; align-items: center; justify-content: center;
    height: 120px;
}

/* ── Tab Contrato — cards somente leitura ── */
.sgfat-detail-cards[b-j0cah4rrrt] { padding: 12px 16px; display: flex; flex-direction: column; gap: 4px; }
.sgfat-detail-section[b-j0cah4rrrt] {
    padding: 8px 0; border-bottom: 1px solid var(--color-sf-border-light);
}
.sgfat-detail-section:last-child[b-j0cah4rrrt] { border-bottom: none; }
.sgfat-detail-section-title[b-j0cah4rrrt] {
    margin: 0 0 6px; font-size: 0.60rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.06em;
    color: color-mix(in srgb, var(--sgfat-accent) 70%, var(--color-sf-content-text-color-alt1));
    display: flex; align-items: center;
}
.sgfat-detail-row[b-j0cah4rrrt] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 2px 0; gap: 8px;
}
.sgfat-detail-label[b-j0cah4rrrt] { font-size: 0.68rem; color: var(--color-sf-content-text-color-alt1); }
.sgfat-detail-value[b-j0cah4rrrt] { font-size: 0.68rem; color: var(--color-sf-content-text-color); text-align: right; }
.sgfat-detail-value--mono[b-j0cah4rrrt] { font-weight: 600; }
.sgfat-detail-value--accent[b-j0cah4rrrt] { color: var(--sgfat-accent); }
.sgfat-detail-value--tag[b-j0cah4rrrt] {
    display: inline-flex; padding: 1px 8px; border-radius: 8px; font-size: 0.65rem; font-weight: 600;
    background: color-mix(in srgb, var(--sgfat-accent) 10%, transparent); color: var(--sgfat-accent);
}
/* ── Memória de cálculo ── */
.sgfat-detail-calc[b-j0cah4rrrt] {
    display: flex; flex-direction: column; gap: 0;
    padding: 8px 10px; margin: 4px 0 2px;
    border-radius: 8px;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
}
.sgfat-calc-row[b-j0cah4rrrt] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 3px 0; gap: 8px;
}
.sgfat-calc-row + .sgfat-calc-row[b-j0cah4rrrt] { border-top: 1px dashed color-mix(in srgb, var(--color-sf-border-light) 60%, transparent); }
.sgfat-calc-label[b-j0cah4rrrt] { font-size: 0.68rem; color: var(--color-sf-content-text-color-alt1); }
.sgfat-calc-value[b-j0cah4rrrt] { font-size: 0.70rem; font-weight: 600; color: var(--color-sf-content-text-color); white-space: nowrap; }
.sgfat-calc-row--exc .sgfat-calc-label[b-j0cah4rrrt] { color: var(--sgfat-danger); }
.sgfat-calc-row--exc .sgfat-calc-value[b-j0cah4rrrt] { color: var(--sgfat-danger); }
.sgfat-calc-row--min .sgfat-calc-label[b-j0cah4rrrt] { font-style: italic; opacity: 0.7; }

/* ── Alerta última NF cancelada ── */
.sgfat-detail-alerta-nf[b-j0cah4rrrt] {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 12px; border-radius: 6px;
    background: rgba(220,38,38,0.08); border: 1px solid rgba(220,38,38,0.20);
    color: #dc2626; font-size: 0.72rem; font-weight: 500;
    margin: 4px 0;
}
.sgfat-detail-alerta-nf strong[b-j0cah4rrrt] { font-weight: 700; }
.sgfat-detail-alerta-status[b-j0cah4rrrt] {
    font-size: 0.62rem; color: rgba(220,38,38,0.70);
    margin-left: auto;
}
.sgfat-detail-status-nf[b-j0cah4rrrt] {
    display: flex; align-items: center; gap: 6px;
    padding: 6px 12px; border-radius: 6px;
    background: rgba(5,150,105,0.06); border: 1px solid rgba(5,150,105,0.15);
    color: #059669; font-size: 0.72rem; font-weight: 500;
    margin: 4px 0;
}

/* ── Card destaque do valor a faturar ── */
.sgfat-detail-valor-card[b-j0cah4rrrt] {
    display: flex; flex-direction: column; align-items: center;
    gap: 4px; padding: 14px 12px; margin: 4px 0;
    border-radius: 10px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--sgfat-accent) 8%, transparent), color-mix(in srgb, var(--sgfat-accent) 3%, transparent));
    border: 1px solid color-mix(in srgb, var(--sgfat-accent) 20%, transparent);
}
.sgfat-detail-valor-top[b-j0cah4rrrt] {
    display: flex; align-items: center; gap: 8px;
}
.sgfat-detail-valor-peso[b-j0cah4rrrt] {
    font-size: 0.70rem; font-weight: 500;
    color: var(--color-sf-content-text-color-alt1);
}
.sgfat-detail-valor-main[b-j0cah4rrrt] {
    font-size: 1.35rem; font-weight: 800;
    color: var(--sgfat-accent); letter-spacing: -0.02em;
    line-height: 1.2;
}
.sgfat-detail-valor-label[b-j0cah4rrrt] {
    font-size: 0.62rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-sf-content-text-color-alt1);
}

.sgfat-detail-section--obs[b-j0cah4rrrt] { background: color-mix(in srgb, #d83b01 5%, transparent); border-radius: 8px; padding: 10px 12px; }
.sgfat-detail-section--obs .sgfat-detail-section-title[b-j0cah4rrrt] { color: #d83b01; }
.sgfat-detail-obs[b-j0cah4rrrt] {
    margin: 0; font-size: 0.74rem; line-height: 1.5;
    color: var(--color-sf-content-text-color);
    white-space: pre-wrap; word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

/* ── Badge informativo (6 meses) ── */
.sgfat-detail-info-badge[b-j0cah4rrrt] {
    display: inline-flex; align-items: center; gap: 4px;
    margin: 10px 16px 4px 16px;
    padding: 3px 10px;
    font-size: 0.68rem; font-weight: 500;
    color: var(--sgfat-accent);
    background: color-mix(in srgb, var(--sgfat-accent) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--sgfat-accent) 20%, transparent);
    border-radius: 12px;
    width: fit-content;
}
.sgfat-detail-info-badge span[class*="icon-"][b-j0cah4rrrt] { font-size: 12px; }
.sgfat-detail-info-badge span[class*="icon-"][b-j0cah4rrrt]::before { color: var(--sgfat-accent) !important; }

.sgfat-periodo-select[b-j0cah4rrrt] {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--sgfat-accent);
    cursor: pointer;
    padding: 0 14px 0 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23e8772e'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    outline: none;
}
.sgfat-periodo-select option[b-j0cah4rrrt] {
    background: var(--color-sf-content-bg-color, #fff);
    color: var(--color-sf-content-text-color, #1f2937);
}

/* ── Tab Pesagens — lista de eventos ── */
.sgfat-detail-empty[b-j0cah4rrrt] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 8px; padding: 40px 20px; color: var(--color-sf-content-text-color-alt1);
}
.sgfat-detail-empty-icon[b-j0cah4rrrt] { font-size: 32px; opacity: 0.3; }
.sgfat-detail-empty-icon[b-j0cah4rrrt]::before { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-detail-empty p[b-j0cah4rrrt] { margin: 0; font-size: 0.78rem; }
.sgfat-detail-eventos-header[b-j0cah4rrrt] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 8px 16px;
    border-bottom: 1px solid var(--color-sf-border-light);
}
.sgfat-detail-eventos-count[b-j0cah4rrrt] { font-size: 0.70rem; font-weight: 500; color: var(--color-sf-content-text-color-alt1); }
.sgfat-detail-eventos-total[b-j0cah4rrrt] {
    font-size: 0.78rem; font-weight: 700;
    color: var(--sgfat-accent);
    padding: 3px 10px; border-radius: 8px;
    background: color-mix(in srgb, var(--sgfat-accent) 10%, transparent);
}
.sgfat-detail-eventos[b-j0cah4rrrt] { overflow-y: auto; }
.sgfat-evento-card[b-j0cah4rrrt] {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 8px 16px; border-bottom: 1px solid var(--color-sf-border-light);
    transition: background 0.15s;
}
.sgfat-evento-card:hover[b-j0cah4rrrt] { background: var(--color-sf-content-bg-color-alt1); }
.sgfat-evento-date[b-j0cah4rrrt] {
    font-size: 0.72rem; font-weight: 700;
    color: var(--color-sf-content-text-color-alt1);
    min-width: 38px; padding-top: 1px;
}
.sgfat-evento-info[b-j0cah4rrrt] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sgfat-evento-main[b-j0cah4rrrt] { display: flex; align-items: center; gap: 8px; }
.sgfat-evento-peso[b-j0cah4rrrt] { font-size: 0.76rem; font-weight: 600; color: var(--color-sf-content-text-color); }
.sgfat-evento-qtd[b-j0cah4rrrt] {
    font-size: 0.65rem; font-weight: 600; padding: 1px 6px; border-radius: 6px;
    background: color-mix(in srgb, var(--sgfat-accent) 10%, transparent); color: var(--sgfat-accent);
}
.sgfat-evento-tipo[b-j0cah4rrrt] {
    font-size: 0.58rem; color: var(--color-sf-content-text-color-alt1);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    display: flex; align-items: center; gap: 4px;
    opacity: 0.55; text-transform: lowercase;
    font-style: italic;
}
.sgfat-evento-tipo-sep[b-j0cah4rrrt] { opacity: 0.4; }
.sgfat-evento-tipo-res[b-j0cah4rrrt] { opacity: 0.9; }
/* ── Chips com detalhes específicos da entrega (placa/motorista/MTR/ticket/transportador) ── */
.sgfat-evento-entrega-info[b-j0cah4rrrt] {
    display: flex; flex-wrap: wrap; gap: 4px;
    margin-top: 4px;
}
.sgfat-evento-chip[b-j0cah4rrrt] {
    display: inline-flex; align-items: center; gap: 3px;
    font-size: 0.62rem; font-weight: 500;
    padding: 2px 6px; border-radius: 4px;
    background: color-mix(in srgb, var(--color-sf-content-bg-color-alt2, #f1f5f9) 60%, transparent);
    color: var(--color-sf-content-text-color-alt1);
    white-space: nowrap; max-width: 14ch;
    overflow: hidden; text-overflow: ellipsis;
}
.sgfat-evento-chip .icon-ic_fluent_vehicle_truck_24_regular[b-j0cah4rrrt],
.sgfat-evento-chip .icon-ic_fluent_person_24_regular[b-j0cah4rrrt] { font-size: 0.7rem; opacity: 0.7; }
.sgfat-evento-chip--mtr[b-j0cah4rrrt] {
    font-family: ui-monospace, Menlo, monospace;
    background: color-mix(in srgb, var(--sgfat-accent, #6366f1) 10%, transparent);
    color: var(--sgfat-accent, #6366f1);
}
.sgfat-evento-chip--transp[b-j0cah4rrrt] { font-style: italic; opacity: 0.85; }
.sgfat-evento-residuo[b-j0cah4rrrt] {
    font-size: 0.68rem; color: var(--color-sf-content-text-color-alt1);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.sgfat-evento-meta[b-j0cah4rrrt] {
    display: flex; gap: 8px; font-size: 0.65rem;
    color: var(--color-sf-content-text-color-alt1); opacity: 0.7;
}

/* ── Tipo badges (NF/Recibo/ND) ── */
.sgfat-tipo-badge[b-j0cah4rrrt] { display: inline-flex; align-items: center; justify-content: center; padding: 2px 10px; border-radius: 10px; font-size: 0.68rem; font-weight: 600; white-space: nowrap; line-height: 1.4; height: 20px; }
.sgfat-tipo-badge--nf[b-j0cah4rrrt] { background: color-mix(in srgb, var(--sgfat-nf) 12%, transparent); color: var(--sgfat-nf); }
.sgfat-tipo-badge--recibo[b-j0cah4rrrt] { background: color-mix(in srgb, var(--sgfat-recibo) 12%, transparent); color: var(--sgfat-recibo); }
.sgfat-tipo-badge--nd[b-j0cah4rrrt] { background: color-mix(in srgb, var(--sgfat-nd) 12%, transparent); color: var(--sgfat-nd); }
.sgfat-tipo-badge--sm[b-j0cah4rrrt] { font-size: 0.62rem; padding: 2px 6px; }
.sgfat-eventual-badge[b-j0cah4rrrt] {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 2px 8px; border-radius: 10px; font-size: 0.65rem; font-weight: 600;
    background: color-mix(in srgb, #8764b8 12%, transparent); color: #8764b8;
    height: 20px; line-height: 1.4;
}

.sgfat-refat-badge[b-j0cah4rrrt] {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 2px 8px; border-radius: 10px; font-size: 0.65rem; font-weight: 600;
    background: color-mix(in srgb, #c47a00 12%, transparent); color: #c47a00;
    height: 20px; line-height: 1.4;
}

/* ── Log de execução ── */
.sgfat-log[b-j0cah4rrrt] { flex: 1; overflow-y: auto; padding: 8px 0; }
.sgfat-log-item[b-j0cah4rrrt] { display: flex; align-items: center; gap: 10px; padding: 8px 20px; border-bottom: 1px solid var(--color-sf-border-light); transition: background 0.2s; }
.sgfat-log-item--executando[b-j0cah4rrrt] { background: color-mix(in srgb, var(--sgfat-accent) 6%, transparent); }
.sgfat-log-item--sucesso[b-j0cah4rrrt] { background: color-mix(in srgb, var(--sgfat-success) 4%, transparent); }
.sgfat-log-item--erro[b-j0cah4rrrt] { background: color-mix(in srgb, var(--sgfat-danger) 4%, transparent); }
.sgfat-log-status[b-j0cah4rrrt] { width: 24px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sgfat-log-icon[b-j0cah4rrrt] { font-size: 16px; }
.sgfat-log-icon--pendente[b-j0cah4rrrt] { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-log-icon--pendente[b-j0cah4rrrt]::before { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-log-icon--executando[b-j0cah4rrrt] { color: var(--sgfat-accent) !important; }
.sgfat-log-icon--executando[b-j0cah4rrrt]::before { color: var(--sgfat-accent) !important; }
.sgfat-log-icon--sucesso[b-j0cah4rrrt] { color: var(--sgfat-success) !important; }
.sgfat-log-icon--sucesso[b-j0cah4rrrt]::before { color: var(--sgfat-success) !important; }
.sgfat-log-icon--erro[b-j0cah4rrrt] { color: var(--sgfat-danger) !important; }
.sgfat-log-icon--erro[b-j0cah4rrrt]::before { color: var(--sgfat-danger) !important; }
.sgfat-log-info[b-j0cah4rrrt] { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
.sgfat-log-pk[b-j0cah4rrrt] { font-weight: 600; font-size: 0.78rem; color: var(--color-sf-content-text-color); min-width: 80px; }
.sgfat-log-field[b-j0cah4rrrt] { font-size: 0.78rem; color: var(--color-sf-content-text-color-alt1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px; }
.sgfat-log-msg[b-j0cah4rrrt] { margin-left: auto; font-size: 0.75rem; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sgfat-msg--ok[b-j0cah4rrrt] { color: var(--sgfat-success); }
.sgfat-msg--erro[b-j0cah4rrrt] { color: var(--sgfat-danger); font-weight: 500; }

/* ── Resultado — animação ── */
.sgfat-result-area[b-j0cah4rrrt] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 20px; gap: 32px; animation: sgfat-fade-in-b-j0cah4rrrt 0.5s ease-out; }
.sgfat-result[b-j0cah4rrrt] { display: flex; align-items: center; gap: 20px; padding: 24px 32px; border-radius: 16px; animation: sgfat-slide-up-b-j0cah4rrrt 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); }
.sgfat-result--ok[b-j0cah4rrrt] { background: color-mix(in srgb, var(--sgfat-success) 8%, transparent); border: 1px solid color-mix(in srgb, var(--sgfat-success) 25%, transparent); }
.sgfat-result--erro[b-j0cah4rrrt] { background: color-mix(in srgb, var(--sgfat-danger) 8%, transparent); border: 1px solid color-mix(in srgb, var(--sgfat-danger) 25%, transparent); }
.sgfat-result-icon-wrap[b-j0cah4rrrt] { position: relative; width: 64px; height: 64px; flex-shrink: 0; }
.sgfat-result-icon-ring[b-j0cah4rrrt] { position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid currentColor; opacity: 0.15; }
.sgfat-result--ok .sgfat-result-icon-wrap[b-j0cah4rrrt] { color: var(--sgfat-success); }
.sgfat-result--erro .sgfat-result-icon-wrap[b-j0cah4rrrt] { color: var(--sgfat-danger); }
.sgfat-result-checkmark[b-j0cah4rrrt] { width: 64px; height: 64px; }
.sgfat-result-circle[b-j0cah4rrrt] { stroke-width: 2; stroke-miterlimit: 10; animation: sgfat-circle-fill-b-j0cah4rrrt 0.6s ease-in-out 0.1s forwards; stroke-dasharray: 166; stroke-dashoffset: 166; }
.sgfat-result--ok .sgfat-result-circle[b-j0cah4rrrt] { stroke: var(--sgfat-success); }
.sgfat-result--erro .sgfat-result-circle[b-j0cah4rrrt] { stroke: var(--sgfat-danger); }
.sgfat-result-check[b-j0cah4rrrt] { stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 48; stroke-dashoffset: 48; animation: sgfat-check-stroke-b-j0cah4rrrt 0.4s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards; }
.sgfat-result--ok .sgfat-result-check[b-j0cah4rrrt] { stroke: var(--sgfat-success); }
.sgfat-result--erro .sgfat-result-check[b-j0cah4rrrt] { stroke: var(--sgfat-danger); }
.sgfat-result-body[b-j0cah4rrrt] { display: flex; flex-direction: column; gap: 6px; }
.sgfat-result-headline[b-j0cah4rrrt] { margin: 0; font-size: 1.05rem; font-weight: 700; color: var(--color-sf-content-text-color); }
.sgfat-result-detail[b-j0cah4rrrt] { margin: 0; font-size: 0.85rem; color: var(--color-sf-content-text-color-alt1); }
.sgfat-result-detail--erro[b-j0cah4rrrt] { color: var(--sgfat-danger); font-weight: 500; }

/* ── Stats do resultado ── */
.sgfat-resumo[b-j0cah4rrrt] { display: flex; justify-content: center; gap: 16px; padding: 0 20px; align-items: center; animation: sgfat-fade-in-b-j0cah4rrrt 0.8s ease-out 0.3s both; flex-wrap: wrap; }
.sgfat-stat[b-j0cah4rrrt] { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 16px 24px; border-radius: 12px; border: 1px solid var(--color-sf-border-light); }
.sgfat-stat-value[b-j0cah4rrrt] { font-size: 1.6rem; font-weight: 700; line-height: 1; }
.sgfat-stat-label[b-j0cah4rrrt] { font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1); font-weight: 500; }
.sgfat-stat-sub[b-j0cah4rrrt] { font-size: 0.7rem; color: var(--color-sf-content-text-color-alt1); margin-top: 2px; }
.sgfat-stat--total .sgfat-stat-value[b-j0cah4rrrt] { color: var(--sgfat-accent); }
.sgfat-stat--nf .sgfat-stat-value[b-j0cah4rrrt] { color: var(--sgfat-nf); }
.sgfat-stat--recibo .sgfat-stat-value[b-j0cah4rrrt] { color: var(--sgfat-recibo); }
.sgfat-stat--nd .sgfat-stat-value[b-j0cah4rrrt] { color: var(--sgfat-nd); }
.sgfat-stat--erro .sgfat-stat-value[b-j0cah4rrrt] { color: var(--sgfat-danger); }

/* ── Footer ── */
.sgfat-footer[b-j0cah4rrrt] { display: flex; align-items: center; gap: 10px; padding: 12px 20px; border-top: 1px solid var(--color-sf-border-light); background: var(--color-sf-content-bg-color-alt1); flex-shrink: 0; }
.sgfat-footer-info[b-j0cah4rrrt] { flex: 1; }
.sgfat-footer-sel[b-j0cah4rrrt] { font-size: 0.78rem; font-weight: 600; color: var(--sgfat-accent); }
.sgfat-btn[b-j0cah4rrrt] { display: inline-flex; align-items: center; gap: 6px; padding: 7px 18px; border-radius: 4px; font-size: 0.82rem; font-weight: 500; cursor: pointer; border: none; transition: opacity 0.15s; }
.sgfat-btn:hover[b-j0cah4rrrt] { opacity: 0.88; }
.sgfat-btn:disabled[b-j0cah4rrrt] { opacity: 0.5; cursor: not-allowed; }
.sgfat-btn--cancel[b-j0cah4rrrt] { background: transparent; color: var(--color-sf-content-text-color-alt1); border: 1px solid var(--color-sf-border-light); }
.sgfat-btn--cancel span[b-j0cah4rrrt] { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-btn--cancel span[b-j0cah4rrrt]::before { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-btn--exec[b-j0cah4rrrt] { background: var(--sgfat-accent); color: #fff; }
.sgfat-btn--exec span[b-j0cah4rrrt] { color: #fff !important; }
.sgfat-btn--exec span[b-j0cah4rrrt]::before { color: #fff !important; }
.sgfat-btn--done[b-j0cah4rrrt] { background: var(--sgfat-success); color: #fff; }
.sgfat-btn--done span[b-j0cah4rrrt] { color: #fff !important; }
.sgfat-btn--done span[b-j0cah4rrrt]::before { color: #fff !important; }

/* ── Loading overlay (entre etapa 0→1) ── */
.sgfat-loading-overlay[b-j0cah4rrrt] {
    flex: 1; display: flex; align-items: center; justify-content: center;
    background: var(--color-sf-content-bg-color);
    animation: sgfat-fade-in-b-j0cah4rrrt 0.3s ease-out;
}
.sgfat-loading-card[b-j0cah4rrrt] {
    display: flex; flex-direction: column; align-items: center; gap: 24px;
    padding: 48px 40px; max-width: 420px; text-align: center;
}
.sgfat-loading-spinner[b-j0cah4rrrt] {
    position: relative; width: 80px; height: 80px;
    display: flex; align-items: center; justify-content: center;
}
.sgfat-loading-ring[b-j0cah4rrrt] {
    position: absolute; inset: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: var(--sgfat-accent);
    animation: sgfat-spin-b-j0cah4rrrt 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.sgfat-loading-ring--2[b-j0cah4rrrt] {
    inset: 8px;
    border-top-color: transparent;
    border-right-color: color-mix(in srgb, var(--sgfat-accent) 35%, transparent);
    animation-duration: 2s;
    animation-direction: reverse;
}
.sgfat-loading-ring--3[b-j0cah4rrrt] {
    inset: 16px;
    border-top-color: transparent;
    border-bottom-color: color-mix(in srgb, var(--sgfat-accent) 20%, transparent);
    animation-duration: 2.8s;
}
.sgfat-loading-logo[b-j0cah4rrrt] {
    width: 28px;
    height: 28px;
    object-fit: contain;
    animation: sgfat-icon-pulse-b-j0cah4rrrt 2s ease-in-out infinite;
    opacity: 0.7;
}
:global(.e-dark-mode) .sgfat-loading-logo[b-j0cah4rrrt] {
    filter: invert(1);
    opacity: 0.8;
}
.sgfat-loading-title[b-j0cah4rrrt] {
    margin: 0; font-size: 1.05rem; font-weight: 700;
    color: var(--color-sf-content-text-color);
    letter-spacing: -0.01em;
}
.sgfat-loading-desc[b-j0cah4rrrt] {
    margin: 0; font-size: 0.82rem; line-height: 1.5;
    color: var(--color-sf-content-text-color-alt1);
    display: flex; align-items: center; gap: 6px; justify-content: center;
}
.sgfat-loading-faixa[b-j0cah4rrrt] { font-weight: 600; color: var(--color-sf-content-text-color); }
.sgfat-loading-sep[b-j0cah4rrrt] { opacity: 0.35; }
.sgfat-loading-pass[b-j0cah4rrrt] { color: var(--sgfat-accent); font-weight: 500; }
.sgfat-loading-progress[b-j0cah4rrrt] {
    width: 100%; display: flex; flex-direction: column; gap: 8px;
}
.sgfat-loading-bar-track[b-j0cah4rrrt] {
    width: 100%; height: 6px; border-radius: 3px;
    background: color-mix(in srgb, var(--sgfat-accent) 10%, transparent);
    overflow: hidden;
}
.sgfat-loading-bar-fill[b-j0cah4rrrt] {
    height: 100%; border-radius: 3px;
    background: linear-gradient(90deg, var(--sgfat-accent), var(--sgfat-accent-light));
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px color-mix(in srgb, var(--sgfat-accent) 40%, transparent);
    min-width: 2%;
}
.sgfat-loading-stats[b-j0cah4rrrt] {
    display: flex; align-items: center; justify-content: center;
    gap: 16px;
    font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1);
    padding-top: 2px;
}
.sgfat-loading-pct[b-j0cah4rrrt] { font-weight: 700; color: var(--sgfat-accent); font-size: 0.78rem; }
.sgfat-loading-counter[b-j0cah4rrrt] { font-weight: 500; }
.sgfat-loading-step[b-j0cah4rrrt] { opacity: 0.6; }
.sgfat-loading-stats > span + span[b-j0cah4rrrt]::before {
    content: '·'; margin-right: 16px; opacity: 0.35;
}

@keyframes sgfat-icon-pulse-b-j0cah4rrrt {
    0%, 100% { opacity: 0.6; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.1); }
}

/* ── Animations ── */
@keyframes sgfat-pulse-b-j0cah4rrrt {
    0%, 100% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--sgfat-accent) 20%, transparent), 0 0 16px color-mix(in srgb, var(--sgfat-accent) 35%, transparent); }
    50% { box-shadow: 0 0 0 5px color-mix(in srgb, var(--sgfat-accent) 12%, transparent), 0 0 24px color-mix(in srgb, var(--sgfat-accent) 25%, transparent); }
}
@keyframes sgfat-draw-check-b-j0cah4rrrt { from { stroke-dashoffset: 30; } to { stroke-dashoffset: 0; } }
@keyframes sgfat-circle-fill-b-j0cah4rrrt { to { stroke-dashoffset: 0; } }
@keyframes sgfat-check-stroke-b-j0cah4rrrt { to { stroke-dashoffset: 0; } }
@keyframes sgfat-slide-up-b-j0cah4rrrt { from { opacity: 0; transform: translateY(24px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes sgfat-fade-in-b-j0cah4rrrt { from { opacity: 0; } to { opacity: 1; } }
@keyframes sgfat-spin-b-j0cah4rrrt { to { transform: rotate(360deg); } }
.sgfat-spin[b-j0cah4rrrt] { animation: sgfat-spin-b-j0cah4rrrt 1s linear infinite; }

/* ── Charts de pesagens ──────────────────────────────────── */
.sgfat-chart-section[b-j0cah4rrrt] {
    padding: 8px 12px;
    border-bottom: 1px solid var(--color-sf-border-light);
}
.sgfat-chart-title[b-j0cah4rrrt] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 0 0 4px 0;
}

/* ── NF Status badges ── */
.sgfat-nfstatus-badge[b-j0cah4rrrt] {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 2px 8px; border-radius: 10px; font-size: 0.62rem; font-weight: 600;
    height: 18px; line-height: 1.4;
}
.sgfat-nfstatus-badge--emitida[b-j0cah4rrrt] { background: color-mix(in srgb, #107c10 12%, transparent); color: #107c10; }
.sgfat-nfstatus-badge--cancelada[b-j0cah4rrrt] { background: color-mix(in srgb, #d83b01 12%, transparent); color: #d83b01; }
.sgfat-nfstatus-badge--inutilizada[b-j0cah4rrrt] { background: color-mix(in srgb, #c47a00 12%, transparent); color: #c47a00; }
.sgfat-nfstatus-badge--registrada[b-j0cah4rrrt] { background: color-mix(in srgb, #0078d4 12%, transparent); color: #0078d4; }
.sgfat-nfstatus-badge--rejeitada[b-j0cah4rrrt] { background: color-mix(in srgb, #a4262c 12%, transparent); color: #a4262c; }
.sgfat-nfstatus-badge--pendente[b-j0cah4rrrt] { background: color-mix(in srgb, #8a919a 12%, transparent); color: #8a919a; }

/* ═══════════════════════════════════════════════════════════
   CHANGE 1 — Badge de conferência nas pesagens
   ═══════════════════════════════════════════════════════════ */
.sgfat-evento-conferido[b-j0cah4rrrt] {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 1px 7px; border-radius: 10px;
    font-size: 0.60rem; font-weight: 700; line-height: 1.4;
    white-space: nowrap; flex-shrink: 0;
}
.sgfat-evento-conferido--ok[b-j0cah4rrrt] {
    background: color-mix(in srgb, #107c10 12%, transparent);
    color: #107c10;
    border: 1px solid color-mix(in srgb, #107c10 20%, transparent);
}
.sgfat-evento-conferido--pending[b-j0cah4rrrt] {
    background: color-mix(in srgb, #c47a00 10%, transparent);
    color: #c47a00;
    border: 1px solid color-mix(in srgb, #c47a00 18%, transparent);
}
.sgfat-evento-conferido-by[b-j0cah4rrrt] {
    font-size: 0.58rem; color: var(--color-sf-content-text-color-alt1);
    opacity: 0.60; font-style: italic;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ═══════════════════════════════════════════════════════════
   CHANGE 2 — Dark mode: painel lateral detalhe
   ═══════════════════════════════════════════════════════════ */
:global(.e-dark-mode) .sgfat-detail-section-title[b-j0cah4rrrt] {
    color: rgba(255,255,255,0.50) !important;
}
:global(.e-dark-mode) .sgfat-detail-label[b-j0cah4rrrt] {
    color: rgba(255,255,255,0.45) !important;
}
:global(.e-dark-mode) .sgfat-detail-value[b-j0cah4rrrt] {
    color: rgba(255,255,255,0.85) !important;
}
:global(.e-dark-mode) .sgfat-detail-valor-main[b-j0cah4rrrt] {
    color: var(--sgfat-accent);
}
:global(.e-dark-mode) .sgfat-detail-valor-label[b-j0cah4rrrt] {
    color: rgba(255,255,255,0.45) !important;
}
:global(.e-dark-mode) .sgfat-detail-valor-peso[b-j0cah4rrrt] {
    color: rgba(255,255,255,0.45) !important;
}
:global(.e-dark-mode) .sgfat-detail-valor-card[b-j0cah4rrrt] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--sgfat-accent) 12%, transparent), color-mix(in srgb, var(--sgfat-accent) 5%, transparent));
    border-color: color-mix(in srgb, var(--sgfat-accent) 25%, transparent);
}
:global(.e-dark-mode) .sgfat-detail-alerta-nf[b-j0cah4rrrt] {
    background: rgba(220,38,38,0.12);
    border-color: rgba(220,38,38,0.28);
    color: #f87171;
}
:global(.e-dark-mode) .sgfat-detail-alerta-status[b-j0cah4rrrt] {
    color: rgba(248,113,113,0.70);
}
:global(.e-dark-mode) .sgfat-detail-status-nf[b-j0cah4rrrt] {
    background: rgba(5,150,105,0.10);
    border-color: rgba(5,150,105,0.22);
    color: #34d399;
}
:global(.e-dark-mode) .sgfat-detail-obs[b-j0cah4rrrt] {
    color: rgba(255,255,255,0.75);
}
:global(.e-dark-mode) .sgfat-calc-label[b-j0cah4rrrt] {
    color: rgba(255,255,255,0.45) !important;
}
:global(.e-dark-mode) .sgfat-calc-value[b-j0cah4rrrt] {
    color: rgba(255,255,255,0.82) !important;
}
:global(.e-dark-mode) .sgfat-detail-calc[b-j0cah4rrrt] {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.08);
}
:global(.e-dark-mode) .sgfat-hist-status-pill--faturado[b-j0cah4rrrt] {
    background: rgba(16,124,16,0.15); color: #6fcf6f; border-color: rgba(16,124,16,0.25);
}
:global(.e-dark-mode) .sgfat-hist-status-pill--ativo[b-j0cah4rrrt] {
    background: rgba(0,120,212,0.15); color: #60b0f0; border-color: rgba(0,120,212,0.25);
}
:global(.e-dark-mode) .sgfat-hist-status-pill--novo[b-j0cah4rrrt] {
    background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.45); border-color: rgba(255,255,255,0.10);
}
:global(.e-dark-mode) .sgfat-evento-conferido--ok[b-j0cah4rrrt] {
    background: color-mix(in srgb, #1a9e1a 15%, transparent);
    color: #6fcf6f;
    border-color: color-mix(in srgb, #1a9e1a 25%, transparent);
}
:global(.e-dark-mode) .sgfat-evento-conferido--pending[b-j0cah4rrrt] {
    background: color-mix(in srgb, #d4900a 12%, transparent);
    color: #d4900a;
    border-color: color-mix(in srgb, #d4900a 20%, transparent);
}

/* ═══════════════════════════════════════════════════════════
   CHANGE 3 — KPI cards no painel esquerdo (base da aside)
   ═══════════════════════════════════════════════════════════ */
.sgfat-aside-kpi[b-j0cah4rrrt] {
    position: relative; z-index: 2;
    display: flex; flex-direction: column; gap: 8px;
    padding: 14px 18px;
    flex-shrink: 0;
    border-top: 1px solid rgba(255,255,255,0.06);
}
.sgfat-aside-kpi-card[b-j0cah4rrrt] {
    display: flex; flex-direction: column; gap: 2px;
    padding: 10px 12px; border-radius: 8px;
    background: rgba(59,130,246,0.08);
    border: 1px solid rgba(59,130,246,0.15);
}
.sgfat-aside-kpi-label[b-j0cah4rrrt] {
    font-size: 0.58rem; font-weight: 600;
    color: rgba(255,255,255,0.40);
    text-transform: uppercase; letter-spacing: 0.04em;
}
.sgfat-aside-kpi-value[b-j0cah4rrrt] {
    font-size: 0.88rem; font-weight: 700;
    color: #3b82f6;
    letter-spacing: -0.01em;
}
.sgfat-aside-kpi-value--sel[b-j0cah4rrrt] { color: #f59e0b; }
.sgfat-aside-kpi-value--green[b-j0cah4rrrt] { color: #f59e0b; }
.sgfat-aside-kpi-card--total[b-j0cah4rrrt] {
    background: rgba(22,142,255,0.12);
    border-color: rgba(22,142,255,0.25);
}
.sgfat-aside-kpi-card--total .sgfat-aside-kpi-value[b-j0cah4rrrt] {
    font-size: 0.95rem;
    color: #60a5fa;
}

.sgfat-aside-kpi-card--pendente[b-j0cah4rrrt] {
    background: rgba(220,38,38,0.1);
    border-color: rgba(220,38,38,0.25);
}
.sgfat-aside-kpi-card--pendente .sgfat-aside-kpi-label[b-j0cah4rrrt] {
    color: rgba(220,38,38,0.7);
}
.sgfat-aside-kpi-value--pendente[b-j0cah4rrrt] {
    font-size: 0.95rem;
    color: #ef4444 !important;
}

/* Barra percentual no painel esquerdo */
.sgfat-aside-bar[b-j0cah4rrrt] {
    width: 100%;
    height: 4px;
    background: rgba(255,255,255,0.06);
    border-radius: 2px;
    margin-top: 4px;
    overflow: hidden;
}
.sgfat-aside-bar-fill[b-j0cah4rrrt] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.4s ease;
}
.sgfat-aside-bar-fill--blue[b-j0cah4rrrt] { background: #3b82f6; }
.sgfat-aside-bar-fill--green[b-j0cah4rrrt] { background: #f59e0b; }
.sgfat-aside-bar-pct[b-j0cah4rrrt] {
    font-size: 0.58rem;
    font-weight: 500;
    color: rgba(255,255,255,0.35);
    margin-top: 2px;
}

/* ══════════ TRIBUTOS ══════════ */
.sgfat-tributos-section[b-j0cah4rrrt] {
    margin: 4px 0;
}
.sgfat-tributos-table[b-j0cah4rrrt] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.72rem;
    margin: 4px 0 8px;
}
.sgfat-tributos-table th[b-j0cah4rrrt] {
    font-weight: 600;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-sf-content-text-color-alt1);
    padding: 4px 6px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-sf-content-text-color) 12%, transparent);
    text-align: left;
}
.sgfat-tributos-table td[b-j0cah4rrrt] {
    padding: 3px 6px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-sf-content-text-color) 6%, transparent);
    color: var(--color-sf-content-text-color);
}
.sgfat-trib-right[b-j0cah4rrrt] { text-align: right !important; }
.sgfat-trib-center[b-j0cah4rrrt] { text-align: center !important; }
.sgfat-trib-mono[b-j0cah4rrrt] { font-family: 'Cascadia Code', 'Fira Code', monospace; font-size: 0.70rem; }
.sgfat-trib-row--ret td[b-j0cah4rrrt] { font-weight: 600; }
.sgfat-trib-ret-badge[b-j0cah4rrrt] {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 8px;
    font-size: 0.60rem;
    font-weight: 700;
    background: color-mix(in srgb, #d83b01 14%, transparent);
    color: #d83b01;
}
.sgfat-trib-noret[b-j0cah4rrrt] {
    font-size: 0.60rem;
    color: var(--color-sf-content-text-color-alt1);
}
.sgfat-trib-footer td[b-j0cah4rrrt] {
    font-weight: 700;
    border-top: 2px solid color-mix(in srgb, var(--sgfat-accent) 30%, transparent);
    border-bottom: none;
    padding-top: 5px;
    color: #d83b01;
}

/* Card valor líquido */
.sgfat-detail-valor-card--liq[b-j0cah4rrrt] {
    background: linear-gradient(135deg, color-mix(in srgb, #107c10 8%, transparent), color-mix(in srgb, #107c10 3%, transparent));
    border-color: color-mix(in srgb, #107c10 20%, transparent);
}
.sgfat-detail-valor-card--liq .sgfat-detail-valor-main[b-j0cah4rrrt] {
    color: #107c10;
    font-size: 1.20rem;
}
.sgfat-detail-valor-card--liq .sgfat-detail-valor-label[b-j0cah4rrrt] {
    color: #107c10;
}

/* Cell valor líquido no grid */
.sgfat-cell-kpi--liq[b-j0cah4rrrt] {
    color: #107c10;
    font-weight: 600;
}

/* Dark mode tributos */
:global(.e-dark-mode) .sgfat-trib-ret-badge[b-j0cah4rrrt] {
    background: rgba(220,59,1,0.18);
    color: #ff8c5a;
}
:global(.e-dark-mode) .sgfat-trib-footer td[b-j0cah4rrrt] {
    color: #ff8c5a;
}
:global(.e-dark-mode) .sgfat-detail-valor-card--liq[b-j0cah4rrrt] {
    background: linear-gradient(135deg, rgba(16,124,16,0.12), rgba(16,124,16,0.05));
    border-color: rgba(16,124,16,0.25);
}
:global(.e-dark-mode) .sgfat-detail-valor-card--liq .sgfat-detail-valor-main[b-j0cah4rrrt] {
    color: #4ade80;
}
:global(.e-dark-mode) .sgfat-detail-valor-card--liq .sgfat-detail-valor-label[b-j0cah4rrrt] {
    color: rgba(74,222,128,0.7);
}
:global(.e-dark-mode) .sgfat-cell-kpi--liq[b-j0cah4rrrt] {
    color: #4ade80;
}

/* ════════════════════════════════════════════════════════════════
   RELATÓRIO DE PREVISÃO — Prefixo: sgfat-rpt-
   ════════════════════════════════════════════════════════════════ */

/* ── Botão Relatório no step-header ── */
.sgfat-btn--report[b-j0cah4rrrt],
.sgfat-btn--print[b-j0cah4rrrt] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}
.sgfat-btn--report[b-j0cah4rrrt] {
    background: linear-gradient(135deg, #c62828 0%, #e53935 100%);
    color: #fff;
    box-shadow: 0 2px 6px rgba(198,40,40,0.25);
}
.sgfat-btn--report:hover[b-j0cah4rrrt] { box-shadow: 0 4px 12px rgba(198,40,40,0.35); transform: translateY(-1px); }
.sgfat-btn--report span[class*="icon-"][b-j0cah4rrrt] { font-size: 16px; }

.sgfat-btn--print[b-j0cah4rrrt] {
    background: linear-gradient(135deg, var(--sgfat-accent) 0%, #1e88e5 100%);
    color: #fff;
    box-shadow: 0 2px 6px rgba(0,120,212,0.25);
}
.sgfat-btn--print:hover[b-j0cah4rrrt] { box-shadow: 0 4px 12px rgba(0,120,212,0.35); transform: translateY(-1px); }
.sgfat-btn--print span[class*="icon-"][b-j0cah4rrrt] { font-size: 16px; }

/* ── Diálogo do relatório (fullscreen) ── */
:global(.sgfat-relatorio-dialog)[b-j0cah4rrrt] {
    border-radius: 0 !important;
}
:global(.sgfat-relatorio-dialog .e-dlg-header-content)[b-j0cah4rrrt] {
    padding: 0 !important;
    border-bottom: 1px solid #e2e8f0;
}
:global(.sgfat-relatorio-dialog .e-dlg-content)[b-j0cah4rrrt] {
    padding: 0 !important;
    overflow-y: auto;
}
:global(.sgfat-relatorio-dialog .e-btn.e-dlg-closeicon-btn)[b-j0cah4rrrt] {
    top: 14px;
    right: 14px;
}

.sgfat-rpt-dlg-header[b-j0cah4rrrt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 48px 12px 20px;
}
.sgfat-rpt-dlg-header-left[b-j0cah4rrrt] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.sgfat-rpt-dlg-icon[b-j0cah4rrrt] {
    font-size: 24px;
    color: #c62828;
}
.sgfat-rpt-dlg-title[b-j0cah4rrrt] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color, #0f172a);
    display: block;
}
.sgfat-rpt-dlg-sub[b-j0cah4rrrt] {
    font-size: 0.72rem;
    color: #64748b;
    display: block;
}

/* ── Logo no cabeçalho do relatório ── */
.sgfat-rpt-logo-img[b-j0cah4rrrt] {
    width: 36px;
    height: 36px;
    object-fit: contain;
}
:global(.e-dark-mode) .sgfat-rpt-logo-img[b-j0cah4rrrt] {
    filter: brightness(0) invert(1);
}

/* ── Container do relatório ── */
.sgfat-report[b-j0cah4rrrt] {
    flex: 1;
    overflow-y: auto;
    padding: 32px;
    background: #fff;
    color: #1e293b;
}

/* ── Cabeçalho ── */
.sgfat-rpt-header[b-j0cah4rrrt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}
.sgfat-rpt-logo[b-j0cah4rrrt] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.sgfat-rpt-logo-icon[b-j0cah4rrrt] {
    font-size: 32px;
    color: var(--sgfat-accent);
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sgfat-rpt-title[b-j0cah4rrrt] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.02em;
}
.sgfat-rpt-subtitle[b-j0cah4rrrt] {
    margin: 2px 0 0;
    font-size: 0.82rem;
    color: #64748b;
    font-weight: 500;
}
.sgfat-rpt-meta[b-j0cah4rrrt] {
    display: flex;
    gap: 24px;
    text-align: right;
}
.sgfat-rpt-meta-item[b-j0cah4rrrt] {
    display: flex;
    flex-direction: column;
}
.sgfat-rpt-meta-label[b-j0cah4rrrt] {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94a3b8;
    font-weight: 600;
}
.sgfat-rpt-meta-value[b-j0cah4rrrt] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #334155;
}
.sgfat-rpt-divider[b-j0cah4rrrt] {
    height: 2px;
    background: linear-gradient(90deg, var(--sgfat-accent), transparent);
    margin: 16px 0 24px;
    border-radius: 1px;
}

/* ── Seções ── */
.sgfat-rpt-section[b-j0cah4rrrt] {
    margin-bottom: 28px;
}
.sgfat-rpt-section-title[b-j0cah4rrrt] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e2e8f0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── KPIs Consolidados ── */
.sgfat-rpt-kpi-grid[b-j0cah4rrrt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}
.sgfat-rpt-kpi[b-j0cah4rrrt] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.sgfat-rpt-kpi-value[b-j0cah4rrrt] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #334155;
    line-height: 1.2;
}
.sgfat-rpt-kpi-label[b-j0cah4rrrt] {
    font-size: 0.7rem;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 4px;
}
.sgfat-rpt-kpi--total[b-j0cah4rrrt] {
    background: linear-gradient(135deg, rgba(0,120,212,0.06), rgba(0,120,212,0.02));
    border-color: rgba(0,120,212,0.2);
}
.sgfat-rpt-kpi--total .sgfat-rpt-kpi-value[b-j0cah4rrrt] { color: var(--sgfat-accent); font-size: 1.25rem; }
.sgfat-rpt-kpi--ret[b-j0cah4rrrt] {
    background: linear-gradient(135deg, rgba(216,59,1,0.06), rgba(216,59,1,0.02));
    border-color: rgba(216,59,1,0.2);
}
.sgfat-rpt-kpi--ret .sgfat-rpt-kpi-value[b-j0cah4rrrt] { color: var(--sgfat-danger); }
.sgfat-rpt-kpi--liq[b-j0cah4rrrt] {
    background: linear-gradient(135deg, rgba(16,124,16,0.06), rgba(16,124,16,0.02));
    border-color: rgba(16,124,16,0.2);
}
.sgfat-rpt-kpi--liq .sgfat-rpt-kpi-value[b-j0cah4rrrt] { color: var(--sgfat-success); }

/* ── Por Tipo de Documento ── */
.sgfat-rpt-tipo-grid[b-j0cah4rrrt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}
.sgfat-rpt-tipo-card[b-j0cah4rrrt] {
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.sgfat-rpt-tipo-card--nf[b-j0cah4rrrt] {
    background: linear-gradient(135deg, rgba(0,120,212,0.06), rgba(0,120,212,0.02));
    border: 1px solid rgba(0,120,212,0.15);
}
.sgfat-rpt-tipo-card--recibo[b-j0cah4rrrt] {
    background: linear-gradient(135deg, rgba(16,124,16,0.06), rgba(16,124,16,0.02));
    border: 1px solid rgba(16,124,16,0.15);
}
.sgfat-rpt-tipo-card--nd[b-j0cah4rrrt] {
    background: linear-gradient(135deg, rgba(196,122,0,0.06), rgba(196,122,0,0.02));
    border: 1px solid rgba(196,122,0,0.15);
}
.sgfat-rpt-tipo-header[b-j0cah4rrrt] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.sgfat-rpt-tipo-badge[b-j0cah4rrrt] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
}
.sgfat-rpt-tipo-badge--nf[b-j0cah4rrrt] { background: var(--sgfat-nf); }
.sgfat-rpt-tipo-badge--recibo[b-j0cah4rrrt] { background: var(--sgfat-recibo); }
.sgfat-rpt-tipo-badge--nd[b-j0cah4rrrt] { background: var(--sgfat-nd); }
.sgfat-rpt-tipo-count[b-j0cah4rrrt] {
    font-size: 0.72rem;
    color: #64748b;
    font-weight: 500;
}
.sgfat-rpt-tipo-value[b-j0cah4rrrt] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1e293b;
}
.sgfat-rpt-tipo-peso[b-j0cah4rrrt] {
    font-size: 0.75rem;
    color: #94a3b8;
    font-weight: 500;
}

/* ── Faixa de Coleta ── */
.sgfat-rpt-faixa-section[b-j0cah4rrrt] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 20px;
    background: #fafbfc;
}
.sgfat-rpt-faixa-header[b-j0cah4rrrt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}
.sgfat-rpt-faixa-header .sgfat-rpt-section-title[b-j0cah4rrrt] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    color: var(--sgfat-accent);
}
.sgfat-rpt-faixa-meta[b-j0cah4rrrt] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}
.sgfat-rpt-faixa-periodo[b-j0cah4rrrt] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #334155;
}
.sgfat-rpt-faixa-stats[b-j0cah4rrrt] {
    font-size: 0.7rem;
    color: #94a3b8;
}
.sgfat-rpt-faixa-summary[b-j0cah4rrrt] {
    display: flex;
    gap: 20px;
    align-items: baseline;
    margin-bottom: 14px;
    padding: 10px 14px;
    background: linear-gradient(135deg, rgba(0,120,212,0.04), transparent);
    border-radius: 6px;
    border-left: 3px solid var(--sgfat-accent);
}
.sgfat-rpt-faixa-total[b-j0cah4rrrt] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--sgfat-accent);
}
.sgfat-rpt-faixa-peso[b-j0cah4rrrt] {
    font-size: 0.82rem;
    color: #64748b;
    font-weight: 500;
}

/* ── Tabela ── */
.sgfat-rpt-table[b-j0cah4rrrt] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.72rem;
}
.sgfat-rpt-th[b-j0cah4rrrt] {
    padding: 8px 10px;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.65rem;
    border-bottom: 2px solid #cbd5e1;
    text-align: left;
    white-space: nowrap;
}
.sgfat-rpt-th--center[b-j0cah4rrrt] { text-align: center; }
.sgfat-rpt-th--right[b-j0cah4rrrt] { text-align: right; }
.sgfat-rpt-td[b-j0cah4rrrt] {
    padding: 6px 10px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    vertical-align: middle;
}
.sgfat-rpt-td--contrato[b-j0cah4rrrt] { font-weight: 600; white-space: nowrap; }
.sgfat-rpt-td--cliente[b-j0cah4rrrt] { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sgfat-rpt-td--center[b-j0cah4rrrt] { text-align: center; }
.sgfat-rpt-td--right[b-j0cah4rrrt] { text-align: right; }
.sgfat-rpt-td--mono[b-j0cah4rrrt] { font-family: "Cascadia Code", "Consolas", monospace; font-size: 0.7rem; }
.sgfat-rpt-td--valor[b-j0cah4rrrt] { font-weight: 700; color: #0f172a; }
.sgfat-rpt-td--obs[b-j0cah4rrrt] {
    font-size: 0.68rem;
    color: #92400e;
    background: rgba(255,237,213,0.5);
    padding: 4px 10px 4px 24px;
    font-style: italic;
}
.sgfat-rpt-row:nth-child(even)[b-j0cah4rrrt] { background: rgba(248,250,252,0.6); }
.sgfat-rpt-row--obs[b-j0cah4rrrt] { }
.sgfat-rpt-row-obs td[b-j0cah4rrrt] { border-bottom: 1px solid #fde68a; }
.sgfat-rpt-obs-icon[b-j0cah4rrrt] { color: #d97706; font-size: 0.75rem; margin-right: 4px; }
.sgfat-rpt-footer-row[b-j0cah4rrrt] {
    background: #f1f5f9;
    border-top: 2px solid #cbd5e1;
}
.sgfat-rpt-footer-row td[b-j0cah4rrrt] { padding: 8px 10px; }

/* ── Tipo tag na tabela ── */
.sgfat-rpt-tipo-tag[b-j0cah4rrrt] {
    font-size: 0.62rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 3px;
    color: #fff;
    white-space: nowrap;
}
.sgfat-rpt-tipo-tag--nf[b-j0cah4rrrt] { background: var(--sgfat-nf); }
.sgfat-rpt-tipo-tag--recibo[b-j0cah4rrrt] { background: var(--sgfat-recibo); }
.sgfat-rpt-tipo-tag--nd[b-j0cah4rrrt] { background: var(--sgfat-nd); }

/* ── Variação ── */
.sgfat-rpt-var[b-j0cah4rrrt] {
    font-size: 0.68rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 3px;
    white-space: nowrap;
}
.sgfat-rpt-var--up[b-j0cah4rrrt] { color: #059669; background: rgba(5,150,105,0.08); }
.sgfat-rpt-var--down[b-j0cah4rrrt] { color: #dc2626; background: rgba(220,38,38,0.08); }

/* ── Não Elegíveis (resumo) ── */
.sgfat-rpt-naoelegivel[b-j0cah4rrrt] {
    margin-top: 16px;
    padding: 12px 16px;
    background: rgba(241,245,249,0.8);
    border-radius: 6px;
    border: 1px dashed #cbd5e1;
}
.sgfat-rpt-naoelegivel-title[b-j0cah4rrrt] {
    font-size: 0.76rem;
    font-weight: 700;
    color: #64748b;
    margin: 0 0 8px;
}
.sgfat-rpt-motivo-grid[b-j0cah4rrrt] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.sgfat-rpt-motivo-item[b-j0cah4rrrt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    color: #475569;
}
.sgfat-rpt-motivo-count[b-j0cah4rrrt] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #475569;
    font-weight: 700;
    font-size: 0.68rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Rodapé do relatório ── */
.sgfat-rpt-footer[b-j0cah4rrrt] {
    margin-top: 32px;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
    text-align: center;
}
.sgfat-rpt-footer-text[b-j0cah4rrrt] {
    font-size: 0.68rem;
    color: #94a3b8;
    font-style: italic;
}

/* ── Dark mode overrides para o relatório ── */
:global(.e-dark-mode) .sgfat-report[b-j0cah4rrrt] {
    background: #1e293b;
    color: #e2e8f0;
}
:global(.e-dark-mode) .sgfat-rpt-title[b-j0cah4rrrt] { color: #f1f5f9; }
:global(.e-dark-mode) .sgfat-rpt-subtitle[b-j0cah4rrrt] { color: #94a3b8; }
:global(.e-dark-mode) .sgfat-rpt-meta-value[b-j0cah4rrrt] { color: #cbd5e1; }
:global(.e-dark-mode) .sgfat-rpt-divider[b-j0cah4rrrt] { background: linear-gradient(90deg, var(--sgfat-accent), transparent); }
:global(.e-dark-mode) .sgfat-rpt-section-title[b-j0cah4rrrt] { color: #f1f5f9; border-bottom-color: #334155; }
:global(.e-dark-mode) .sgfat-rpt-kpi[b-j0cah4rrrt] { background: #0f172a; border-color: #334155; }
:global(.e-dark-mode) .sgfat-rpt-kpi-value[b-j0cah4rrrt] { color: #e2e8f0; }
:global(.e-dark-mode) .sgfat-rpt-kpi-label[b-j0cah4rrrt] { color: #94a3b8; }
:global(.e-dark-mode) .sgfat-rpt-kpi--total[b-j0cah4rrrt] { background: rgba(0,120,212,0.1); border-color: rgba(0,120,212,0.3); }
:global(.e-dark-mode) .sgfat-rpt-tipo-card--nf[b-j0cah4rrrt] { background: rgba(0,120,212,0.08); border-color: rgba(0,120,212,0.2); }
:global(.e-dark-mode) .sgfat-rpt-tipo-card--recibo[b-j0cah4rrrt] { background: rgba(16,124,16,0.08); border-color: rgba(16,124,16,0.2); }
:global(.e-dark-mode) .sgfat-rpt-tipo-card--nd[b-j0cah4rrrt] { background: rgba(196,122,0,0.08); border-color: rgba(196,122,0,0.2); }
:global(.e-dark-mode) .sgfat-rpt-tipo-value[b-j0cah4rrrt] { color: #f1f5f9; }
:global(.e-dark-mode) .sgfat-rpt-tipo-peso[b-j0cah4rrrt] { color: #64748b; }
:global(.e-dark-mode) .sgfat-rpt-faixa-section[b-j0cah4rrrt] { background: #0f172a; border-color: #334155; }
:global(.e-dark-mode) .sgfat-rpt-faixa-summary[b-j0cah4rrrt] { background: rgba(0,120,212,0.06); }
:global(.e-dark-mode) .sgfat-rpt-th[b-j0cah4rrrt] { color: #94a3b8; border-bottom-color: #334155; }
:global(.e-dark-mode) .sgfat-rpt-td[b-j0cah4rrrt] { color: #cbd5e1; border-bottom-color: #1e293b; }
:global(.e-dark-mode) .sgfat-rpt-td--valor[b-j0cah4rrrt] { color: #f1f5f9; }
:global(.e-dark-mode) .sgfat-rpt-td--obs[b-j0cah4rrrt] { color: #fbbf24; background: rgba(217,119,6,0.1); }
:global(.e-dark-mode) .sgfat-rpt-row:nth-child(even)[b-j0cah4rrrt] { background: rgba(15,23,42,0.4); }
:global(.e-dark-mode) .sgfat-rpt-footer-row[b-j0cah4rrrt] { background: #0f172a; border-top-color: #334155; }
:global(.e-dark-mode) .sgfat-rpt-naoelegivel[b-j0cah4rrrt] { background: rgba(15,23,42,0.6); border-color: #334155; }
:global(.e-dark-mode) .sgfat-rpt-naoelegivel-title[b-j0cah4rrrt] { color: #94a3b8; }
:global(.e-dark-mode) .sgfat-rpt-motivo-count[b-j0cah4rrrt] { background: #334155; color: #cbd5e1; }
:global(.e-dark-mode) .sgfat-rpt-footer[b-j0cah4rrrt] { border-top-color: #334155; }
:global(.e-dark-mode) .sgfat-rpt-footer-text[b-j0cah4rrrt] { color: #64748b; }

/* ══════════ Pills de faixa — wrap + badge de selecionados + botão limpar ══════════ */
.sgfat-faixa-tab-wrap[b-j0cah4rrrt] {
    position: relative;
    display: inline-flex;
    align-items: stretch;
}
.sgfat-faixa-sel-badge[b-j0cah4rrrt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 5px;
    margin-left: 4px;
    font-size: 0.68rem;
    font-weight: 700;
    color: #fff;
    background: #0078d4;
    border-radius: 10px;
    line-height: 1;
}
.sgfat-faixa-clear[b-j0cah4rrrt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: -10px;
    align-self: center;
    position: relative;
    z-index: 2;
    background: #ef4444;
    color: #fff;
    border: 2px solid var(--color-sf-content-bg-color, #fff);
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    opacity: 0;
    transition: opacity 0.15s, transform 0.15s;
}
.sgfat-faixa-tab-wrap:hover .sgfat-faixa-clear[b-j0cah4rrrt] { opacity: 1; }
.sgfat-faixa-clear:hover[b-j0cah4rrrt] { background: #dc2626; transform: scale(1.1); }
.sgfat-faixa-clear span[b-j0cah4rrrt] { font-size: 11px; }

/* ══════════ KPI lateral — subtítulo de múltiplas faixas ══════════ */
.sgfat-aside-kpi-sub[b-j0cah4rrrt] {
    font-size: 0.62rem;
    color: #94a3b8;
    font-style: italic;
    margin-top: 2px;
}

/* ══════════ Etapa 2 — Confirmação ══════════ */
.sgfat-confirm-hint[b-j0cah4rrrt] {
    padding: 10px 14px;
    margin: 12px 16px;
    background: color-mix(in srgb, #0ea5e9 8%, transparent);
    border-left: 3px solid #0ea5e9;
    border-radius: 6px;
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color, #1e293b);
}

.sgfat-confirm-grid[b-j0cah4rrrt] {
    padding: 0 16px 16px;
    overflow-x: auto;
    max-height: calc(100vh - 280px);
}

.sgfat-confirm-tbl[b-j0cah4rrrt] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.8rem;
    background: var(--color-sf-content-bg-color, #fff);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.sgfat-confirm-tbl th[b-j0cah4rrrt] {
    padding: 8px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    background: color-mix(in srgb, var(--color-sf-border, #e2e8f0) 40%, transparent);
    border-bottom: 1px solid var(--color-sf-border, #e2e8f0);
    position: sticky;
    top: 0;
    z-index: 2;
}
.sgfat-confirm-tbl td[b-j0cah4rrrt] {
    padding: 7px 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-sf-border, #e2e8f0) 50%, transparent);
}
.sgfat-confirm-tbl tr:last-child td[b-j0cah4rrrt] { border-bottom: none; }
.sgfat-confirm-tbl tr:hover td[b-j0cah4rrrt] { background: color-mix(in srgb, #0078d4 3%, transparent); }

.sgfat-confirm-num[b-j0cah4rrrt] { text-align: right; font-variant-numeric: tabular-nums; }
.sgfat-confirm-ck[b-j0cah4rrrt] { text-align: center; width: 68px; }
.sgfat-confirm-ck--med[b-j0cah4rrrt] {
    background: color-mix(in srgb, #f59e0b 5%, transparent);
    border-left: 2px solid color-mix(in srgb, #f59e0b 30%, transparent);
}
.sgfat-confirm-ck input[type="checkbox"][b-j0cah4rrrt] {
    width: 16px; height: 16px;
    cursor: pointer;
    accent-color: #0078d4;
}
.sgfat-confirm-ck--med input[type="checkbox"][b-j0cah4rrrt] { accent-color: #f59e0b; }
.sgfat-confirm-ck input[type="checkbox"]:disabled[b-j0cah4rrrt] { opacity: 0.35; cursor: not-allowed; }

.sgfat-confirm-row--med td[b-j0cah4rrrt] { opacity: 0.9; }
.sgfat-confirm-row--med .sgfat-confirm-cod[b-j0cah4rrrt] { color: #d97706; }

.sgfat-confirm-cod[b-j0cah4rrrt] { font-variant-numeric: tabular-nums; }
.sgfat-confirm-cli[b-j0cah4rrrt] { max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ══════════ Etapa 3 — Resumo por estabelecimento ══════════ */
.sgfat-resumo-wrap[b-j0cah4rrrt] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    max-height: calc(100vh - 220px);
}

.sgfat-resumo-estab[b-j0cah4rrrt] {
    background: var(--color-sf-content-bg-color, #fff);
    border: 1px solid var(--color-sf-border, #e2e8f0);
    border-radius: 8px;
    overflow: hidden;
}
.sgfat-resumo-estab-head[b-j0cah4rrrt] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: color-mix(in srgb, #0078d4 5%, transparent);
    border-bottom: 1px solid var(--color-sf-border, #e2e8f0);
}
.sgfat-resumo-estab-head span[class^="icon-"][b-j0cah4rrrt] {
    font-size: 20px;
    color: #0078d4;
}
.sgfat-resumo-estab-head h4[b-j0cah4rrrt] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    flex: 1;
    color: var(--color-sf-content-text-color, #1e293b);
}
.sgfat-resumo-estab-tot[b-j0cah4rrrt] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #0078d4;
    font-variant-numeric: tabular-nums;
}
.sgfat-resumo-estab-body[b-j0cah4rrrt] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: var(--color-sf-border, #e2e8f0);
}
.sgfat-resumo-cell[b-j0cah4rrrt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 12px;
    background: var(--color-sf-content-bg-color, #fff);
    gap: 3px;
}
.sgfat-resumo-cell-lbl[b-j0cah4rrrt] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1, #64748b);
}
.sgfat-resumo-cell-val[b-j0cah4rrrt] {
    font-size: 1.4rem;
    font-weight: 200;
    font-variant-numeric: tabular-nums;
}
.sgfat-resumo-cell--nf  .sgfat-resumo-cell-val[b-j0cah4rrrt] { color: #0078d4; }
.sgfat-resumo-cell--rec .sgfat-resumo-cell-val[b-j0cah4rrrt] { color: #10b981; }
.sgfat-resumo-cell--nd  .sgfat-resumo-cell-val[b-j0cah4rrrt] { color: #d97706; }
.sgfat-resumo-cell--med .sgfat-resumo-cell-val[b-j0cah4rrrt] { color: #f59e0b; }

.sgfat-resumo-total[b-j0cah4rrrt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 14px 18px;
    background: color-mix(in srgb, #0078d4 8%, transparent);
    border: 1px solid color-mix(in srgb, #0078d4 25%, transparent);
    border-radius: 8px;
    gap: 4px;
}
.sgfat-resumo-total-lbl[b-j0cah4rrrt] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1, #64748b);
}
.sgfat-resumo-total-val[b-j0cah4rrrt] {
    font-size: 1.8rem;
    font-weight: 100;
    color: #0078d4;
    font-variant-numeric: tabular-nums;
}
.sgfat-resumo-total-qtd[b-j0cah4rrrt] {
    font-size: 0.8rem;
    color: var(--color-sf-content-text-color-alt1, #64748b);
}

/* ══════════ Stat de Medição na etapa 5 ══════════ */
.sgfat-stat--med .sgfat-stat-value[b-j0cah4rrrt] { color: #f59e0b; }

/* ── Dark mode ── */
:global(.e-dark-mode) .sgfat-confirm-hint[b-j0cah4rrrt] { background: rgba(14,165,233,0.08); color: #cbd5e1; }
:global(.e-dark-mode) .sgfat-confirm-tbl[b-j0cah4rrrt] { background: #1e293b; }
:global(.e-dark-mode) .sgfat-confirm-tbl th[b-j0cah4rrrt] { background: #0f172a; color: #94a3b8; border-bottom-color: #334155; }
:global(.e-dark-mode) .sgfat-confirm-tbl td[b-j0cah4rrrt] { color: #cbd5e1; border-bottom-color: #334155; }
:global(.e-dark-mode) .sgfat-confirm-tbl tr:hover td[b-j0cah4rrrt] { background: rgba(0,120,212,0.1); }
:global(.e-dark-mode) .sgfat-confirm-ck--med[b-j0cah4rrrt] { background: rgba(245,158,11,0.08); }
:global(.e-dark-mode) .sgfat-resumo-estab[b-j0cah4rrrt] { background: #1e293b; border-color: #334155; }
:global(.e-dark-mode) .sgfat-resumo-estab-head[b-j0cah4rrrt] { background: rgba(0,120,212,0.1); border-bottom-color: #334155; }
:global(.e-dark-mode) .sgfat-resumo-estab-head h4[b-j0cah4rrrt] { color: #f1f5f9; }
:global(.e-dark-mode) .sgfat-resumo-estab-body[b-j0cah4rrrt] { background: #334155; }
:global(.e-dark-mode) .sgfat-resumo-cell[b-j0cah4rrrt] { background: #1e293b; }
:global(.e-dark-mode) .sgfat-resumo-cell-lbl[b-j0cah4rrrt] { color: #94a3b8; }
:global(.e-dark-mode) .sgfat-resumo-total[b-j0cah4rrrt] { background: rgba(0,120,212,0.12); border-color: rgba(0,120,212,0.3); }
:global(.e-dark-mode) .sgfat-resumo-total-lbl[b-j0cah4rrrt] { color: #94a3b8; }
:global(.e-dark-mode) .sgfat-resumo-total-qtd[b-j0cah4rrrt] { color: #94a3b8; }
:global(.e-dark-mode) .sgfat-faixa-sel-badge[b-j0cah4rrrt] { background: #0ea5e9; }
/* /Components/Processamento/FaturamentoRecursivo.razor.rz.scp.css */
/* ============================================================
   FaturamentoRecursivo — Prefixo: sgfr-
   Design: Premium wizard com stepper customizado
   Paleta: Azul primário do Syncfusion Fluent 2
   ============================================================ */

.sgfr-container[b-gm8lmcatk5] {
    --sgfr-accent:       var(--color-sf-primary, #0078d4);
    --sgfr-accent-light: color-mix(in srgb, var(--color-sf-primary) 70%, #fff);
    --sgfr-success:      var(--color-sf-success, #107c10);
    --sgfr-danger:       var(--color-sf-danger, #d83b01);
    width: 100%;
    height: calc(100vh - 50px);
    display: flex;
    flex-direction: column;
}

/* ── Wizard layout ─────────────────────────────────────────── */
.sgfr-wizard[b-gm8lmcatk5] {
    display: flex;
    height: 100%;
    min-height: 400px;
    flex: 1;
    overflow: hidden;
}

/* ══════════ PAINEL ESQUERDO ══════════ */
.sgfr-left[b-gm8lmcatk5] {
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    background: linear-gradient(180deg, #0c0a18 0%, #120e22 45%, #16112e 100%);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

/* Ponto de luz sutil no canto superior */
.sgfr-left[b-gm8lmcatk5]::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(0, 120, 212, 0.15) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

/* Linha de brilho lateral direita */
.sgfr-left[b-gm8lmcatk5]::after {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 1px; height: 100%;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(0, 120, 212, 0.30) 30%,
        rgba(0, 120, 212, 0.15) 70%,
        transparent 100%);
    z-index: 1;
}

/* ── Progress bar topo ── */
.sgfr-progress-track[b-gm8lmcatk5] {
    height: 3px;
    background: rgba(255, 255, 255, 0.06);
    z-index: 2;
    flex-shrink: 0;
}

.sgfr-progress-fill[b-gm8lmcatk5] {
    height: 100%;
    background: linear-gradient(90deg, var(--sgfr-accent) 0%, var(--sgfr-accent-light) 100%);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px color-mix(in srgb, var(--sgfr-accent) 60%, transparent);
}

/* ── Header esquerdo ── */
.sgfr-left-header[b-gm8lmcatk5] {
    position: relative;
    z-index: 2;
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.sgfr-left-icon-wrap[b-gm8lmcatk5] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--sgfr-accent) 25%, transparent),
        color-mix(in srgb, var(--sgfr-accent) 10%, transparent));
    border: 1px solid color-mix(in srgb, var(--sgfr-accent) 35%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 0 12px color-mix(in srgb, var(--sgfr-accent) 20%, transparent);
}

.sgfr-left-icon-wrap span[b-gm8lmcatk5] { color: var(--sgfr-accent-light) !important; font-size: 18px; }
.sgfr-left-icon-wrap span[b-gm8lmcatk5]::before { color: var(--sgfr-accent-light) !important; }

.sgfr-left-heading[b-gm8lmcatk5] { display: flex; flex-direction: column; gap: 2px; }
.sgfr-left-title[b-gm8lmcatk5] { font-size: 0.8rem; font-weight: 700; color: #d1e4f5; margin: 0; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; }
.sgfr-left-sub[b-gm8lmcatk5] { font-size: 0.69rem; color: rgba(255, 255, 255, 0.38); margin: 0; }

/* ── Steps ── */
.sgfr-steps[b-gm8lmcatk5] {
    position: relative;
    z-index: 2;
    flex: 1;
    padding: 20px 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow-y: auto;
    min-height: 0;
}

.sgfr-step-card[b-gm8lmcatk5] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 10px;
    transition: background 0.25s, box-shadow 0.25s;
    cursor: default;
    overflow: hidden;
}

/* Pending */
.sgfr-step-card--pending .sgfr-step-indicator[b-gm8lmcatk5] { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.10); }
.sgfr-step-card--pending .sgfr-step-num[b-gm8lmcatk5] { color: rgba(255,255,255,0.25); }
.sgfr-step-card--pending .sgfr-step-card-title[b-gm8lmcatk5] { color: rgba(255,255,255,0.30); }
.sgfr-step-card--pending .sgfr-step-card-desc[b-gm8lmcatk5] { color: rgba(255,255,255,0.18); }

/* Active */
.sgfr-step-card--active[b-gm8lmcatk5] {
    background: color-mix(in srgb, var(--sgfr-accent) 8%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sgfr-accent) 20%, transparent);
}
.sgfr-step-card--active .sgfr-step-indicator[b-gm8lmcatk5] {
    background: linear-gradient(135deg, var(--sgfr-accent), color-mix(in srgb, var(--sgfr-accent) 80%, #000));
    border-color: var(--sgfr-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--sgfr-accent) 20%, transparent),
                0 0 16px color-mix(in srgb, var(--sgfr-accent) 35%, transparent);
    animation: sgfr-pulse-b-gm8lmcatk5 2s ease-in-out infinite;
}
.sgfr-step-card--active .sgfr-step-num[b-gm8lmcatk5] { color: #fff; }
.sgfr-step-card--active .sgfr-step-card-title[b-gm8lmcatk5] { color: #d1e4f5; font-weight: 600; }
.sgfr-step-card--active .sgfr-step-card-desc[b-gm8lmcatk5] { color: rgba(180, 210, 240, 0.65); }

/* Done */
.sgfr-step-card--done[b-gm8lmcatk5] { background: color-mix(in srgb, var(--sgfr-accent) 5%, transparent); }
.sgfr-step-card--done .sgfr-step-indicator[b-gm8lmcatk5] {
    background: color-mix(in srgb, var(--sgfr-accent) 15%, transparent);
    border-color: color-mix(in srgb, var(--sgfr-accent) 40%, transparent);
}
.sgfr-step-card--done .sgfr-check-path[b-gm8lmcatk5] {
    color: var(--sgfr-accent-light);
    stroke-dasharray: 30;
    stroke-dashoffset: 0;
    animation: sgfr-draw-check-b-gm8lmcatk5 0.45s ease-out forwards;
}
.sgfr-step-card--done .sgfr-step-card-title[b-gm8lmcatk5] { color: rgba(255,255,255,0.55); }
.sgfr-step-card--done .sgfr-step-card-desc[b-gm8lmcatk5] { color: rgba(255,255,255,0.28); }

/* Barra lateral ativa */
.sgfr-step-active-bar[b-gm8lmcatk5] {
    position: absolute;
    left: 0; top: 8px; bottom: 8px;
    width: 3px;
    border-radius: 0 2px 2px 0;
    background: linear-gradient(180deg, var(--sgfr-accent-light), var(--sgfr-accent));
    box-shadow: 0 0 8px color-mix(in srgb, var(--sgfr-accent) 60%, transparent);
}

/* Indicador circular */
.sgfr-step-indicator[b-gm8lmcatk5] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1.5px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s;
}

.sgfr-step-num[b-gm8lmcatk5] { font-size: 0.75rem; font-weight: 700; line-height: 1; }
.sgfr-step-card-title[b-gm8lmcatk5] { font-size: 0.75rem; font-weight: 500; line-height: 1.2; }
.sgfr-step-card-desc[b-gm8lmcatk5] { font-size: 0.62rem; line-height: 1.3; margin-top: 2px; }

/* Connector */
.sgfr-step-connector[b-gm8lmcatk5] { position: relative; height: 18px; margin-left: 26px; width: 0; }
.sgfr-step-connector-line[b-gm8lmcatk5] { position: absolute; left: -0.75px; top: 0; width: 1.5px; height: 100%; background: rgba(255,255,255,0.08); transition: background 0.4s; }
.sgfr-step-connector-line--done[b-gm8lmcatk5] { background: color-mix(in srgb, var(--sgfr-accent) 40%, transparent); }

/* KPIs na base do painel esquerdo */
.sgfr-aside-kpi[b-gm8lmcatk5] {
    position: relative; z-index: 2;
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 8px; padding: 12px 14px;
    border-top: 1px solid rgba(255,255,255,0.06);
    flex-shrink: 0;
}

.sgfr-aside-kpi-card[b-gm8lmcatk5] {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
    padding: 8px 10px;
    display: flex; flex-direction: column; align-items: center; gap: 2px;
}

.sgfr-aside-kpi-label[b-gm8lmcatk5] { font-size: 0.62rem; color: rgba(255,255,255,0.40); text-transform: uppercase; letter-spacing: 0.03em; }
.sgfr-aside-kpi-value[b-gm8lmcatk5] { font-size: 1.05rem; font-weight: 700; color: #d1e4f5; }
.sgfr-aside-kpi-value--sel[b-gm8lmcatk5] { color: var(--sgfr-accent-light); }
.sgfr-aside-kpi-value--total[b-gm8lmcatk5] { font-size: 0.9rem; color: var(--sgfr-accent-light); }

/* ══════════ PAINEL DIREITO ══════════ */
.sgfr-right[b-gm8lmcatk5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--color-sf-content-bg-color);
}

/* ── Step header ── */
.sgfr-step-header[b-gm8lmcatk5] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--color-sf-border-light);
    flex-shrink: 0;
}

.sgfr-step-badge[b-gm8lmcatk5] {
    width: 28px; height: 28px; border-radius: 50%;
    background: var(--sgfr-accent); color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.78rem; font-weight: 700; flex-shrink: 0;
}

.sgfr-step-badge--success[b-gm8lmcatk5] { background: var(--sgfr-success); }

.sgfr-step-header-text[b-gm8lmcatk5] { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.sgfr-step-title[b-gm8lmcatk5] { font-size: 0.95rem; font-weight: 600; margin: 0; color: var(--color-sf-content-text-color); }
.sgfr-step-hint[b-gm8lmcatk5] { font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1, #94a3b8); margin: 0; }
.sgfr-step-counter[b-gm8lmcatk5] { margin-left: auto; font-size: 0.78rem; font-weight: 600; color: var(--sgfr-accent); }

/* ── Rodapé ── */
.sgfr-footer[b-gm8lmcatk5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 20px;
    border-top: 1px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color-alt1);
    flex-shrink: 0;
}

.sgfr-footer-info[b-gm8lmcatk5] {
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sgfr-footer-info strong[b-gm8lmcatk5] { color: var(--color-sf-content-text-color); }

/* ── Área de parâmetros (Etapa 0) ── */
.sgfr-params-area[b-gm8lmcatk5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 20px 20px 0 20px;
    gap: 16px;
}

.sgfr-params-form[b-gm8lmcatk5] {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr auto;
    gap: 12px 16px;
    align-items: end;
    flex-shrink: 0;
}

@media (max-width: 900px) {
    .sgfr-params-form[b-gm8lmcatk5] {
        grid-template-columns: 1fr 1fr;
    }
    .sgfr-param-field--wide[b-gm8lmcatk5] {
        grid-column: span 2;
    }
    .sgfr-param-field--action[b-gm8lmcatk5] {
        grid-column: span 2;
        justify-self: flex-end;
    }
}

.sgfr-param-field[b-gm8lmcatk5] { display: flex; flex-direction: column; gap: 4px; }
.sgfr-param-field--action[b-gm8lmcatk5] { justify-content: flex-end; padding-bottom: 2px; }

.sgfr-param-label[b-gm8lmcatk5] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-sf-content-text-color-alt1);
}

.sgfr-required[b-gm8lmcatk5] { color: var(--sgfr-danger); margin-left: 2px; }

/* ── Grid wrapper (Etapa 0) ── */
.sgfr-grid-wrap[b-gm8lmcatk5] {
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

/* ── Células do grid ── */
.sgfr-cell-cliente[b-gm8lmcatk5] { display: flex; flex-direction: column; gap: 1px; line-height: 1.3; }
.sgfr-cell-cliente-nome[b-gm8lmcatk5] { font-size: 0.82rem; font-weight: 500; color: var(--color-sf-content-text-color); }
.sgfr-cell-cliente-doc[b-gm8lmcatk5] { font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1); font-family: monospace; }
.sgfr-cell-valor[b-gm8lmcatk5] { font-size: 0.82rem; font-weight: 600; color: var(--color-sf-content-text-color); }

/* ── Checkbox customizado ── */
.sgfr-row-check[b-gm8lmcatk5] { cursor: pointer; width: 14px; height: 14px; accent-color: var(--sgfr-accent); }

/* ── Grid Syncfusion overrides ── */
[b-gm8lmcatk5] .sgfr-grid .e-gridheader { background-color: var(--color-sf-content-bg-color-alt1); }
[b-gm8lmcatk5] .sgfr-grid .e-altrow { background-color: color-mix(in srgb, var(--sgfr-accent) 3%, var(--color-sf-content-bg-color)); }

/* ── Estado vazio ── */
.sgfr-state-empty[b-gm8lmcatk5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 200px;
    gap: 8px;
    text-align: center;
}

.sgfr-empty-icon[b-gm8lmcatk5] { font-size: 48px; color: var(--color-sf-content-text-color); opacity: 0.2; margin-bottom: 4px; }
.sgfr-empty-icon[b-gm8lmcatk5]::before { opacity: 0.2; }
.sgfr-empty-title[b-gm8lmcatk5] { font-size: 0.95rem; font-weight: 600; color: var(--color-sf-content-text-color); margin: 0; }
.sgfr-empty-sub[b-gm8lmcatk5] { font-size: 0.82rem; color: var(--color-sf-content-text-color-alt1); margin: 0; }

/* ── Mensagem de erro/info ── */
.sgfr-msg-area[b-gm8lmcatk5] { flex-shrink: 0; }

/* ── Botões ── */
.sgfr-btn-avancar[b-gm8lmcatk5],
.sgfr-btn-confirmar[b-gm8lmcatk5],
.sgfr-btn-concluir[b-gm8lmcatk5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.sgfr-btn-voltar[b-gm8lmcatk5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.sgfr-btn-avancar span[b-gm8lmcatk5],
.sgfr-btn-confirmar span[b-gm8lmcatk5],
.sgfr-btn-concluir span[b-gm8lmcatk5],
.sgfr-btn-voltar span[b-gm8lmcatk5] {
    font-size: 14px;
}

/* ── Área de revisão (Etapa 1) ── */
.sgfr-revisao-area[b-gm8lmcatk5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 0;
}

.sgfr-revisao-info[b-gm8lmcatk5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color-alt1);
    border-bottom: 1px solid var(--color-sf-border-light);
    flex-shrink: 0;
    background: var(--color-sf-content-bg-color-alt1);
    margin: 0;
}

.sgfr-revisao-info span.e-icons[b-gm8lmcatk5],
.sgfr-revisao-info span[class*="icon-"][b-gm8lmcatk5] { color: var(--sgfr-accent); font-size: 14px; flex-shrink: 0; }

.sgfr-revisao-grid-wrap[b-gm8lmcatk5] {
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

.sgfr-total-row[b-gm8lmcatk5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-top: 2px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color-alt1);
    flex-shrink: 0;
}

.sgfr-total-label[b-gm8lmcatk5] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-sf-content-text-color-alt1);
}

.sgfr-total-valor[b-gm8lmcatk5] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--sgfr-accent);
}

/* ── Loading overlay (Etapa 2) ── */
.sgfr-loading-overlay[b-gm8lmcatk5] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-sf-content-bg-color);
    animation: sgfr-fade-in-b-gm8lmcatk5 0.3s ease-out;
}

.sgfr-loading-card[b-gm8lmcatk5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 48px 40px;
    max-width: 420px;
    text-align: center;
}

.sgfr-loading-spinner[b-gm8lmcatk5] {
    position: relative;
    width: 80px; height: 80px;
    display: flex; align-items: center; justify-content: center;
}

.sgfr-loading-ring[b-gm8lmcatk5] {
    position: absolute; inset: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: var(--sgfr-accent);
    animation: sgfr-spin-b-gm8lmcatk5 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.sgfr-loading-ring--2[b-gm8lmcatk5] {
    inset: 8px;
    border-top-color: transparent;
    border-right-color: color-mix(in srgb, var(--sgfr-accent) 35%, transparent);
    animation-duration: 2s;
    animation-direction: reverse;
}

.sgfr-loading-ring--3[b-gm8lmcatk5] {
    inset: 16px;
    border-top-color: transparent;
    border-bottom-color: color-mix(in srgb, var(--sgfr-accent) 20%, transparent);
    animation-duration: 2.8s;
}

.sgfr-loading-icon[b-gm8lmcatk5] {
    font-size: 22px;
    color: var(--sgfr-accent) !important;
    animation: sgfr-icon-pulse-b-gm8lmcatk5 2s ease-in-out infinite;
}

.sgfr-loading-icon[b-gm8lmcatk5]::before { color: var(--sgfr-accent) !important; }

.sgfr-loading-title[b-gm8lmcatk5] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    letter-spacing: -0.01em;
}

.sgfr-loading-desc[b-gm8lmcatk5] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color-alt1);
}

/* ── Área de resumo (Etapa 3) ── */
.sgfr-resumo-area[b-gm8lmcatk5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 32px 24px;
    overflow-y: auto;
}

.sgfr-resumo-success[b-gm8lmcatk5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
}

.sgfr-resumo-icon[b-gm8lmcatk5] {
    font-size: 52px;
    color: var(--sgfr-success) !important;
}

.sgfr-resumo-icon[b-gm8lmcatk5]::before { color: var(--sgfr-success) !important; }

.sgfr-resumo-title[b-gm8lmcatk5] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    margin: 0;
    text-align: center;
}

.sgfr-resumo-card[b-gm8lmcatk5] {
    width: 100%;
    max-width: 480px;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 10px;
    overflow: hidden;
}

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

.sgfr-resumo-key[b-gm8lmcatk5] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sgfr-resumo-key span[class*="icon-"][b-gm8lmcatk5] { font-size: 14px; color: var(--sgfr-accent); flex-shrink: 0; }
.sgfr-resumo-key span[class*="icon-"][b-gm8lmcatk5]::before { color: var(--sgfr-accent) !important; }

.sgfr-resumo-val[b-gm8lmcatk5] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    text-align: right;
}

.sgfr-resumo-val--highlight[b-gm8lmcatk5] {
    font-size: 1rem;
    color: var(--sgfr-accent);
}

.sgfr-resumo-divider[b-gm8lmcatk5] {
    height: 1px;
    background: var(--color-sf-border-light);
    margin: 0;
}

/* ── Toast ── */
.sgfr-toast-content[b-gm8lmcatk5] { display: flex; align-items: center; gap: 8px; }
.sgfr-toast-content span.e-icons[b-gm8lmcatk5] { font-size: 16px; }

/* ── Spin de botão ── */
.sgfr-spin[b-gm8lmcatk5] { animation: sgfr-spin-b-gm8lmcatk5 1s linear infinite; }

/* ══════════ KEYFRAMES ══════════ */

@keyframes sgfr-pulse-b-gm8lmcatk5 {
    0%, 100% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--sgfr-accent) 20%, transparent), 0 0 16px color-mix(in srgb, var(--sgfr-accent) 35%, transparent); }
    50%       { box-shadow: 0 0 0 5px color-mix(in srgb, var(--sgfr-accent) 10%, transparent), 0 0 24px color-mix(in srgb, var(--sgfr-accent) 50%, transparent); }
}

@keyframes sgfr-draw-check-b-gm8lmcatk5 {
    from { stroke-dashoffset: 30; }
    to   { stroke-dashoffset: 0; }
}

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

@keyframes sgfr-icon-pulse-b-gm8lmcatk5 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.65; transform: scale(0.9); }
}

@keyframes sgfr-fade-in-b-gm8lmcatk5 {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* /Components/Processamento/FaturamentoTratamento.razor.rz.scp.css */
/* ============================================================
   FaturamentoTratamento — Prefixo: sgfat-
   Design: Premium wizard com stepper customizado
   Paleta: Azul primário do Syncfusion Fluent 2
   ============================================================ */

.sgfat-container[b-i4uja9k3b6] {
    --sgfat-accent:       var(--color-sf-primary, #0078d4);
    --sgfat-accent-light: color-mix(in srgb, var(--color-sf-primary) 70%, #fff);
    --sgfat-success:      var(--color-sf-success, #107c10);
    --sgfat-danger:       var(--color-sf-danger, #d83b01);
    --sgfat-nf:           #0078d4;
    --sgfat-recibo:       #107c10;
    --sgfat-nd:           #c47a00;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* ── Wizard layout ───────────────────────────────────────── */
.sgfat-wizard[b-i4uja9k3b6] {
    display: flex;
    height: 100%;
    min-height: 400px;
    flex: 1;
    overflow: hidden;
}

/* ══════════ PAINEL ESQUERDO ══════════ */
.sgfat-left[b-i4uja9k3b6] {
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    background: linear-gradient(180deg, #0a0f1a 0%, #0d1525 45%, #111d30 100%);
    display: flex;
    flex-direction: column;
    border-radius: 0;
    overflow: hidden;
    position: relative;
}

/* Ponto de luz sutil no canto superior */
.sgfat-left[b-i4uja9k3b6]::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(0, 120, 212, 0.15) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.sgfat-left[b-i4uja9k3b6]::after {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 1px; height: 100%;
    background: linear-gradient(180deg, transparent 0%, rgba(0,120,212,0.30) 30%, rgba(0,120,212,0.15) 70%, transparent 100%);
    z-index: 1;
}

/* ── Progress bar topo ── */
.sgfat-progress-track[b-i4uja9k3b6] { height: 3px; background: rgba(255,255,255,0.06); z-index: 2; flex-shrink: 0; }
.sgfat-progress-fill[b-i4uja9k3b6] {
    height: 100%;
    background: linear-gradient(90deg, var(--sgfat-accent) 0%, var(--sgfat-accent-light) 100%);
    transition: width 0.5s cubic-bezier(0.4,0,0.2,1);
    box-shadow: 0 0 8px color-mix(in srgb, var(--sgfat-accent) 60%, transparent);
}

/* ── Header esquerdo ── */
.sgfat-left-header[b-i4uja9k3b6] {
    position: relative; z-index: 2;
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    display: flex; align-items: center; gap: 12px;
    flex-shrink: 0;
}
.sgfat-left-icon-wrap[b-i4uja9k3b6] {
    width: 40px; height: 40px; border-radius: 10px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--sgfat-accent) 25%, transparent), color-mix(in srgb, var(--sgfat-accent) 10%, transparent));
    border: 1px solid color-mix(in srgb, var(--sgfat-accent) 35%, transparent);
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    box-shadow: 0 0 12px color-mix(in srgb, var(--sgfat-accent) 20%, transparent);
}
.sgfat-left-icon-wrap span[b-i4uja9k3b6] { color: var(--sgfat-accent-light) !important; font-size: 18px; }
.sgfat-left-icon-wrap span[b-i4uja9k3b6]::before { color: var(--sgfat-accent-light) !important; }
.sgfat-left-heading[b-i4uja9k3b6] { display: flex; flex-direction: column; gap: 2px; }
.sgfat-left-title[b-i4uja9k3b6] { font-size: 0.8rem; font-weight: 700; color: #d1e4f5; margin: 0; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; }
.sgfat-left-sub[b-i4uja9k3b6] { font-size: 0.69rem; color: rgba(255,255,255,0.38); margin: 0; }

/* ── Steps ── */
.sgfat-steps[b-i4uja9k3b6] { position: relative; z-index: 2; flex: 1; padding: 20px 12px 16px; display: flex; flex-direction: column; gap: 0; overflow-y: auto; min-height: 0; }
.sgfat-step-card[b-i4uja9k3b6] { position: relative; display: flex; align-items: center; gap: 12px; padding: 10px 10px 10px 10px; border-radius: 10px; transition: background 0.25s, box-shadow 0.25s; cursor: default; overflow: hidden; }

/* Pending */
.sgfat-step-card--pending .sgfat-step-indicator[b-i4uja9k3b6] { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.10); }
.sgfat-step-card--pending .sgfat-step-num[b-i4uja9k3b6] { color: rgba(255,255,255,0.25); }
.sgfat-step-card--pending .sgfat-step-card-title[b-i4uja9k3b6] { color: rgba(255,255,255,0.30); }
.sgfat-step-card--pending .sgfat-step-card-desc[b-i4uja9k3b6] { color: rgba(255,255,255,0.18); }

/* Active */
.sgfat-step-card--active[b-i4uja9k3b6] { background: color-mix(in srgb, var(--sgfat-accent) 8%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sgfat-accent) 20%, transparent); }
.sgfat-step-card--active .sgfat-step-indicator[b-i4uja9k3b6] { background: linear-gradient(135deg, var(--sgfat-accent), color-mix(in srgb, var(--sgfat-accent) 80%, #000)); border-color: var(--sgfat-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sgfat-accent) 20%, transparent), 0 0 16px color-mix(in srgb, var(--sgfat-accent) 35%, transparent); animation: sgfat-pulse-b-i4uja9k3b6 2s ease-in-out infinite; }
.sgfat-step-card--active .sgfat-step-num[b-i4uja9k3b6] { color: #fff; }
.sgfat-step-card--active .sgfat-step-card-title[b-i4uja9k3b6] { color: #d1e4f5; font-weight: 600; }
.sgfat-step-card--active .sgfat-step-card-desc[b-i4uja9k3b6] { color: rgba(180,210,240,0.65); }

/* Done */
.sgfat-step-card--done[b-i4uja9k3b6] { background: color-mix(in srgb, var(--sgfat-accent) 5%, transparent); }
.sgfat-step-card--done .sgfat-step-indicator[b-i4uja9k3b6] { background: color-mix(in srgb, var(--sgfat-accent) 15%, transparent); border-color: color-mix(in srgb, var(--sgfat-accent) 40%, transparent); }
.sgfat-step-card--done .sgfat-check-path[b-i4uja9k3b6] { color: var(--sgfat-accent-light); stroke-dasharray: 30; stroke-dashoffset: 0; animation: sgfat-draw-check-b-i4uja9k3b6 0.45s ease-out forwards; }
.sgfat-step-card--done .sgfat-step-card-title[b-i4uja9k3b6] { color: rgba(255,255,255,0.55); }
.sgfat-step-card--done .sgfat-step-card-desc[b-i4uja9k3b6] { color: rgba(255,255,255,0.28); }

/* Success */
.sgfat-step-card--success[b-i4uja9k3b6] { background: color-mix(in srgb, var(--sgfat-success) 10%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sgfat-success) 25%, transparent); }
.sgfat-step-card--success .sgfat-step-indicator[b-i4uja9k3b6] { background: linear-gradient(135deg, var(--sgfat-success), color-mix(in srgb, var(--sgfat-success) 70%, #000)); border-color: var(--sgfat-success); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sgfat-success) 20%, transparent), 0 0 16px color-mix(in srgb, var(--sgfat-success) 40%, transparent); }
.sgfat-step-card--success .sgfat-check-path[b-i4uja9k3b6] { color: #fff; stroke: #fff; }
.sgfat-step-card--success .sgfat-step-card-title[b-i4uja9k3b6] { color: #a7f3d0; font-weight: 600; }
.sgfat-step-card--success .sgfat-step-card-desc[b-i4uja9k3b6] { color: rgba(167,243,208,0.60); }

.sgfat-step-active-bar[b-i4uja9k3b6] { position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; border-radius: 0 2px 2px 0; background: linear-gradient(180deg, var(--sgfat-accent-light), var(--sgfat-accent)); box-shadow: 0 0 8px color-mix(in srgb, var(--sgfat-accent) 60%, transparent); }

/* Indicador circular */
.sgfat-step-indicator[b-i4uja9k3b6] { width: 32px; height: 32px; border-radius: 50%; border: 1.5px solid transparent; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s; }
.sgfat-step-num[b-i4uja9k3b6] { font-size: 0.75rem; font-weight: 700; line-height: 1; }
.sgfat-step-card-title[b-i4uja9k3b6] { font-size: 0.75rem; font-weight: 500; line-height: 1.2; }
.sgfat-step-card-desc[b-i4uja9k3b6] { font-size: 0.62rem; line-height: 1.3; margin-top: 2px; }

/* Connector */
.sgfat-step-connector[b-i4uja9k3b6] { position: relative; height: 18px; margin-left: 26px; width: 0; }
.sgfat-step-connector-line[b-i4uja9k3b6] { position: absolute; left: -0.75px; top: 0; width: 1.5px; height: 100%; background: rgba(255,255,255,0.08); transition: background 0.4s; }
.sgfat-step-connector-line--done[b-i4uja9k3b6] { background: color-mix(in srgb, var(--sgfat-accent) 40%, transparent); }

/* ══════════ PAINEL DIREITO ══════════ */
.sgfat-right[b-i4uja9k3b6] { flex: 1; display: flex; flex-direction: column; overflow: hidden; background: var(--color-sf-content-bg-color); }

/* ── Step header ── */
.sgfat-step-header[b-i4uja9k3b6] { display: flex; align-items: center; gap: 10px; padding: 16px 20px; border-bottom: 1px solid var(--color-sf-border-light); flex-shrink: 0; }
.sgfat-step-badge[b-i4uja9k3b6] { width: 28px; height: 28px; border-radius: 50%; background: var(--sgfat-accent); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 0.78rem; font-weight: 700; flex-shrink: 0; }
.sgfat-step-badge--success[b-i4uja9k3b6] { background: var(--sgfat-success); }
.sgfat-step-title[b-i4uja9k3b6] { font-size: 0.95rem; font-weight: 600; margin: 0; color: var(--color-sf-content-text-color); }
.sgfat-step-counter[b-i4uja9k3b6] { margin-left: auto; font-size: 0.78rem; font-weight: 600; color: var(--sgfat-accent); }

/* ── Etapa 0: Parâmetros ── */
.sgfat-param-area[b-i4uja9k3b6] { flex: 1; overflow-y: auto; padding: 24px; }
.sgfat-param-form[b-i4uja9k3b6] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; max-width: 720px; }
.sgfat-param-field[b-i4uja9k3b6] { display: flex; flex-direction: column; gap: 6px; }
.sgfat-param-field--full[b-i4uja9k3b6] { grid-column: 1 / -1; }
.sgfat-param-label[b-i4uja9k3b6] { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-sf-content-text-color-alt1); }

/* ── Switch iOS-style — ocupa a linha inteira abaixo dos demais campos ── */
.sgfat-param-field--check[b-i4uja9k3b6] { grid-column: 1 / -1; flex-direction: column; gap: 6px; margin-top: 8px; }

.sgfat-switch[b-i4uja9k3b6] { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; user-select: none; font-size: 0.875rem; position: relative; }
.sgfat-switch-input[b-i4uja9k3b6] {
    position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;
}
.sgfat-switch-track[b-i4uja9k3b6] {
    position: relative;
    width: 44px;
    height: 26px;
    background: #d1d5db;          /* off — cinza iOS */
    border-radius: 13px;
    transition: background-color .25s cubic-bezier(.4, 0, .2, 1);
    flex-shrink: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08);
}
.sgfat-switch-knob[b-i4uja9k3b6] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    box-shadow:
        0 2px 4px rgba(0, 0, 0, .12),
        0 1px 2px rgba(0, 0, 0, .08);
    transition: transform .25s cubic-bezier(.4, 0, .2, 1);
}
.sgfat-switch-input:checked + .sgfat-switch-track[b-i4uja9k3b6] {
    background: #34c759;          /* on — verde iOS */
}
.sgfat-switch-input:checked + .sgfat-switch-track .sgfat-switch-knob[b-i4uja9k3b6] {
    transform: translateX(18px);
}
.sgfat-switch-input:focus-visible + .sgfat-switch-track[b-i4uja9k3b6] {
    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, .08),
        0 0 0 3px rgba(52, 199, 89, .25);
}
.sgfat-switch:hover .sgfat-switch-track:not(:has(.sgfat-switch-input:checked))[b-i4uja9k3b6] {
    background: #c4c8ce;
}
.sgfat-switch-text[b-i4uja9k3b6] { font-weight: 600; color: var(--color-sf-content-text-color); }

.sgfat-param-hint[b-i4uja9k3b6] { font-size: 0.75rem; color: var(--color-sf-content-text-color-alt1); line-height: 1.45; padding-left: 56px; }
.sgfat-param-hint strong[b-i4uja9k3b6] { color: var(--color-sf-content-text-color); font-weight: 600; }

/* ── Busca por contrato/cliente no header da prévia ── */
.sgfat-search-box[b-i4uja9k3b6] {
    flex: 1;
    max-width: 480px;
    margin: 0 16px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-color);
    border-radius: 6px;
    padding: 4px 10px;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.sgfat-search-box:focus-within[b-i4uja9k3b6] {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .15);
}
.sgfat-search-icon[b-i4uja9k3b6] {
    color: var(--color-sf-content-text-color-alt1);
    font-size: 16px;
}
.sgfat-search-input[b-i4uja9k3b6] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.875rem;
    color: var(--color-sf-content-text-color);
    padding: 4px 0;
    min-width: 0;
}
.sgfat-search-clear[b-i4uja9k3b6] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 2px;
    color: var(--color-sf-content-text-color-alt1);
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
}
.sgfat-search-clear:hover[b-i4uja9k3b6] { background: var(--color-sf-content-bg-color-alt2); color: var(--color-sf-content-text-color); }
.sgfat-search-hits[b-i4uja9k3b6] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #2563eb;
    background: rgba(37, 99, 235, .1);
    padding: 2px 8px;
    border-radius: 10px;
    white-space: nowrap;
}

/* Marca a tab da faixa que tem resultado da busca */
.sgfat-faixa-tab-wrap--match .sgfat-faixa-tab[b-i4uja9k3b6] {
    box-shadow: 0 0 0 1.5px #2563eb inset;
}
.sgfat-faixa-match-dot[b-i4uja9k3b6] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2563eb;
    box-shadow: 0 0 4px rgba(37, 99, 235, .5);
    margin-left: 4px;
    flex-shrink: 0;
}

/* ── Etapa 1: KPI bar (arredondados, coloridos) ── */
/* ── KPI bar — padrão grid principal (balão único + separadores) ── */
.sgfat-kpi-bar[b-i4uja9k3b6] {
    display: flex;
    padding: 10px 16px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--color-sf-border-light);
}
.sgfat-kpi-group[b-i4uja9k3b6] {
    display: flex;
    align-items: center;
    gap: 0;
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 10px;
    padding: 6px 4px;
    width: fit-content;
}
.sgfat-kpi[b-i4uja9k3b6] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 4px 14px;
    border-left: 1px solid transparent;
}
.sgfat-kpi + .sgfat-kpi[b-i4uja9k3b6] {
    border-left-color: var(--color-sf-border-light);
}
.sgfat-kpi-label[b-i4uja9k3b6] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-sf-content-text-color-alt1);
}
.sgfat-kpi-value[b-i4uja9k3b6] {
    font-size: 0.94rem;
    font-weight: 600;
}
.sgfat-kpi-value--default[b-i4uja9k3b6] { color: var(--color-sf-content-text-color); }
.sgfat-kpi-sub[b-i4uja9k3b6] {
    font-size: 0.65rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #9ca3af);
    margin-top: 1px;
}
.sgfat-kpi-value--total[b-i4uja9k3b6]   { color: #168EFF; }
.sgfat-kpi-value--peso[b-i4uja9k3b6]    { color: #8764b8; }
.sgfat-kpi-value--nf[b-i4uja9k3b6]      { color: var(--sgfat-nf); }
.sgfat-kpi-value--recibo[b-i4uja9k3b6]  { color: var(--sgfat-recibo); }
.sgfat-kpi-value--nd[b-i4uja9k3b6]      { color: var(--sgfat-nd); }
.sgfat-kpi-value--liq[b-i4uja9k3b6]     { color: #107c10; font-weight: 800; }
.sgfat-kpi-value--sel[b-i4uja9k3b6]     { color: #5d36ff; }

/* ── KPI Contratos — barra de progresso ── */
.sgfat-kpi--contratos[b-i4uja9k3b6] {
    min-width: 110px;
}
.sgfat-kpi-bar-chart[b-i4uja9k3b6] {
    width: 100%;
    height: 5px;
    background: rgba(0,0,0,0.06);
    border-radius: 3px;
    margin-top: 4px;
    overflow: hidden;
}
:global(.e-dark-mode) .sgfat-kpi-bar-chart[b-i4uja9k3b6] {
    background: rgba(255,255,255,0.08);
}
.sgfat-kpi-bar-fill[b-i4uja9k3b6] {
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(90deg, #107c10, #5cb85c);
    transition: width 0.4s ease;
}
.sgfat-kpi-pct[b-i4uja9k3b6] {
    font-size: 0.62rem;
    font-weight: 500;
    color: #107c10;
    margin-top: 2px;
    letter-spacing: 0.02em;
}
:global(.e-dark-mode) .sgfat-kpi-pct[b-i4uja9k3b6] {
    color: #6ee76e;
}

/* ── Tabs por faixa ── */
.sgfat-tabs[b-i4uja9k3b6] { display: none; /* substituído por sgfat-faixa-nav */ }

/* Navegação de faixas com setas */
.sgfat-faixa-nav[b-i4uja9k3b6] {
    display: flex; align-items: stretch; gap: 0;
    border-bottom: 1px solid var(--color-sf-border-light, rgba(0,0,0,0.06));
    flex-shrink: 0;
    padding: 4px 0;
}
.sgfat-faixa-scroll[b-i4uja9k3b6] {
    flex: 1; display: flex; flex-wrap: nowrap;
    overflow-x: auto; overflow-y: hidden;
    gap: 2px 0;
    scrollbar-width: thin; scrollbar-color: var(--sgfat-accent, #0078d4) transparent;
}
.sgfat-faixa-scroll[b-i4uja9k3b6]::-webkit-scrollbar { height: 4px; }
.sgfat-faixa-scroll[b-i4uja9k3b6]::-webkit-scrollbar-thumb { background: var(--sgfat-accent, #0078d4); border-radius: 2px; }
.sgfat-faixa-scroll[b-i4uja9k3b6]::-webkit-scrollbar-track { background: transparent; }
.sgfat-faixa-tab[b-i4uja9k3b6] {
    display: flex; align-items: center; gap: 6px;
    flex-wrap: wrap;
    padding: 6px 14px; border: none; background: none;
    white-space: nowrap; cursor: pointer;
    font-size: 0.75rem; font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #6b7280);
    border-radius: 6px;
    transition: color 0.15s, background 0.15s;
    min-width: fit-content;
}
.sgfat-faixa-tab:hover[b-i4uja9k3b6] {
    background: rgba(0,120,212,0.06);
    color: var(--color-sf-content-text-color, #374151);
}
.sgfat-faixa-tab--active[b-i4uja9k3b6] {
    background: var(--sgfat-accent, #0078d4);
    color: #fff !important;
    font-weight: 700;
}
.sgfat-faixa-tab--active .sgfat-faixa-count[b-i4uja9k3b6] {
    background: rgba(255,255,255,0.25);
    color: #fff;
}
:global(.e-dark-mode) .sgfat-faixa-tab:hover[b-i4uja9k3b6] {
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.8);
}
:global(.e-dark-mode) .sgfat-faixa-tab--active[b-i4uja9k3b6] {
    background: var(--sgfat-accent, #0078d4);
    color: #fff !important;
}
.sgfat-faixa-tab-name[b-i4uja9k3b6] { font-size: inherit; }
.sgfat-faixa-arrow[b-i4uja9k3b6] {
    display: flex; align-items: center; justify-content: center;
    width: 28px; flex-shrink: 0; border: none;
    background: none; cursor: pointer;
    color: var(--color-sf-content-text-color-alt1, #6b7280);
    transition: background 0.15s, color 0.15s;
    flex-shrink: 0;
}
.sgfat-faixa-arrow:hover:not(:disabled)[b-i4uja9k3b6] { background: var(--color-sf-content-bg-color-alt1); color: var(--sgfat-accent, #0078d4); }
.sgfat-faixa-arrow:disabled[b-i4uja9k3b6] { opacity: 0.25; cursor: default; }
.sgfat-faixa-arrow span[b-i4uja9k3b6]::before { font-size: 16px; }

.sgfat-faixa-bar[b-i4uja9k3b6] {
    width: 100%;
    height: 3px;
    background: rgba(0,0,0,0.06);
    border-radius: 2px;
    overflow: hidden;
    margin-top: 2px;
}
.sgfat-faixa-tab--active .sgfat-faixa-bar[b-i4uja9k3b6] {
    background: rgba(255,255,255,0.2);
}
.sgfat-faixa-bar-fill[b-i4uja9k3b6] {
    height: 100%;
    border-radius: 2px;
    background: #f59e0b;
    transition: width 0.3s ease;
}
.sgfat-faixa-tab--active .sgfat-faixa-bar-fill[b-i4uja9k3b6] {
    background: rgba(255,255,255,0.7);
}
:global(.e-dark-mode) .sgfat-faixa-bar[b-i4uja9k3b6] {
    background: rgba(255,255,255,0.06);
}

.sgfat-faixa-ext[b-i4uja9k3b6] { color: #f59e0b; font-size: 12px; }
.sgfat-faixa-count[b-i4uja9k3b6] {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 22px; height: 18px; padding: 0 5px;
    border-radius: 9px; font-size: 0.62rem; font-weight: 600;
    background: rgba(0,0,0,0.06); color: var(--color-sf-content-text-color-alt1, #9ca3af);
}
:global(.e-dark-mode) .sgfat-faixa-count[b-i4uja9k3b6] {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.45);
}

.sgfat-tabs-legacy[b-i4uja9k3b6] {
    display: flex; gap: 0; flex-shrink: 0;
    border-bottom: 1px solid var(--color-sf-border-light);
    overflow-x: auto; padding: 0 12px;
}
.sgfat-tab[b-i4uja9k3b6] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 16px; border: none; background: none;
    font-size: 0.78rem; font-weight: 500; cursor: pointer;
    color: var(--color-sf-content-text-color-alt1);
    border-bottom: 2px solid transparent;
    transition: all 0.2s; white-space: nowrap;
}
.sgfat-tab:hover[b-i4uja9k3b6] { color: var(--color-sf-content-text-color); background: var(--color-sf-content-bg-color-alt1); }
.sgfat-tab--active[b-i4uja9k3b6] {
    color: var(--sgfat-accent); font-weight: 600;
    border-bottom-color: var(--sgfat-accent);
}
.sgfat-tab--empty[b-i4uja9k3b6] { opacity: 0.45; }
.sgfat-tab-count[b-i4uja9k3b6] {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 20px; height: 18px; padding: 0 5px;
    border-radius: 9px; font-size: 0.65rem; font-weight: 700;
    background: var(--color-sf-content-bg-color-alt1);
    color: var(--color-sf-content-text-color-alt1);
}
.sgfat-tab--active .sgfat-tab-count[b-i4uja9k3b6] {
    background: var(--sgfat-accent); color: #fff;
}

/* ── Balões de período (acima do grid) ── */
.sgfat-period-bar[b-i4uja9k3b6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    flex-shrink: 0;
}
.sgfat-period-pill[b-i4uja9k3b6] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 6px;
    background: rgba(99,102,241,0.06);
    border: 1px solid rgba(99,102,241,0.12);
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1, #6b7280);
}
:global(.e-dark-mode) .sgfat-period-pill[b-i4uja9k3b6] {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.55);
}
.sgfat-period-pill span[class*="icon-"][b-i4uja9k3b6] {
    font-size: 0.78rem;
    opacity: 0.45;
}
.sgfat-period-label[b-i4uja9k3b6] {
    font-weight: 400;
    opacity: 0.65;
}
.sgfat-period-date[b-i4uja9k3b6] {
    font-weight: 600;
    color: var(--color-sf-content-text-color, #374151);
}
:global(.e-dark-mode) .sgfat-period-date[b-i4uja9k3b6] {
    color: rgba(255,255,255,0.75);
}
.sgfat-period-arrow[b-i4uja9k3b6] {
    font-size: 0.8rem;
    color: var(--color-sf-content-text-color-alt1);
    opacity: 0.5;
}

/* ── Abas Elegíveis / Não Elegíveis ── */
.sgfat-elegibilidade-tabs[b-i4uja9k3b6] {
    display: flex;
    gap: 2px;
    padding: 0 14px;
    flex-shrink: 0;
}
.sgfat-eleg-tab[b-i4uja9k3b6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt1, #6b7280);
    cursor: pointer;
    transition: all 0.15s ease;
}
.sgfat-eleg-tab:hover[b-i4uja9k3b6] {
    color: var(--sgfat-accent);
    background: rgba(0,120,212,0.04);
}
.sgfat-eleg-tab--active[b-i4uja9k3b6] {
    color: var(--sgfat-accent);
    border-bottom-color: var(--sgfat-accent);
    font-weight: 600;
}
.sgfat-eleg-tab span[class*="icon-"][b-i4uja9k3b6] {
    font-size: 0.85rem;
}
.sgfat-eleg-count[b-i4uja9k3b6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 6px;
    border-radius: 9px;
    background: rgba(0,120,212,0.08);
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--sgfat-accent);
}
.sgfat-eleg-count--warn[b-i4uja9k3b6] {
    background: rgba(216,59,1,0.08);
    color: var(--sgfat-danger);
}
:global(.e-dark-mode) .sgfat-eleg-tab[b-i4uja9k3b6] {
    color: rgba(255,255,255,0.5);
}
:global(.e-dark-mode) .sgfat-eleg-tab--active[b-i4uja9k3b6] {
    color: #60a5fa;
    border-bottom-color: #60a5fa;
}
:global(.e-dark-mode) .sgfat-eleg-count[b-i4uja9k3b6] {
    background: rgba(96,165,250,0.12);
    color: #60a5fa;
}
:global(.e-dark-mode) .sgfat-eleg-count--warn[b-i4uja9k3b6] {
    background: rgba(248,113,113,0.12);
    color: #f87171;
}

/* ── Motivo não elegível (grid) ── */
.sgfat-motivo[b-i4uja9k3b6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
}
.sgfat-motivo-icon--ok[b-i4uja9k3b6] { color: #107c10; }
.sgfat-motivo-icon--err[b-i4uja9k3b6] { color: #dc2626; }
.sgfat-motivo-icon--warn[b-i4uja9k3b6] { color: #f59e0b; }
.sgfat-motivo-icon--info[b-i4uja9k3b6] { color: #6b7280; }

/* ── Badge de status do histórico (painel lateral) ── */
.sgfat-hist-status-pill[b-i4uja9k3b6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.72rem;
    font-weight: 600;
    margin-bottom: 8px;
}
.sgfat-hist-status-dot[b-i4uja9k3b6] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}
.sgfat-hist-status-pill--faturado[b-i4uja9k3b6] {
    background: #e6f4ea;
    color: #107c10;
    border: 1px solid #b7e1c3;
}
.sgfat-hist-status-pill--faturado .sgfat-hist-status-dot[b-i4uja9k3b6] { background: #107c10; }
.sgfat-hist-status-pill--ativo[b-i4uja9k3b6] {
    background: #e8f0fe;
    color: #0078d4;
    border: 1px solid #c3d9f7;
}
.sgfat-hist-status-pill--ativo .sgfat-hist-status-dot[b-i4uja9k3b6] { background: #0078d4; }
.sgfat-hist-status-pill--novo[b-i4uja9k3b6] {
    background: #f5f5f5;
    color: #8a919a;
    border: 1px solid #e0e0e0;
}
.sgfat-hist-status-pill--novo .sgfat-hist-status-dot[b-i4uja9k3b6] { background: #8a919a; }

/* ── OBS triângulo vermelho ── */
.sgfat-obs-flag[b-i4uja9k3b6] {
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%;
}
.sgfat-obs-flag svg[b-i4uja9k3b6] { filter: drop-shadow(0 0 3px rgba(216,59,1,0.5)); }

/* ── Cell KPIs (valores nas linhas) ── */
.sgfat-cell-kpi[b-i4uja9k3b6] {
    font-size: 0.72rem;
    color: var(--color-sf-content-text-color-alt1);
}
.sgfat-cell-kpi--empty[b-i4uja9k3b6] { opacity: 0.4; }
.sgfat-cell-kpi--money[b-i4uja9k3b6] { font-weight: 500; }
.sgfat-cell-kpi--ok[b-i4uja9k3b6] { color: var(--sgfat-recibo); }
.sgfat-cell-kpi--warn[b-i4uja9k3b6] { color: var(--sgfat-nd); }

/* ── Delta (diferença valor + %) ── */
.sgfat-delta[b-i4uja9k3b6] {
    display: inline-flex; align-items: center; gap: 3px;
    font-size: 0.70rem; font-weight: 600;
    padding: 1px 6px; border-radius: 8px;
}
.sgfat-delta--up[b-i4uja9k3b6] {
    color: #107c10;
    background: color-mix(in srgb, #107c10 10%, transparent);
}
.sgfat-delta--down[b-i4uja9k3b6] {
    color: #d83b01;
    background: color-mix(in srgb, #d83b01 10%, transparent);
}
.sgfat-delta-arrow[b-i4uja9k3b6] { font-size: 0.58rem; }
.sgfat-delta-val[b-i4uja9k3b6] { }
.sgfat-delta-pct[b-i4uja9k3b6] { opacity: 0.7; font-size: 0.62rem; }

/* ── Dias desde último faturamento ── */
.sgfat-dias[b-i4uja9k3b6] {
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 0.70rem; font-weight: 700;
    min-width: 28px; padding: 1px 5px; border-radius: 8px;
}
.sgfat-dias--ok[b-i4uja9k3b6] { color: #107c10; background: color-mix(in srgb, #107c10 10%, transparent); }
.sgfat-dias--warn[b-i4uja9k3b6] { color: #c47a00; background: color-mix(in srgb, #c47a00 10%, transparent); }
.sgfat-dias--alert[b-i4uja9k3b6] { color: #d83b01; background: color-mix(in srgb, #d83b01 12%, transparent); }

/* ── Grid: scroll horizontal ── */
.sgfat-grid[b-i4uja9k3b6] { flex: 1; overflow: auto; }
[b-i4uja9k3b6] .sgfat-sf-grid .e-gridcontent { overflow-x: auto !important; }

/* ── Prévia — Grid ── */
.sgfat-grid[b-i4uja9k3b6] { flex: 1; overflow: auto; padding-left: 20px; }
.sgfat-table[b-i4uja9k3b6] { width: 100%; border-collapse: collapse; font-size: 0.82rem; }
.sgfat-th[b-i4uja9k3b6] { padding: 8px 12px; text-align: left; font-weight: 600; font-size: 0.75rem; color: var(--color-sf-content-text-color-alt1); background: var(--color-sf-content-bg-color-alt1); border-bottom: 1px solid var(--color-sf-border-light); position: sticky; top: 0; z-index: 1; white-space: nowrap; }
.sgfat-th--right[b-i4uja9k3b6] { text-align: right; }
.sgfat-th--center[b-i4uja9k3b6] { text-align: center; }
.sgfat-td[b-i4uja9k3b6] { padding: 6px 12px; border-bottom: 1px solid var(--color-sf-border-light); color: var(--color-sf-content-text-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px; }
.sgfat-td--right[b-i4uja9k3b6] { text-align: right; }
.sgfat-td--center[b-i4uja9k3b6] { text-align: center; }
.sgfat-td--mono[b-i4uja9k3b6] { font-size: 0.78rem; }
.sgfat-td--valor[b-i4uja9k3b6] { font-weight: 600; color: var(--sgfat-accent); }
.sgfat-row:hover[b-i4uja9k3b6] { background: var(--color-sf-content-bg-color-alt1); }

/* ── Info button (coluna congelada) ── */
[b-i4uja9k3b6] .sgfat-info-btn {
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; opacity: 0.5;
    transition: opacity 0.15s, transform 0.15s;
    width: 100%; height: 100%;
}
[b-i4uja9k3b6] .sgfat-info-btn:hover { opacity: 1; transform: scale(1.15); }

[b-i4uja9k3b6] .sgfat-edit-btn {
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; opacity: 0.4;
    transition: opacity 0.15s, transform 0.15s;
    width: 100%; height: 100%;
    font-size: 0.85rem;
    color: var(--sgfat-accent);
}
[b-i4uja9k3b6] .sgfat-edit-btn:hover { opacity: 1; transform: scale(1.15); }

/* ── Body split (grid + painel lateral) ── */
.sgfat-body-split[b-i4uja9k3b6] { display: flex; flex: 1; overflow: hidden; }
.sgfat-body-split .sgfat-grid[b-i4uja9k3b6] { flex: 1; min-width: 0; }

/* ── Painel lateral detalhe ── */
.sgfat-detail-panel[b-i4uja9k3b6] {
    width: 380px; min-width: 380px; flex-shrink: 0;
    display: flex; flex-direction: column;
    border-left: 1px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color);
    animation: sgfat-panel-in-b-i4uja9k3b6 0.25s ease-out;
    overflow: hidden;
}
@keyframes sgfat-panel-in-b-i4uja9k3b6 {
    from { transform: translateX(100%); opacity: 0; }
    to   { transform: translateX(0);    opacity: 1; }
}
.sgfat-detail-header[b-i4uja9k3b6] {
    display: flex; align-items: flex-start; gap: 8px;
    padding: 14px 16px; border-bottom: 1px solid var(--color-sf-border-light);
    flex-shrink: 0;
}
.sgfat-detail-header-info[b-i4uja9k3b6] { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
.sgfat-detail-header-icon[b-i4uja9k3b6] {
    font-size: 20px; flex-shrink: 0;
    color: var(--sgfat-accent) !important;
}
.sgfat-detail-header-icon[b-i4uja9k3b6]::before { color: var(--sgfat-accent) !important; }
.sgfat-detail-title-row[b-i4uja9k3b6] { display: flex; align-items: center; gap: 6px; }
.sgfat-detail-title[b-i4uja9k3b6] { margin: 0; font-size: 0.88rem; font-weight: 700; color: var(--color-sf-content-text-color); }
.sgfat-detail-edit-btn[b-i4uja9k3b6] {
    display: flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border-radius: 4px;
    border: none; background: transparent; cursor: pointer;
    color: var(--sgfat-accent); padding: 0; flex-shrink: 0;
}
.sgfat-detail-edit-btn:hover[b-i4uja9k3b6] { background: color-mix(in srgb, var(--sgfat-accent) 10%, transparent); }
.sgfat-detail-edit-btn span[b-i4uja9k3b6] { font-size: 14px; }
.sgfat-detail-edit-btn span[b-i4uja9k3b6]::before { color: var(--sgfat-accent) !important; }
.sgfat-detail-subtitle[b-i4uja9k3b6] {
    margin: 0; font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 260px;
}
.sgfat-detail-close[b-i4uja9k3b6] {
    background: none; border: none; cursor: pointer; padding: 4px;
    color: var(--color-sf-content-text-color-alt1); opacity: 0.6;
    transition: opacity 0.15s; flex-shrink: 0;
}
.sgfat-detail-close span[b-i4uja9k3b6] { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-detail-close span[b-i4uja9k3b6]::before { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-detail-close:hover[b-i4uja9k3b6] { opacity: 1; }

/* ── Tabs do detalhe ── */
.sgfat-detail-tabs[b-i4uja9k3b6] {
    display: flex; gap: 0; border-bottom: 1px solid var(--color-sf-border-light);
    flex-shrink: 0; padding: 0 8px;
}
.sgfat-detail-tab[b-i4uja9k3b6] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 9px 14px; border: none; background: none;
    font-size: 12px; font-weight: 500; cursor: pointer;
    color: var(--color-sf-content-text-color-alt1);
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
}
.sgfat-detail-tab span[class*="icon-"][b-i4uja9k3b6] { color: var(--color-sf-content-text-color-alt1) !important; font-size: 14px; }
.sgfat-detail-tab span[class*="icon-"][b-i4uja9k3b6]::before { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-detail-tab:hover[b-i4uja9k3b6] { color: var(--color-sf-content-text-color); }
.sgfat-detail-tab--active[b-i4uja9k3b6] {
    color: var(--sgfat-accent); font-weight: 600;
    border-bottom-color: var(--sgfat-accent);
}
.sgfat-detail-tab--active span[class*="icon-"][b-i4uja9k3b6]::before { color: var(--sgfat-accent) !important; }
.sgfat-detail-tab-badge[b-i4uja9k3b6] {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 18px; height: 16px; padding: 0 4px;
    border-radius: 8px; font-size: 0.60rem; font-weight: 700;
    background: var(--sgfat-accent); color: #fff;
}
.sgfat-detail-tab-peso[b-i4uja9k3b6] {
    margin-left: auto; font-size: 0.70rem; font-weight: 700;
    color: var(--sgfat-accent);
    padding: 3px 10px; border-radius: 8px;
    background: color-mix(in srgb, var(--sgfat-accent) 10%, transparent);
    align-self: center;
}

/* ── Body do detalhe ── */
.sgfat-detail-body[b-i4uja9k3b6] { flex: 1; overflow-y: auto; overflow-x: hidden; }
.sgfat-detail-loading[b-i4uja9k3b6] {
    display: flex; align-items: center; justify-content: center;
    height: 120px;
}

/* ── Tab Contrato — cards somente leitura ── */
.sgfat-detail-cards[b-i4uja9k3b6] { padding: 12px 16px; display: flex; flex-direction: column; gap: 4px; }
.sgfat-detail-section[b-i4uja9k3b6] {
    padding: 8px 0; border-bottom: 1px solid var(--color-sf-border-light);
}
.sgfat-detail-section:last-child[b-i4uja9k3b6] { border-bottom: none; }
.sgfat-detail-section-title[b-i4uja9k3b6] {
    margin: 0 0 6px; font-size: 0.60rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.06em;
    color: color-mix(in srgb, var(--sgfat-accent) 70%, var(--color-sf-content-text-color-alt1));
    display: flex; align-items: center;
}
.sgfat-detail-row[b-i4uja9k3b6] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 2px 0; gap: 8px;
}
.sgfat-detail-label[b-i4uja9k3b6] { font-size: 0.68rem; color: var(--color-sf-content-text-color-alt1); }
.sgfat-detail-value[b-i4uja9k3b6] { font-size: 0.68rem; color: var(--color-sf-content-text-color); text-align: right; }
.sgfat-detail-value--mono[b-i4uja9k3b6] { font-weight: 600; }
.sgfat-detail-value--accent[b-i4uja9k3b6] { color: var(--sgfat-accent); }
.sgfat-detail-value--tag[b-i4uja9k3b6] {
    display: inline-flex; padding: 1px 8px; border-radius: 8px; font-size: 0.65rem; font-weight: 600;
    background: color-mix(in srgb, var(--sgfat-accent) 10%, transparent); color: var(--sgfat-accent);
}
/* ── Memória de cálculo ── */
.sgfat-detail-calc[b-i4uja9k3b6] {
    display: flex; flex-direction: column; gap: 0;
    padding: 8px 10px; margin: 4px 0 2px;
    border-radius: 8px;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
}
.sgfat-calc-row[b-i4uja9k3b6] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 3px 0; gap: 8px;
}
.sgfat-calc-row + .sgfat-calc-row[b-i4uja9k3b6] { border-top: 1px dashed color-mix(in srgb, var(--color-sf-border-light) 60%, transparent); }
.sgfat-calc-label[b-i4uja9k3b6] { font-size: 0.68rem; color: var(--color-sf-content-text-color-alt1); }
.sgfat-calc-value[b-i4uja9k3b6] { font-size: 0.70rem; font-weight: 600; color: var(--color-sf-content-text-color); white-space: nowrap; }
.sgfat-calc-row--exc .sgfat-calc-label[b-i4uja9k3b6] { color: var(--sgfat-danger); }
.sgfat-calc-row--exc .sgfat-calc-value[b-i4uja9k3b6] { color: var(--sgfat-danger); }
.sgfat-calc-row--min .sgfat-calc-label[b-i4uja9k3b6] { font-style: italic; opacity: 0.7; }

/* ── Alerta última NF cancelada ── */
.sgfat-detail-alerta-nf[b-i4uja9k3b6] {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 12px; border-radius: 6px;
    background: rgba(220,38,38,0.08); border: 1px solid rgba(220,38,38,0.20);
    color: #dc2626; font-size: 0.72rem; font-weight: 500;
    margin: 4px 0;
}
.sgfat-detail-alerta-nf strong[b-i4uja9k3b6] { font-weight: 700; }
.sgfat-detail-alerta-status[b-i4uja9k3b6] {
    font-size: 0.62rem; color: rgba(220,38,38,0.70);
    margin-left: auto;
}
.sgfat-detail-status-nf[b-i4uja9k3b6] {
    display: flex; align-items: center; gap: 6px;
    padding: 6px 12px; border-radius: 6px;
    background: rgba(5,150,105,0.06); border: 1px solid rgba(5,150,105,0.15);
    color: #059669; font-size: 0.72rem; font-weight: 500;
    margin: 4px 0;
}

/* ── Card destaque do valor a faturar ── */
.sgfat-detail-valor-card[b-i4uja9k3b6] {
    display: flex; flex-direction: column; align-items: center;
    gap: 4px; padding: 14px 12px; margin: 4px 0;
    border-radius: 10px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--sgfat-accent) 8%, transparent), color-mix(in srgb, var(--sgfat-accent) 3%, transparent));
    border: 1px solid color-mix(in srgb, var(--sgfat-accent) 20%, transparent);
}
.sgfat-detail-valor-top[b-i4uja9k3b6] {
    display: flex; align-items: center; gap: 8px;
}
.sgfat-detail-valor-peso[b-i4uja9k3b6] {
    font-size: 0.70rem; font-weight: 500;
    color: var(--color-sf-content-text-color-alt1);
}
.sgfat-detail-valor-main[b-i4uja9k3b6] {
    font-size: 1.35rem; font-weight: 800;
    color: var(--sgfat-accent); letter-spacing: -0.02em;
    line-height: 1.2;
}
.sgfat-detail-valor-label[b-i4uja9k3b6] {
    font-size: 0.62rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-sf-content-text-color-alt1);
}

.sgfat-detail-section--obs[b-i4uja9k3b6] { background: color-mix(in srgb, #d83b01 5%, transparent); border-radius: 8px; padding: 10px 12px; }
.sgfat-detail-section--obs .sgfat-detail-section-title[b-i4uja9k3b6] { color: #d83b01; }
.sgfat-detail-obs[b-i4uja9k3b6] {
    margin: 0; font-size: 0.74rem; line-height: 1.5;
    color: var(--color-sf-content-text-color);
    white-space: pre-wrap; word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

/* ── Badge informativo (6 meses) ── */
.sgfat-detail-info-badge[b-i4uja9k3b6] {
    display: inline-flex; align-items: center; gap: 4px;
    margin: 10px 16px 4px 16px;
    padding: 3px 10px;
    font-size: 0.68rem; font-weight: 500;
    color: var(--sgfat-accent);
    background: color-mix(in srgb, var(--sgfat-accent) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--sgfat-accent) 20%, transparent);
    border-radius: 12px;
    width: fit-content;
}
.sgfat-detail-info-badge span[class*="icon-"][b-i4uja9k3b6] { font-size: 12px; }
.sgfat-detail-info-badge span[class*="icon-"][b-i4uja9k3b6]::before { color: var(--sgfat-accent) !important; }

.sgfat-periodo-select[b-i4uja9k3b6] {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--sgfat-accent);
    cursor: pointer;
    padding: 0 14px 0 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23e8772e'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    outline: none;
}
.sgfat-periodo-select option[b-i4uja9k3b6] {
    background: var(--color-sf-content-bg-color, #fff);
    color: var(--color-sf-content-text-color, #1f2937);
}

/* ── Tab Pesagens — lista de eventos ── */
.sgfat-detail-empty[b-i4uja9k3b6] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 8px; padding: 40px 20px; color: var(--color-sf-content-text-color-alt1);
}
.sgfat-detail-empty-icon[b-i4uja9k3b6] { font-size: 32px; opacity: 0.3; }
.sgfat-detail-empty-icon[b-i4uja9k3b6]::before { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-detail-empty p[b-i4uja9k3b6] { margin: 0; font-size: 0.78rem; }
.sgfat-detail-eventos-header[b-i4uja9k3b6] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 8px 16px;
    border-bottom: 1px solid var(--color-sf-border-light);
}
.sgfat-detail-eventos-count[b-i4uja9k3b6] { font-size: 0.70rem; font-weight: 500; color: var(--color-sf-content-text-color-alt1); }
.sgfat-detail-eventos-total[b-i4uja9k3b6] {
    font-size: 0.78rem; font-weight: 700;
    color: var(--sgfat-accent);
    padding: 3px 10px; border-radius: 8px;
    background: color-mix(in srgb, var(--sgfat-accent) 10%, transparent);
}
.sgfat-detail-eventos[b-i4uja9k3b6] { overflow-y: auto; }
.sgfat-evento-card[b-i4uja9k3b6] {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 8px 16px; border-bottom: 1px solid var(--color-sf-border-light);
    transition: background 0.15s;
}
.sgfat-evento-card:hover[b-i4uja9k3b6] { background: var(--color-sf-content-bg-color-alt1); }
.sgfat-evento-date[b-i4uja9k3b6] {
    font-size: 0.72rem; font-weight: 700;
    color: var(--color-sf-content-text-color-alt1);
    min-width: 38px; padding-top: 1px;
}
.sgfat-evento-info[b-i4uja9k3b6] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sgfat-evento-main[b-i4uja9k3b6] { display: flex; align-items: center; gap: 8px; }
.sgfat-evento-peso[b-i4uja9k3b6] { font-size: 0.76rem; font-weight: 600; color: var(--color-sf-content-text-color); }
.sgfat-evento-qtd[b-i4uja9k3b6] {
    font-size: 0.65rem; font-weight: 600; padding: 1px 6px; border-radius: 6px;
    background: color-mix(in srgb, var(--sgfat-accent) 10%, transparent); color: var(--sgfat-accent);
}
.sgfat-evento-tipo[b-i4uja9k3b6] {
    font-size: 0.58rem; color: var(--color-sf-content-text-color-alt1);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    display: flex; align-items: center; gap: 4px;
    opacity: 0.55; text-transform: lowercase;
    font-style: italic;
}
.sgfat-evento-tipo-sep[b-i4uja9k3b6] { opacity: 0.4; }
.sgfat-evento-tipo-res[b-i4uja9k3b6] { opacity: 0.9; }
.sgfat-evento-residuo[b-i4uja9k3b6] {
    font-size: 0.68rem; color: var(--color-sf-content-text-color-alt1);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.sgfat-evento-meta[b-i4uja9k3b6] {
    display: flex; gap: 8px; font-size: 0.65rem;
    color: var(--color-sf-content-text-color-alt1); opacity: 0.7;
}

/* ── Tipo badges (NF/Recibo/ND) ── */
.sgfat-tipo-badge[b-i4uja9k3b6] { display: inline-flex; align-items: center; justify-content: center; padding: 2px 10px; border-radius: 10px; font-size: 0.68rem; font-weight: 600; white-space: nowrap; line-height: 1.4; height: 20px; }
.sgfat-tipo-badge--nf[b-i4uja9k3b6] { background: color-mix(in srgb, var(--sgfat-nf) 12%, transparent); color: var(--sgfat-nf); }
.sgfat-tipo-badge--recibo[b-i4uja9k3b6] { background: color-mix(in srgb, var(--sgfat-recibo) 12%, transparent); color: var(--sgfat-recibo); }
.sgfat-tipo-badge--nd[b-i4uja9k3b6] { background: color-mix(in srgb, var(--sgfat-nd) 12%, transparent); color: var(--sgfat-nd); }
.sgfat-tipo-badge--sm[b-i4uja9k3b6] { font-size: 0.62rem; padding: 2px 6px; }
.sgfat-eventual-badge[b-i4uja9k3b6] {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 2px 8px; border-radius: 10px; font-size: 0.65rem; font-weight: 600;
    background: color-mix(in srgb, #8764b8 12%, transparent); color: #8764b8;
    height: 20px; line-height: 1.4;
}

.sgfat-refat-badge[b-i4uja9k3b6] {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 2px 8px; border-radius: 10px; font-size: 0.65rem; font-weight: 600;
    background: color-mix(in srgb, #c47a00 12%, transparent); color: #c47a00;
    height: 20px; line-height: 1.4;
}

/* ── Log de execução ── */
.sgfat-log[b-i4uja9k3b6] { flex: 1; overflow-y: auto; padding: 8px 0; }
.sgfat-log-item[b-i4uja9k3b6] { display: flex; align-items: center; gap: 10px; padding: 8px 20px; border-bottom: 1px solid var(--color-sf-border-light); transition: background 0.2s; }
.sgfat-log-item--executando[b-i4uja9k3b6] { background: color-mix(in srgb, var(--sgfat-accent) 6%, transparent); }
.sgfat-log-item--sucesso[b-i4uja9k3b6] { background: color-mix(in srgb, var(--sgfat-success) 4%, transparent); }
.sgfat-log-item--erro[b-i4uja9k3b6] { background: color-mix(in srgb, var(--sgfat-danger) 4%, transparent); }
.sgfat-log-status[b-i4uja9k3b6] { width: 24px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sgfat-log-icon[b-i4uja9k3b6] { font-size: 16px; }
.sgfat-log-icon--pendente[b-i4uja9k3b6] { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-log-icon--pendente[b-i4uja9k3b6]::before { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-log-icon--executando[b-i4uja9k3b6] { color: var(--sgfat-accent) !important; }
.sgfat-log-icon--executando[b-i4uja9k3b6]::before { color: var(--sgfat-accent) !important; }
.sgfat-log-icon--sucesso[b-i4uja9k3b6] { color: var(--sgfat-success) !important; }
.sgfat-log-icon--sucesso[b-i4uja9k3b6]::before { color: var(--sgfat-success) !important; }
.sgfat-log-icon--erro[b-i4uja9k3b6] { color: var(--sgfat-danger) !important; }
.sgfat-log-icon--erro[b-i4uja9k3b6]::before { color: var(--sgfat-danger) !important; }
.sgfat-log-info[b-i4uja9k3b6] { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
.sgfat-log-pk[b-i4uja9k3b6] { font-weight: 600; font-size: 0.78rem; color: var(--color-sf-content-text-color); min-width: 80px; }
.sgfat-log-field[b-i4uja9k3b6] { font-size: 0.78rem; color: var(--color-sf-content-text-color-alt1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px; }
.sgfat-log-msg[b-i4uja9k3b6] { margin-left: auto; font-size: 0.75rem; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sgfat-msg--ok[b-i4uja9k3b6] { color: var(--sgfat-success); }
.sgfat-msg--erro[b-i4uja9k3b6] { color: var(--sgfat-danger); font-weight: 500; }

/* ── Resultado — animação ── */
.sgfat-result-area[b-i4uja9k3b6] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 20px; gap: 32px; animation: sgfat-fade-in-b-i4uja9k3b6 0.5s ease-out; }
.sgfat-result[b-i4uja9k3b6] { display: flex; align-items: center; gap: 20px; padding: 24px 32px; border-radius: 16px; animation: sgfat-slide-up-b-i4uja9k3b6 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); }
.sgfat-result--ok[b-i4uja9k3b6] { background: color-mix(in srgb, var(--sgfat-success) 8%, transparent); border: 1px solid color-mix(in srgb, var(--sgfat-success) 25%, transparent); }
.sgfat-result--erro[b-i4uja9k3b6] { background: color-mix(in srgb, var(--sgfat-danger) 8%, transparent); border: 1px solid color-mix(in srgb, var(--sgfat-danger) 25%, transparent); }
.sgfat-result-icon-wrap[b-i4uja9k3b6] { position: relative; width: 64px; height: 64px; flex-shrink: 0; }
.sgfat-result-icon-ring[b-i4uja9k3b6] { position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid currentColor; opacity: 0.15; }
.sgfat-result--ok .sgfat-result-icon-wrap[b-i4uja9k3b6] { color: var(--sgfat-success); }
.sgfat-result--erro .sgfat-result-icon-wrap[b-i4uja9k3b6] { color: var(--sgfat-danger); }
.sgfat-result-checkmark[b-i4uja9k3b6] { width: 64px; height: 64px; }
.sgfat-result-circle[b-i4uja9k3b6] { stroke-width: 2; stroke-miterlimit: 10; animation: sgfat-circle-fill-b-i4uja9k3b6 0.6s ease-in-out 0.1s forwards; stroke-dasharray: 166; stroke-dashoffset: 166; }
.sgfat-result--ok .sgfat-result-circle[b-i4uja9k3b6] { stroke: var(--sgfat-success); }
.sgfat-result--erro .sgfat-result-circle[b-i4uja9k3b6] { stroke: var(--sgfat-danger); }
.sgfat-result-check[b-i4uja9k3b6] { stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 48; stroke-dashoffset: 48; animation: sgfat-check-stroke-b-i4uja9k3b6 0.4s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards; }
.sgfat-result--ok .sgfat-result-check[b-i4uja9k3b6] { stroke: var(--sgfat-success); }
.sgfat-result--erro .sgfat-result-check[b-i4uja9k3b6] { stroke: var(--sgfat-danger); }
.sgfat-result-body[b-i4uja9k3b6] { display: flex; flex-direction: column; gap: 6px; }
.sgfat-result-headline[b-i4uja9k3b6] { margin: 0; font-size: 1.05rem; font-weight: 700; color: var(--color-sf-content-text-color); }
.sgfat-result-detail[b-i4uja9k3b6] { margin: 0; font-size: 0.85rem; color: var(--color-sf-content-text-color-alt1); }
.sgfat-result-detail--erro[b-i4uja9k3b6] { color: var(--sgfat-danger); font-weight: 500; }

/* ── Stats do resultado ── */
.sgfat-resumo[b-i4uja9k3b6] { display: flex; justify-content: center; gap: 16px; padding: 0 20px; align-items: center; animation: sgfat-fade-in-b-i4uja9k3b6 0.8s ease-out 0.3s both; flex-wrap: wrap; }
.sgfat-stat[b-i4uja9k3b6] { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 16px 24px; border-radius: 12px; border: 1px solid var(--color-sf-border-light); }
.sgfat-stat-value[b-i4uja9k3b6] { font-size: 1.6rem; font-weight: 700; line-height: 1; }
.sgfat-stat-label[b-i4uja9k3b6] { font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1); font-weight: 500; }
.sgfat-stat-sub[b-i4uja9k3b6] { font-size: 0.7rem; color: var(--color-sf-content-text-color-alt1); margin-top: 2px; }
.sgfat-stat--total .sgfat-stat-value[b-i4uja9k3b6] { color: var(--sgfat-accent); }
.sgfat-stat--nf .sgfat-stat-value[b-i4uja9k3b6] { color: var(--sgfat-nf); }
.sgfat-stat--recibo .sgfat-stat-value[b-i4uja9k3b6] { color: var(--sgfat-recibo); }
.sgfat-stat--nd .sgfat-stat-value[b-i4uja9k3b6] { color: var(--sgfat-nd); }
.sgfat-stat--erro .sgfat-stat-value[b-i4uja9k3b6] { color: var(--sgfat-danger); }

/* ── Footer ── */
.sgfat-footer[b-i4uja9k3b6] { display: flex; align-items: center; gap: 10px; padding: 12px 20px; border-top: 1px solid var(--color-sf-border-light); background: var(--color-sf-content-bg-color-alt1); flex-shrink: 0; }
.sgfat-footer-info[b-i4uja9k3b6] { flex: 1; }
.sgfat-footer-sel[b-i4uja9k3b6] { font-size: 0.78rem; font-weight: 600; color: var(--sgfat-accent); }
.sgfat-btn[b-i4uja9k3b6] { display: inline-flex; align-items: center; gap: 6px; padding: 7px 18px; border-radius: 4px; font-size: 0.82rem; font-weight: 500; cursor: pointer; border: none; transition: opacity 0.15s; }
.sgfat-btn:hover[b-i4uja9k3b6] { opacity: 0.88; }
.sgfat-btn:disabled[b-i4uja9k3b6] { opacity: 0.5; cursor: not-allowed; }
.sgfat-btn--cancel[b-i4uja9k3b6] { background: transparent; color: var(--color-sf-content-text-color-alt1); border: 1px solid var(--color-sf-border-light); }
.sgfat-btn--cancel span[b-i4uja9k3b6] { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-btn--cancel span[b-i4uja9k3b6]::before { color: var(--color-sf-content-text-color-alt1) !important; }
.sgfat-btn--exec[b-i4uja9k3b6] { background: var(--sgfat-accent); color: #fff; }
.sgfat-btn--exec span[b-i4uja9k3b6] { color: #fff !important; }
.sgfat-btn--exec span[b-i4uja9k3b6]::before { color: #fff !important; }
.sgfat-btn--done[b-i4uja9k3b6] { background: var(--sgfat-success); color: #fff; }
.sgfat-btn--done span[b-i4uja9k3b6] { color: #fff !important; }
.sgfat-btn--done span[b-i4uja9k3b6]::before { color: #fff !important; }

/* ── Loading overlay (entre etapa 0→1) ── */
.sgfat-loading-overlay[b-i4uja9k3b6] {
    flex: 1; display: flex; align-items: center; justify-content: center;
    background: var(--color-sf-content-bg-color);
    animation: sgfat-fade-in-b-i4uja9k3b6 0.3s ease-out;
}
.sgfat-loading-card[b-i4uja9k3b6] {
    display: flex; flex-direction: column; align-items: center; gap: 24px;
    padding: 48px 40px; max-width: 420px; text-align: center;
}
.sgfat-loading-spinner[b-i4uja9k3b6] {
    position: relative; width: 80px; height: 80px;
    display: flex; align-items: center; justify-content: center;
}
.sgfat-loading-ring[b-i4uja9k3b6] {
    position: absolute; inset: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: var(--sgfat-accent);
    animation: sgfat-spin-b-i4uja9k3b6 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.sgfat-loading-ring--2[b-i4uja9k3b6] {
    inset: 8px;
    border-top-color: transparent;
    border-right-color: color-mix(in srgb, var(--sgfat-accent) 35%, transparent);
    animation-duration: 2s;
    animation-direction: reverse;
}
.sgfat-loading-ring--3[b-i4uja9k3b6] {
    inset: 16px;
    border-top-color: transparent;
    border-bottom-color: color-mix(in srgb, var(--sgfat-accent) 20%, transparent);
    animation-duration: 2.8s;
}
.sgfat-loading-logo[b-i4uja9k3b6] {
    width: 28px;
    height: 28px;
    object-fit: contain;
    animation: sgfat-icon-pulse-b-i4uja9k3b6 2s ease-in-out infinite;
    opacity: 0.7;
}
:global(.e-dark-mode) .sgfat-loading-logo[b-i4uja9k3b6] {
    filter: invert(1);
    opacity: 0.8;
}
.sgfat-loading-title[b-i4uja9k3b6] {
    margin: 0; font-size: 1.05rem; font-weight: 700;
    color: var(--color-sf-content-text-color);
    letter-spacing: -0.01em;
}
.sgfat-loading-desc[b-i4uja9k3b6] {
    margin: 0; font-size: 0.82rem; line-height: 1.5;
    color: var(--color-sf-content-text-color-alt1);
    display: flex; align-items: center; gap: 6px; justify-content: center;
}
.sgfat-loading-faixa[b-i4uja9k3b6] { font-weight: 600; color: var(--color-sf-content-text-color); }
.sgfat-loading-sep[b-i4uja9k3b6] { opacity: 0.35; }
.sgfat-loading-pass[b-i4uja9k3b6] { color: var(--sgfat-accent); font-weight: 500; }
.sgfat-loading-progress[b-i4uja9k3b6] {
    width: 100%; display: flex; flex-direction: column; gap: 8px;
}
.sgfat-loading-bar-track[b-i4uja9k3b6] {
    width: 100%; height: 6px; border-radius: 3px;
    background: color-mix(in srgb, var(--sgfat-accent) 10%, transparent);
    overflow: hidden;
}
.sgfat-loading-bar-fill[b-i4uja9k3b6] {
    height: 100%; border-radius: 3px;
    background: linear-gradient(90deg, var(--sgfat-accent), var(--sgfat-accent-light));
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px color-mix(in srgb, var(--sgfat-accent) 40%, transparent);
    min-width: 2%;
}
.sgfat-loading-stats[b-i4uja9k3b6] {
    display: flex; align-items: center; justify-content: center;
    gap: 16px;
    font-size: 0.72rem; color: var(--color-sf-content-text-color-alt1);
    padding-top: 2px;
}
.sgfat-loading-pct[b-i4uja9k3b6] { font-weight: 700; color: var(--sgfat-accent); font-size: 0.78rem; }
.sgfat-loading-counter[b-i4uja9k3b6] { font-weight: 500; }
.sgfat-loading-step[b-i4uja9k3b6] { opacity: 0.6; }
.sgfat-loading-stats > span + span[b-i4uja9k3b6]::before {
    content: '·'; margin-right: 16px; opacity: 0.35;
}

@keyframes sgfat-icon-pulse-b-i4uja9k3b6 {
    0%, 100% { opacity: 0.6; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.1); }
}

/* ── Animations ── */
@keyframes sgfat-pulse-b-i4uja9k3b6 {
    0%, 100% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--sgfat-accent) 20%, transparent), 0 0 16px color-mix(in srgb, var(--sgfat-accent) 35%, transparent); }
    50% { box-shadow: 0 0 0 5px color-mix(in srgb, var(--sgfat-accent) 12%, transparent), 0 0 24px color-mix(in srgb, var(--sgfat-accent) 25%, transparent); }
}
@keyframes sgfat-draw-check-b-i4uja9k3b6 { from { stroke-dashoffset: 30; } to { stroke-dashoffset: 0; } }
@keyframes sgfat-circle-fill-b-i4uja9k3b6 { to { stroke-dashoffset: 0; } }
@keyframes sgfat-check-stroke-b-i4uja9k3b6 { to { stroke-dashoffset: 0; } }
@keyframes sgfat-slide-up-b-i4uja9k3b6 { from { opacity: 0; transform: translateY(24px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes sgfat-fade-in-b-i4uja9k3b6 { from { opacity: 0; } to { opacity: 1; } }
@keyframes sgfat-spin-b-i4uja9k3b6 { to { transform: rotate(360deg); } }
.sgfat-spin[b-i4uja9k3b6] { animation: sgfat-spin-b-i4uja9k3b6 1s linear infinite; }

/* ── Charts de pesagens ──────────────────────────────────── */
.sgfat-chart-section[b-i4uja9k3b6] {
    padding: 8px 12px;
    border-bottom: 1px solid var(--color-sf-border-light);
}
.sgfat-chart-title[b-i4uja9k3b6] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 0 0 4px 0;
}

/* ── NF Status badges ── */
.sgfat-nfstatus-badge[b-i4uja9k3b6] {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 2px 8px; border-radius: 10px; font-size: 0.62rem; font-weight: 600;
    height: 18px; line-height: 1.4;
}
.sgfat-nfstatus-badge--emitida[b-i4uja9k3b6] { background: color-mix(in srgb, #107c10 12%, transparent); color: #107c10; }
.sgfat-nfstatus-badge--cancelada[b-i4uja9k3b6] { background: color-mix(in srgb, #d83b01 12%, transparent); color: #d83b01; }
.sgfat-nfstatus-badge--inutilizada[b-i4uja9k3b6] { background: color-mix(in srgb, #c47a00 12%, transparent); color: #c47a00; }
.sgfat-nfstatus-badge--registrada[b-i4uja9k3b6] { background: color-mix(in srgb, #0078d4 12%, transparent); color: #0078d4; }
.sgfat-nfstatus-badge--rejeitada[b-i4uja9k3b6] { background: color-mix(in srgb, #a4262c 12%, transparent); color: #a4262c; }
.sgfat-nfstatus-badge--pendente[b-i4uja9k3b6] { background: color-mix(in srgb, #8a919a 12%, transparent); color: #8a919a; }

/* ═══════════════════════════════════════════════════════════
   CHANGE 1 — Badge de conferência nas pesagens
   ═══════════════════════════════════════════════════════════ */
.sgfat-evento-conferido[b-i4uja9k3b6] {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 1px 7px; border-radius: 10px;
    font-size: 0.60rem; font-weight: 700; line-height: 1.4;
    white-space: nowrap; flex-shrink: 0;
}
.sgfat-evento-conferido--ok[b-i4uja9k3b6] {
    background: color-mix(in srgb, #107c10 12%, transparent);
    color: #107c10;
    border: 1px solid color-mix(in srgb, #107c10 20%, transparent);
}
.sgfat-evento-conferido--pending[b-i4uja9k3b6] {
    background: color-mix(in srgb, #c47a00 10%, transparent);
    color: #c47a00;
    border: 1px solid color-mix(in srgb, #c47a00 18%, transparent);
}
.sgfat-evento-conferido-by[b-i4uja9k3b6] {
    font-size: 0.58rem; color: var(--color-sf-content-text-color-alt1);
    opacity: 0.60; font-style: italic;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ═══════════════════════════════════════════════════════════
   CHANGE 2 — Dark mode: painel lateral detalhe
   ═══════════════════════════════════════════════════════════ */
:global(.e-dark-mode) .sgfat-detail-section-title[b-i4uja9k3b6] {
    color: rgba(255,255,255,0.50) !important;
}
:global(.e-dark-mode) .sgfat-detail-label[b-i4uja9k3b6] {
    color: rgba(255,255,255,0.45) !important;
}
:global(.e-dark-mode) .sgfat-detail-value[b-i4uja9k3b6] {
    color: rgba(255,255,255,0.85) !important;
}
:global(.e-dark-mode) .sgfat-detail-valor-main[b-i4uja9k3b6] {
    color: var(--sgfat-accent);
}
:global(.e-dark-mode) .sgfat-detail-valor-label[b-i4uja9k3b6] {
    color: rgba(255,255,255,0.45) !important;
}
:global(.e-dark-mode) .sgfat-detail-valor-peso[b-i4uja9k3b6] {
    color: rgba(255,255,255,0.45) !important;
}
:global(.e-dark-mode) .sgfat-detail-valor-card[b-i4uja9k3b6] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--sgfat-accent) 12%, transparent), color-mix(in srgb, var(--sgfat-accent) 5%, transparent));
    border-color: color-mix(in srgb, var(--sgfat-accent) 25%, transparent);
}
:global(.e-dark-mode) .sgfat-detail-alerta-nf[b-i4uja9k3b6] {
    background: rgba(220,38,38,0.12);
    border-color: rgba(220,38,38,0.28);
    color: #f87171;
}
:global(.e-dark-mode) .sgfat-detail-alerta-status[b-i4uja9k3b6] {
    color: rgba(248,113,113,0.70);
}
:global(.e-dark-mode) .sgfat-detail-status-nf[b-i4uja9k3b6] {
    background: rgba(5,150,105,0.10);
    border-color: rgba(5,150,105,0.22);
    color: #34d399;
}
:global(.e-dark-mode) .sgfat-detail-obs[b-i4uja9k3b6] {
    color: rgba(255,255,255,0.75);
}
:global(.e-dark-mode) .sgfat-calc-label[b-i4uja9k3b6] {
    color: rgba(255,255,255,0.45) !important;
}
:global(.e-dark-mode) .sgfat-calc-value[b-i4uja9k3b6] {
    color: rgba(255,255,255,0.82) !important;
}
:global(.e-dark-mode) .sgfat-detail-calc[b-i4uja9k3b6] {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.08);
}
:global(.e-dark-mode) .sgfat-hist-status-pill--faturado[b-i4uja9k3b6] {
    background: rgba(16,124,16,0.15); color: #6fcf6f; border-color: rgba(16,124,16,0.25);
}
:global(.e-dark-mode) .sgfat-hist-status-pill--ativo[b-i4uja9k3b6] {
    background: rgba(0,120,212,0.15); color: #60b0f0; border-color: rgba(0,120,212,0.25);
}
:global(.e-dark-mode) .sgfat-hist-status-pill--novo[b-i4uja9k3b6] {
    background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.45); border-color: rgba(255,255,255,0.10);
}
:global(.e-dark-mode) .sgfat-evento-conferido--ok[b-i4uja9k3b6] {
    background: color-mix(in srgb, #1a9e1a 15%, transparent);
    color: #6fcf6f;
    border-color: color-mix(in srgb, #1a9e1a 25%, transparent);
}
:global(.e-dark-mode) .sgfat-evento-conferido--pending[b-i4uja9k3b6] {
    background: color-mix(in srgb, #d4900a 12%, transparent);
    color: #d4900a;
    border-color: color-mix(in srgb, #d4900a 20%, transparent);
}

/* ═══════════════════════════════════════════════════════════
   CHANGE 3 — KPI cards no painel esquerdo (base da aside)
   ═══════════════════════════════════════════════════════════ */
.sgfat-aside-kpi[b-i4uja9k3b6] {
    position: relative; z-index: 2;
    display: flex; flex-direction: column; gap: 8px;
    padding: 14px 18px;
    flex-shrink: 0;
    border-top: 1px solid rgba(255,255,255,0.06);
}
.sgfat-aside-kpi-card[b-i4uja9k3b6] {
    display: flex; flex-direction: column; gap: 2px;
    padding: 10px 12px; border-radius: 8px;
    background: rgba(59,130,246,0.08);
    border: 1px solid rgba(59,130,246,0.15);
}
.sgfat-aside-kpi-label[b-i4uja9k3b6] {
    font-size: 0.58rem; font-weight: 600;
    color: rgba(255,255,255,0.40);
    text-transform: uppercase; letter-spacing: 0.04em;
}
.sgfat-aside-kpi-value[b-i4uja9k3b6] {
    font-size: 0.88rem; font-weight: 700;
    color: #3b82f6;
    letter-spacing: -0.01em;
}
.sgfat-aside-kpi-value--sel[b-i4uja9k3b6] { color: #f59e0b; }
.sgfat-aside-kpi-value--green[b-i4uja9k3b6] { color: #f59e0b; }
.sgfat-aside-kpi-card--total[b-i4uja9k3b6] {
    background: rgba(22,142,255,0.12);
    border-color: rgba(22,142,255,0.25);
}
.sgfat-aside-kpi-card--total .sgfat-aside-kpi-value[b-i4uja9k3b6] {
    font-size: 0.95rem;
    color: #60a5fa;
}

.sgfat-aside-kpi-card--pendente[b-i4uja9k3b6] {
    background: rgba(220,38,38,0.1);
    border-color: rgba(220,38,38,0.25);
}
.sgfat-aside-kpi-card--pendente .sgfat-aside-kpi-label[b-i4uja9k3b6] {
    color: rgba(220,38,38,0.7);
}
.sgfat-aside-kpi-value--pendente[b-i4uja9k3b6] {
    font-size: 0.95rem;
    color: #ef4444 !important;
}

/* Barra percentual no painel esquerdo */
.sgfat-aside-bar[b-i4uja9k3b6] {
    width: 100%;
    height: 4px;
    background: rgba(255,255,255,0.06);
    border-radius: 2px;
    margin-top: 4px;
    overflow: hidden;
}
.sgfat-aside-bar-fill[b-i4uja9k3b6] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.4s ease;
}
.sgfat-aside-bar-fill--blue[b-i4uja9k3b6] { background: #3b82f6; }
.sgfat-aside-bar-fill--green[b-i4uja9k3b6] { background: #f59e0b; }
.sgfat-aside-bar-pct[b-i4uja9k3b6] {
    font-size: 0.58rem;
    font-weight: 500;
    color: rgba(255,255,255,0.35);
    margin-top: 2px;
}

/* ══════════ TRIBUTOS ══════════ */
.sgfat-tributos-section[b-i4uja9k3b6] {
    margin: 4px 0;
}
.sgfat-tributos-table[b-i4uja9k3b6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.72rem;
    margin: 4px 0 8px;
}
.sgfat-tributos-table th[b-i4uja9k3b6] {
    font-weight: 600;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-sf-content-text-color-alt1);
    padding: 4px 6px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-sf-content-text-color) 12%, transparent);
    text-align: left;
}
.sgfat-tributos-table td[b-i4uja9k3b6] {
    padding: 3px 6px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-sf-content-text-color) 6%, transparent);
    color: var(--color-sf-content-text-color);
}
.sgfat-trib-right[b-i4uja9k3b6] { text-align: right !important; }
.sgfat-trib-center[b-i4uja9k3b6] { text-align: center !important; }
.sgfat-trib-mono[b-i4uja9k3b6] { font-family: 'Cascadia Code', 'Fira Code', monospace; font-size: 0.70rem; }
.sgfat-trib-row--ret td[b-i4uja9k3b6] { font-weight: 600; }
.sgfat-trib-ret-badge[b-i4uja9k3b6] {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 8px;
    font-size: 0.60rem;
    font-weight: 700;
    background: color-mix(in srgb, #d83b01 14%, transparent);
    color: #d83b01;
}
.sgfat-trib-noret[b-i4uja9k3b6] {
    font-size: 0.60rem;
    color: var(--color-sf-content-text-color-alt1);
}
.sgfat-trib-footer td[b-i4uja9k3b6] {
    font-weight: 700;
    border-top: 2px solid color-mix(in srgb, var(--sgfat-accent) 30%, transparent);
    border-bottom: none;
    padding-top: 5px;
    color: #d83b01;
}

/* Card valor líquido */
.sgfat-detail-valor-card--liq[b-i4uja9k3b6] {
    background: linear-gradient(135deg, color-mix(in srgb, #107c10 8%, transparent), color-mix(in srgb, #107c10 3%, transparent));
    border-color: color-mix(in srgb, #107c10 20%, transparent);
}
.sgfat-detail-valor-card--liq .sgfat-detail-valor-main[b-i4uja9k3b6] {
    color: #107c10;
    font-size: 1.20rem;
}
.sgfat-detail-valor-card--liq .sgfat-detail-valor-label[b-i4uja9k3b6] {
    color: #107c10;
}

/* Cell valor líquido no grid */
.sgfat-cell-kpi--liq[b-i4uja9k3b6] {
    color: #107c10;
    font-weight: 600;
}

/* Dark mode tributos */
:global(.e-dark-mode) .sgfat-trib-ret-badge[b-i4uja9k3b6] {
    background: rgba(220,59,1,0.18);
    color: #ff8c5a;
}
:global(.e-dark-mode) .sgfat-trib-footer td[b-i4uja9k3b6] {
    color: #ff8c5a;
}
:global(.e-dark-mode) .sgfat-detail-valor-card--liq[b-i4uja9k3b6] {
    background: linear-gradient(135deg, rgba(16,124,16,0.12), rgba(16,124,16,0.05));
    border-color: rgba(16,124,16,0.25);
}
:global(.e-dark-mode) .sgfat-detail-valor-card--liq .sgfat-detail-valor-main[b-i4uja9k3b6] {
    color: #4ade80;
}
:global(.e-dark-mode) .sgfat-detail-valor-card--liq .sgfat-detail-valor-label[b-i4uja9k3b6] {
    color: rgba(74,222,128,0.7);
}
:global(.e-dark-mode) .sgfat-cell-kpi--liq[b-i4uja9k3b6] {
    color: #4ade80;
}

/* ════════════════════════════════════════════════════════════════
   RELATÓRIO DE PREVISÃO — Prefixo: sgfat-rpt-
   ════════════════════════════════════════════════════════════════ */

/* ── Botão Relatório no step-header ── */
.sgfat-btn--report[b-i4uja9k3b6],
.sgfat-btn--print[b-i4uja9k3b6] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}
.sgfat-btn--report[b-i4uja9k3b6] {
    background: linear-gradient(135deg, #c62828 0%, #e53935 100%);
    color: #fff;
    box-shadow: 0 2px 6px rgba(198,40,40,0.25);
}
.sgfat-btn--report:hover[b-i4uja9k3b6] { box-shadow: 0 4px 12px rgba(198,40,40,0.35); transform: translateY(-1px); }
.sgfat-btn--report span[class*="icon-"][b-i4uja9k3b6] { font-size: 16px; }

.sgfat-btn--print[b-i4uja9k3b6] {
    background: linear-gradient(135deg, var(--sgfat-accent) 0%, #1e88e5 100%);
    color: #fff;
    box-shadow: 0 2px 6px rgba(0,120,212,0.25);
}
.sgfat-btn--print:hover[b-i4uja9k3b6] { box-shadow: 0 4px 12px rgba(0,120,212,0.35); transform: translateY(-1px); }
.sgfat-btn--print span[class*="icon-"][b-i4uja9k3b6] { font-size: 16px; }

/* ── Diálogo do relatório (fullscreen) ── */
:global(.sgfat-relatorio-dialog)[b-i4uja9k3b6] {
    border-radius: 0 !important;
}
:global(.sgfat-relatorio-dialog .e-dlg-header-content)[b-i4uja9k3b6] {
    padding: 0 !important;
    border-bottom: 1px solid #e2e8f0;
}
:global(.sgfat-relatorio-dialog .e-dlg-content)[b-i4uja9k3b6] {
    padding: 0 !important;
    overflow-y: auto;
}
:global(.sgfat-relatorio-dialog .e-btn.e-dlg-closeicon-btn)[b-i4uja9k3b6] {
    top: 14px;
    right: 14px;
}

.sgfat-rpt-dlg-header[b-i4uja9k3b6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 48px 12px 20px;
}
.sgfat-rpt-dlg-header-left[b-i4uja9k3b6] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.sgfat-rpt-dlg-icon[b-i4uja9k3b6] {
    font-size: 24px;
    color: #c62828;
}
.sgfat-rpt-dlg-title[b-i4uja9k3b6] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color, #0f172a);
    display: block;
}
.sgfat-rpt-dlg-sub[b-i4uja9k3b6] {
    font-size: 0.72rem;
    color: #64748b;
    display: block;
}

/* ── Logo no cabeçalho do relatório ── */
.sgfat-rpt-logo-img[b-i4uja9k3b6] {
    width: 36px;
    height: 36px;
    object-fit: contain;
}
:global(.e-dark-mode) .sgfat-rpt-logo-img[b-i4uja9k3b6] {
    filter: brightness(0) invert(1);
}

/* ── Container do relatório ── */
.sgfat-report[b-i4uja9k3b6] {
    flex: 1;
    overflow-y: auto;
    padding: 32px;
    background: #fff;
    color: #1e293b;
}

/* ── Cabeçalho ── */
.sgfat-rpt-header[b-i4uja9k3b6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}
.sgfat-rpt-logo[b-i4uja9k3b6] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.sgfat-rpt-logo-icon[b-i4uja9k3b6] {
    font-size: 32px;
    color: var(--sgfat-accent);
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sgfat-rpt-title[b-i4uja9k3b6] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.02em;
}
.sgfat-rpt-subtitle[b-i4uja9k3b6] {
    margin: 2px 0 0;
    font-size: 0.82rem;
    color: #64748b;
    font-weight: 500;
}
.sgfat-rpt-meta[b-i4uja9k3b6] {
    display: flex;
    gap: 24px;
    text-align: right;
}
.sgfat-rpt-meta-item[b-i4uja9k3b6] {
    display: flex;
    flex-direction: column;
}
.sgfat-rpt-meta-label[b-i4uja9k3b6] {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94a3b8;
    font-weight: 600;
}
.sgfat-rpt-meta-value[b-i4uja9k3b6] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #334155;
}
.sgfat-rpt-divider[b-i4uja9k3b6] {
    height: 2px;
    background: linear-gradient(90deg, var(--sgfat-accent), transparent);
    margin: 16px 0 24px;
    border-radius: 1px;
}

/* ── Seções ── */
.sgfat-rpt-section[b-i4uja9k3b6] {
    margin-bottom: 28px;
}
.sgfat-rpt-section-title[b-i4uja9k3b6] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e2e8f0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── KPIs Consolidados ── */
.sgfat-rpt-kpi-grid[b-i4uja9k3b6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}
.sgfat-rpt-kpi[b-i4uja9k3b6] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.sgfat-rpt-kpi-value[b-i4uja9k3b6] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #334155;
    line-height: 1.2;
}
.sgfat-rpt-kpi-label[b-i4uja9k3b6] {
    font-size: 0.7rem;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 4px;
}
.sgfat-rpt-kpi--total[b-i4uja9k3b6] {
    background: linear-gradient(135deg, rgba(0,120,212,0.06), rgba(0,120,212,0.02));
    border-color: rgba(0,120,212,0.2);
}
.sgfat-rpt-kpi--total .sgfat-rpt-kpi-value[b-i4uja9k3b6] { color: var(--sgfat-accent); font-size: 1.25rem; }
.sgfat-rpt-kpi--ret[b-i4uja9k3b6] {
    background: linear-gradient(135deg, rgba(216,59,1,0.06), rgba(216,59,1,0.02));
    border-color: rgba(216,59,1,0.2);
}
.sgfat-rpt-kpi--ret .sgfat-rpt-kpi-value[b-i4uja9k3b6] { color: var(--sgfat-danger); }
.sgfat-rpt-kpi--liq[b-i4uja9k3b6] {
    background: linear-gradient(135deg, rgba(16,124,16,0.06), rgba(16,124,16,0.02));
    border-color: rgba(16,124,16,0.2);
}
.sgfat-rpt-kpi--liq .sgfat-rpt-kpi-value[b-i4uja9k3b6] { color: var(--sgfat-success); }

/* ── Por Tipo de Documento ── */
.sgfat-rpt-tipo-grid[b-i4uja9k3b6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}
.sgfat-rpt-tipo-card[b-i4uja9k3b6] {
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.sgfat-rpt-tipo-card--nf[b-i4uja9k3b6] {
    background: linear-gradient(135deg, rgba(0,120,212,0.06), rgba(0,120,212,0.02));
    border: 1px solid rgba(0,120,212,0.15);
}
.sgfat-rpt-tipo-card--recibo[b-i4uja9k3b6] {
    background: linear-gradient(135deg, rgba(16,124,16,0.06), rgba(16,124,16,0.02));
    border: 1px solid rgba(16,124,16,0.15);
}
.sgfat-rpt-tipo-card--nd[b-i4uja9k3b6] {
    background: linear-gradient(135deg, rgba(196,122,0,0.06), rgba(196,122,0,0.02));
    border: 1px solid rgba(196,122,0,0.15);
}
.sgfat-rpt-tipo-header[b-i4uja9k3b6] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.sgfat-rpt-tipo-badge[b-i4uja9k3b6] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
}
.sgfat-rpt-tipo-badge--nf[b-i4uja9k3b6] { background: var(--sgfat-nf); }
.sgfat-rpt-tipo-badge--recibo[b-i4uja9k3b6] { background: var(--sgfat-recibo); }
.sgfat-rpt-tipo-badge--nd[b-i4uja9k3b6] { background: var(--sgfat-nd); }
.sgfat-rpt-tipo-count[b-i4uja9k3b6] {
    font-size: 0.72rem;
    color: #64748b;
    font-weight: 500;
}
.sgfat-rpt-tipo-value[b-i4uja9k3b6] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1e293b;
}
.sgfat-rpt-tipo-peso[b-i4uja9k3b6] {
    font-size: 0.75rem;
    color: #94a3b8;
    font-weight: 500;
}

/* ── Faixa de Coleta ── */
.sgfat-rpt-faixa-section[b-i4uja9k3b6] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 20px;
    background: #fafbfc;
}
.sgfat-rpt-faixa-header[b-i4uja9k3b6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}
.sgfat-rpt-faixa-header .sgfat-rpt-section-title[b-i4uja9k3b6] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    color: var(--sgfat-accent);
}
.sgfat-rpt-faixa-meta[b-i4uja9k3b6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}
.sgfat-rpt-faixa-periodo[b-i4uja9k3b6] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #334155;
}
.sgfat-rpt-faixa-stats[b-i4uja9k3b6] {
    font-size: 0.7rem;
    color: #94a3b8;
}
.sgfat-rpt-faixa-summary[b-i4uja9k3b6] {
    display: flex;
    gap: 20px;
    align-items: baseline;
    margin-bottom: 14px;
    padding: 10px 14px;
    background: linear-gradient(135deg, rgba(0,120,212,0.04), transparent);
    border-radius: 6px;
    border-left: 3px solid var(--sgfat-accent);
}
.sgfat-rpt-faixa-total[b-i4uja9k3b6] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--sgfat-accent);
}
.sgfat-rpt-faixa-peso[b-i4uja9k3b6] {
    font-size: 0.82rem;
    color: #64748b;
    font-weight: 500;
}

/* ── Tabela ── */
.sgfat-rpt-table[b-i4uja9k3b6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.72rem;
}
.sgfat-rpt-th[b-i4uja9k3b6] {
    padding: 8px 10px;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.65rem;
    border-bottom: 2px solid #cbd5e1;
    text-align: left;
    white-space: nowrap;
}
.sgfat-rpt-th--center[b-i4uja9k3b6] { text-align: center; }
.sgfat-rpt-th--right[b-i4uja9k3b6] { text-align: right; }
.sgfat-rpt-td[b-i4uja9k3b6] {
    padding: 6px 10px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    vertical-align: middle;
}
.sgfat-rpt-td--contrato[b-i4uja9k3b6] { font-weight: 600; white-space: nowrap; }
.sgfat-rpt-td--cliente[b-i4uja9k3b6] { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sgfat-rpt-td--center[b-i4uja9k3b6] { text-align: center; }
.sgfat-rpt-td--right[b-i4uja9k3b6] { text-align: right; }
.sgfat-rpt-td--mono[b-i4uja9k3b6] { font-family: "Cascadia Code", "Consolas", monospace; font-size: 0.7rem; }
.sgfat-rpt-td--valor[b-i4uja9k3b6] { font-weight: 700; color: #0f172a; }
.sgfat-rpt-td--obs[b-i4uja9k3b6] {
    font-size: 0.68rem;
    color: #92400e;
    background: rgba(255,237,213,0.5);
    padding: 4px 10px 4px 24px;
    font-style: italic;
}
.sgfat-rpt-row:nth-child(even)[b-i4uja9k3b6] { background: rgba(248,250,252,0.6); }
.sgfat-rpt-row--obs[b-i4uja9k3b6] { }
.sgfat-rpt-row-obs td[b-i4uja9k3b6] { border-bottom: 1px solid #fde68a; }
.sgfat-rpt-obs-icon[b-i4uja9k3b6] { color: #d97706; font-size: 0.75rem; margin-right: 4px; }
.sgfat-rpt-footer-row[b-i4uja9k3b6] {
    background: #f1f5f9;
    border-top: 2px solid #cbd5e1;
}
.sgfat-rpt-footer-row td[b-i4uja9k3b6] { padding: 8px 10px; }

/* ── Tipo tag na tabela ── */
.sgfat-rpt-tipo-tag[b-i4uja9k3b6] {
    font-size: 0.62rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 3px;
    color: #fff;
    white-space: nowrap;
}
.sgfat-rpt-tipo-tag--nf[b-i4uja9k3b6] { background: var(--sgfat-nf); }
.sgfat-rpt-tipo-tag--recibo[b-i4uja9k3b6] { background: var(--sgfat-recibo); }
.sgfat-rpt-tipo-tag--nd[b-i4uja9k3b6] { background: var(--sgfat-nd); }

/* ── Variação ── */
.sgfat-rpt-var[b-i4uja9k3b6] {
    font-size: 0.68rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 3px;
    white-space: nowrap;
}
.sgfat-rpt-var--up[b-i4uja9k3b6] { color: #059669; background: rgba(5,150,105,0.08); }
.sgfat-rpt-var--down[b-i4uja9k3b6] { color: #dc2626; background: rgba(220,38,38,0.08); }

/* ── Não Elegíveis (resumo) ── */
.sgfat-rpt-naoelegivel[b-i4uja9k3b6] {
    margin-top: 16px;
    padding: 12px 16px;
    background: rgba(241,245,249,0.8);
    border-radius: 6px;
    border: 1px dashed #cbd5e1;
}
.sgfat-rpt-naoelegivel-title[b-i4uja9k3b6] {
    font-size: 0.76rem;
    font-weight: 700;
    color: #64748b;
    margin: 0 0 8px;
}
.sgfat-rpt-motivo-grid[b-i4uja9k3b6] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.sgfat-rpt-motivo-item[b-i4uja9k3b6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    color: #475569;
}
.sgfat-rpt-motivo-count[b-i4uja9k3b6] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #475569;
    font-weight: 700;
    font-size: 0.68rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Rodapé do relatório ── */
.sgfat-rpt-footer[b-i4uja9k3b6] {
    margin-top: 32px;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
    text-align: center;
}
.sgfat-rpt-footer-text[b-i4uja9k3b6] {
    font-size: 0.68rem;
    color: #94a3b8;
    font-style: italic;
}

/* ── Dark mode overrides para o relatório ── */
:global(.e-dark-mode) .sgfat-report[b-i4uja9k3b6] {
    background: #1e293b;
    color: #e2e8f0;
}
:global(.e-dark-mode) .sgfat-rpt-title[b-i4uja9k3b6] { color: #f1f5f9; }
:global(.e-dark-mode) .sgfat-rpt-subtitle[b-i4uja9k3b6] { color: #94a3b8; }
:global(.e-dark-mode) .sgfat-rpt-meta-value[b-i4uja9k3b6] { color: #cbd5e1; }
:global(.e-dark-mode) .sgfat-rpt-divider[b-i4uja9k3b6] { background: linear-gradient(90deg, var(--sgfat-accent), transparent); }
:global(.e-dark-mode) .sgfat-rpt-section-title[b-i4uja9k3b6] { color: #f1f5f9; border-bottom-color: #334155; }
:global(.e-dark-mode) .sgfat-rpt-kpi[b-i4uja9k3b6] { background: #0f172a; border-color: #334155; }
:global(.e-dark-mode) .sgfat-rpt-kpi-value[b-i4uja9k3b6] { color: #e2e8f0; }
:global(.e-dark-mode) .sgfat-rpt-kpi-label[b-i4uja9k3b6] { color: #94a3b8; }
:global(.e-dark-mode) .sgfat-rpt-kpi--total[b-i4uja9k3b6] { background: rgba(0,120,212,0.1); border-color: rgba(0,120,212,0.3); }
:global(.e-dark-mode) .sgfat-rpt-tipo-card--nf[b-i4uja9k3b6] { background: rgba(0,120,212,0.08); border-color: rgba(0,120,212,0.2); }
:global(.e-dark-mode) .sgfat-rpt-tipo-card--recibo[b-i4uja9k3b6] { background: rgba(16,124,16,0.08); border-color: rgba(16,124,16,0.2); }
:global(.e-dark-mode) .sgfat-rpt-tipo-card--nd[b-i4uja9k3b6] { background: rgba(196,122,0,0.08); border-color: rgba(196,122,0,0.2); }
:global(.e-dark-mode) .sgfat-rpt-tipo-value[b-i4uja9k3b6] { color: #f1f5f9; }
:global(.e-dark-mode) .sgfat-rpt-tipo-peso[b-i4uja9k3b6] { color: #64748b; }
:global(.e-dark-mode) .sgfat-rpt-faixa-section[b-i4uja9k3b6] { background: #0f172a; border-color: #334155; }
:global(.e-dark-mode) .sgfat-rpt-faixa-summary[b-i4uja9k3b6] { background: rgba(0,120,212,0.06); }
:global(.e-dark-mode) .sgfat-rpt-th[b-i4uja9k3b6] { color: #94a3b8; border-bottom-color: #334155; }
:global(.e-dark-mode) .sgfat-rpt-td[b-i4uja9k3b6] { color: #cbd5e1; border-bottom-color: #1e293b; }
:global(.e-dark-mode) .sgfat-rpt-td--valor[b-i4uja9k3b6] { color: #f1f5f9; }
:global(.e-dark-mode) .sgfat-rpt-td--obs[b-i4uja9k3b6] { color: #fbbf24; background: rgba(217,119,6,0.1); }
:global(.e-dark-mode) .sgfat-rpt-row:nth-child(even)[b-i4uja9k3b6] { background: rgba(15,23,42,0.4); }
:global(.e-dark-mode) .sgfat-rpt-footer-row[b-i4uja9k3b6] { background: #0f172a; border-top-color: #334155; }
:global(.e-dark-mode) .sgfat-rpt-naoelegivel[b-i4uja9k3b6] { background: rgba(15,23,42,0.6); border-color: #334155; }
:global(.e-dark-mode) .sgfat-rpt-naoelegivel-title[b-i4uja9k3b6] { color: #94a3b8; }
:global(.e-dark-mode) .sgfat-rpt-motivo-count[b-i4uja9k3b6] { background: #334155; color: #cbd5e1; }
:global(.e-dark-mode) .sgfat-rpt-footer[b-i4uja9k3b6] { border-top-color: #334155; }
:global(.e-dark-mode) .sgfat-rpt-footer-text[b-i4uja9k3b6] { color: #64748b; }

/* ══════════ Pills de faixa — wrap + badge de selecionados + botão limpar ══════════ */
.sgfat-faixa-tab-wrap[b-i4uja9k3b6] {
    position: relative;
    display: inline-flex;
    align-items: stretch;
}
.sgfat-faixa-sel-badge[b-i4uja9k3b6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 5px;
    margin-left: 4px;
    font-size: 0.68rem;
    font-weight: 700;
    color: #fff;
    background: #0078d4;
    border-radius: 10px;
    line-height: 1;
}
.sgfat-faixa-clear[b-i4uja9k3b6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: -10px;
    align-self: center;
    position: relative;
    z-index: 2;
    background: #ef4444;
    color: #fff;
    border: 2px solid var(--color-sf-content-bg-color, #fff);
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    opacity: 0;
    transition: opacity 0.15s, transform 0.15s;
}
.sgfat-faixa-tab-wrap:hover .sgfat-faixa-clear[b-i4uja9k3b6] { opacity: 1; }
.sgfat-faixa-clear:hover[b-i4uja9k3b6] { background: #dc2626; transform: scale(1.1); }
.sgfat-faixa-clear span[b-i4uja9k3b6] { font-size: 11px; }

/* ══════════ KPI lateral — subtítulo de múltiplas faixas ══════════ */
.sgfat-aside-kpi-sub[b-i4uja9k3b6] {
    font-size: 0.62rem;
    color: #94a3b8;
    font-style: italic;
    margin-top: 2px;
}

/* ══════════ Etapa 2 — Confirmação ══════════ */
.sgfat-confirm-hint[b-i4uja9k3b6] {
    padding: 10px 14px;
    margin: 12px 16px;
    background: color-mix(in srgb, #0ea5e9 8%, transparent);
    border-left: 3px solid #0ea5e9;
    border-radius: 6px;
    font-size: 0.82rem;
    color: var(--color-sf-content-text-color, #1e293b);
}

.sgfat-confirm-grid[b-i4uja9k3b6] {
    padding: 0 16px 16px;
    overflow-x: auto;
    max-height: calc(100vh - 280px);
}

.sgfat-confirm-tbl[b-i4uja9k3b6] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.8rem;
    background: var(--color-sf-content-bg-color, #fff);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.sgfat-confirm-tbl th[b-i4uja9k3b6] {
    padding: 8px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--color-sf-content-text-color-alt1, #64748b);
    background: color-mix(in srgb, var(--color-sf-border, #e2e8f0) 40%, transparent);
    border-bottom: 1px solid var(--color-sf-border, #e2e8f0);
    position: sticky;
    top: 0;
    z-index: 2;
}
.sgfat-confirm-tbl td[b-i4uja9k3b6] {
    padding: 7px 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-sf-border, #e2e8f0) 50%, transparent);
}
.sgfat-confirm-tbl tr:last-child td[b-i4uja9k3b6] { border-bottom: none; }
.sgfat-confirm-tbl tr:hover td[b-i4uja9k3b6] { background: color-mix(in srgb, #0078d4 3%, transparent); }

.sgfat-confirm-num[b-i4uja9k3b6] { text-align: right; font-variant-numeric: tabular-nums; }
.sgfat-confirm-ck[b-i4uja9k3b6] { text-align: center; width: 68px; }
.sgfat-confirm-ck--med[b-i4uja9k3b6] {
    background: color-mix(in srgb, #f59e0b 5%, transparent);
    border-left: 2px solid color-mix(in srgb, #f59e0b 30%, transparent);
}
.sgfat-confirm-ck input[type="checkbox"][b-i4uja9k3b6] {
    width: 16px; height: 16px;
    cursor: pointer;
    accent-color: #0078d4;
}
.sgfat-confirm-ck--med input[type="checkbox"][b-i4uja9k3b6] { accent-color: #f59e0b; }
.sgfat-confirm-ck input[type="checkbox"]:disabled[b-i4uja9k3b6] { opacity: 0.35; cursor: not-allowed; }

.sgfat-confirm-row--med td[b-i4uja9k3b6] { opacity: 0.9; }
.sgfat-confirm-row--med .sgfat-confirm-cod[b-i4uja9k3b6] { color: #d97706; }

.sgfat-confirm-cod[b-i4uja9k3b6] { font-variant-numeric: tabular-nums; }
.sgfat-confirm-cli[b-i4uja9k3b6] { max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ══════════ Etapa 3 — Resumo por estabelecimento ══════════ */
.sgfat-resumo-wrap[b-i4uja9k3b6] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    max-height: calc(100vh - 220px);
}

.sgfat-resumo-estab[b-i4uja9k3b6] {
    background: var(--color-sf-content-bg-color, #fff);
    border: 1px solid var(--color-sf-border, #e2e8f0);
    border-radius: 8px;
    overflow: hidden;
}
.sgfat-resumo-estab-head[b-i4uja9k3b6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: color-mix(in srgb, #0078d4 5%, transparent);
    border-bottom: 1px solid var(--color-sf-border, #e2e8f0);
}
.sgfat-resumo-estab-head span[class^="icon-"][b-i4uja9k3b6] {
    font-size: 20px;
    color: #0078d4;
}
.sgfat-resumo-estab-head h4[b-i4uja9k3b6] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    flex: 1;
    color: var(--color-sf-content-text-color, #1e293b);
}
.sgfat-resumo-estab-tot[b-i4uja9k3b6] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #0078d4;
    font-variant-numeric: tabular-nums;
}
.sgfat-resumo-estab-body[b-i4uja9k3b6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: var(--color-sf-border, #e2e8f0);
}
.sgfat-resumo-cell[b-i4uja9k3b6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 12px;
    background: var(--color-sf-content-bg-color, #fff);
    gap: 3px;
}
.sgfat-resumo-cell-lbl[b-i4uja9k3b6] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1, #64748b);
}
.sgfat-resumo-cell-val[b-i4uja9k3b6] {
    font-size: 1.4rem;
    font-weight: 200;
    font-variant-numeric: tabular-nums;
}
.sgfat-resumo-cell--nf  .sgfat-resumo-cell-val[b-i4uja9k3b6] { color: #0078d4; }
.sgfat-resumo-cell--rec .sgfat-resumo-cell-val[b-i4uja9k3b6] { color: #10b981; }
.sgfat-resumo-cell--nd  .sgfat-resumo-cell-val[b-i4uja9k3b6] { color: #d97706; }
.sgfat-resumo-cell--med .sgfat-resumo-cell-val[b-i4uja9k3b6] { color: #f59e0b; }

.sgfat-resumo-total[b-i4uja9k3b6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 14px 18px;
    background: color-mix(in srgb, #0078d4 8%, transparent);
    border: 1px solid color-mix(in srgb, #0078d4 25%, transparent);
    border-radius: 8px;
    gap: 4px;
}
.sgfat-resumo-total-lbl[b-i4uja9k3b6] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1, #64748b);
}
.sgfat-resumo-total-val[b-i4uja9k3b6] {
    font-size: 1.8rem;
    font-weight: 100;
    color: #0078d4;
    font-variant-numeric: tabular-nums;
}
.sgfat-resumo-total-qtd[b-i4uja9k3b6] {
    font-size: 0.8rem;
    color: var(--color-sf-content-text-color-alt1, #64748b);
}

/* ══════════ Stat de Medição na etapa 5 ══════════ */
.sgfat-stat--med .sgfat-stat-value[b-i4uja9k3b6] { color: #f59e0b; }

/* ── Dark mode ── */
:global(.e-dark-mode) .sgfat-confirm-hint[b-i4uja9k3b6] { background: rgba(14,165,233,0.08); color: #cbd5e1; }
:global(.e-dark-mode) .sgfat-confirm-tbl[b-i4uja9k3b6] { background: #1e293b; }
:global(.e-dark-mode) .sgfat-confirm-tbl th[b-i4uja9k3b6] { background: #0f172a; color: #94a3b8; border-bottom-color: #334155; }
:global(.e-dark-mode) .sgfat-confirm-tbl td[b-i4uja9k3b6] { color: #cbd5e1; border-bottom-color: #334155; }
:global(.e-dark-mode) .sgfat-confirm-tbl tr:hover td[b-i4uja9k3b6] { background: rgba(0,120,212,0.1); }
:global(.e-dark-mode) .sgfat-confirm-ck--med[b-i4uja9k3b6] { background: rgba(245,158,11,0.08); }
:global(.e-dark-mode) .sgfat-resumo-estab[b-i4uja9k3b6] { background: #1e293b; border-color: #334155; }
:global(.e-dark-mode) .sgfat-resumo-estab-head[b-i4uja9k3b6] { background: rgba(0,120,212,0.1); border-bottom-color: #334155; }
:global(.e-dark-mode) .sgfat-resumo-estab-head h4[b-i4uja9k3b6] { color: #f1f5f9; }
:global(.e-dark-mode) .sgfat-resumo-estab-body[b-i4uja9k3b6] { background: #334155; }
:global(.e-dark-mode) .sgfat-resumo-cell[b-i4uja9k3b6] { background: #1e293b; }
:global(.e-dark-mode) .sgfat-resumo-cell-lbl[b-i4uja9k3b6] { color: #94a3b8; }
:global(.e-dark-mode) .sgfat-resumo-total[b-i4uja9k3b6] { background: rgba(0,120,212,0.12); border-color: rgba(0,120,212,0.3); }
:global(.e-dark-mode) .sgfat-resumo-total-lbl[b-i4uja9k3b6] { color: #94a3b8; }
:global(.e-dark-mode) .sgfat-resumo-total-qtd[b-i4uja9k3b6] { color: #94a3b8; }
:global(.e-dark-mode) .sgfat-faixa-sel-badge[b-i4uja9k3b6] { background: #0ea5e9; }
/* /Components/Processamento/GerenciarPermissoesPerfil.razor.rz.scp.css */
/* ============================================================
   Gerenciar Permissões — Prefixo: sgperm-
   ============================================================ */

.sgperm-shell[b-8t72pdmd67] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px;
    height: 100%;
    overflow: hidden;
    background: #ffffff;
    color: #0f172a;
}
body.e-dark-mode .sgperm-shell[b-8t72pdmd67] { background: #1a1d23; color: #e8e8e8; }

/* ── Loading / empty ── */
.sgperm-loading[b-8t72pdmd67] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 10px; padding: 40px;
    color: #64748b;
}
.sgperm-spin[b-8t72pdmd67] {
    width: 28px; height: 28px;
    border: 3px solid rgba(37,99,235,0.15);
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: sgperm-spin-b-8t72pdmd67 0.75s linear infinite;
}
@keyframes sgperm-spin-b-8t72pdmd67 { to { transform: rotate(360deg); } }

.sgperm-empty[b-8t72pdmd67] {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 24px;
    background: rgba(234,179,8,0.08);
    border: 1px solid rgba(234,179,8,0.30);
    border-radius: 8px;
}
.sgperm-empty span[class*="icon-"][b-8t72pdmd67] { color: #ca8a04 !important; font-size: 24px; }
.sgperm-empty p[b-8t72pdmd67] { margin: 4px 0 0; font-size: 13px; color: #64748b; }

.sgperm-empty-inline[b-8t72pdmd67] {
    padding: 16px;
    text-align: center;
    color: #94a3b8;
    font-size: 13px;
}

/* ── Header do perfil ── */
.sgperm-profile[b-8t72pdmd67] {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 14px;
    background: linear-gradient(135deg, rgba(37,99,235,0.08), rgba(37,99,235,0.02));
    border: 1px solid rgba(37,99,235,0.20);
    border-radius: 10px;
    flex-shrink: 0;
}
body.e-dark-mode .sgperm-profile[b-8t72pdmd67] {
    background: linear-gradient(135deg, rgba(37,99,235,0.15), rgba(37,99,235,0.05));
    border-color: rgba(37,99,235,0.35);
}

.sgperm-profile-icon[b-8t72pdmd67] {
    width: 40px; height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.sgperm-profile-icon span[b-8t72pdmd67] { color: #fff !important; font-size: 20px; }
.sgperm-profile-icon span[b-8t72pdmd67]::before { color: #fff !important; }

.sgperm-profile-info[b-8t72pdmd67] { flex: 1; min-width: 0; }
.sgperm-profile-name[b-8t72pdmd67] { font-size: 1.1rem; font-weight: 700; }
.sgperm-profile-sub[b-8t72pdmd67] {
    font-size: 0.78rem;
    color: #64748b;
    display: flex; flex-wrap: wrap; gap: 6px;
    margin-top: 2px;
}
.sgperm-profile-obs[b-8t72pdmd67] { font-style: italic; }
body.e-dark-mode .sgperm-profile-sub[b-8t72pdmd67] { color: #8b8fa3; }

.sgperm-profile-actions[b-8t72pdmd67] {
    display: flex; align-items: center; gap: 8px;
    flex-shrink: 0;
}

.sgperm-badge-changes[b-8t72pdmd67] {
    display: inline-block;
    padding: 4px 10px;
    background: rgba(234,179,8,0.15);
    color: #a16207;
    border: 1px solid rgba(234,179,8,0.30);
    border-radius: 12px;
    font-size: 0.74rem;
    font-weight: 600;
}

/* ── Botões ── */
.sgperm-btn[b-8t72pdmd67] {
    border-radius: 6px !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
}
.sgperm-btn--primary[b-8t72pdmd67] {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    color: #fff !important;
    border: none !important;
}
.sgperm-btn--ghost[b-8t72pdmd67] {
    background: transparent !important;
    color: #475569 !important;
    border: 1px solid rgba(0,0,0,0.12) !important;
}
.sgperm-btn--ghost:hover[b-8t72pdmd67] { background: rgba(0,0,0,0.03) !important; }
.sgperm-btn--danger[b-8t72pdmd67] {
    color: #b91c1c !important;
    border-color: rgba(239,68,68,0.30) !important;
}
.sgperm-btn span[class*="icon-"][b-8t72pdmd67] { font-size: 14px; margin-right: 4px; }

body.e-dark-mode .sgperm-btn--ghost[b-8t72pdmd67] { color: #c7cbd4 !important; border-color: rgba(255,255,255,0.12) !important; }
body.e-dark-mode .sgperm-btn--ghost:hover[b-8t72pdmd67] { background: rgba(255,255,255,0.04) !important; }

/* ── Tabs ── */
.sgperm-tabs[b-8t72pdmd67] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
.sgperm-tabs .e-content[b-8t72pdmd67], .sgperm-tabs .e-tab-content[b-8t72pdmd67], .sgperm-tabs .e-item[b-8t72pdmd67] {
    height: 100%;
    overflow-y: auto;
}

/* ── Tab permissões ── */
.sgperm-tab-permissoes[b-8t72pdmd67] { display: flex; flex-direction: column; gap: 10px; padding: 4px; }

.sgperm-toolbar[b-8t72pdmd67] {
    display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
}
.sgperm-search[b-8t72pdmd67] {
    flex: 1; min-width: 240px;
    padding: 7px 10px;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 6px;
    font-size: 13px;
    background: #fff;
}
body.e-dark-mode .sgperm-search[b-8t72pdmd67] {
    background: #141820;
    color: #e8e8e8;
    border-color: rgba(255,255,255,0.14);
}
.sgperm-toolbar-actions[b-8t72pdmd67] { display: flex; gap: 6px; align-items: center; }

/* ── Cabeçalho da tree ── */
.sgperm-tree-head[b-8t72pdmd67] {
    display: flex;
    padding: 8px 12px;
    background: rgba(0,0,0,0.03);
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}
body.e-dark-mode .sgperm-tree-head[b-8t72pdmd67] { background: rgba(255,255,255,0.03); color: #8b8fa3; }

.sgperm-tree-head-name[b-8t72pdmd67] { flex: 1; }
.sgperm-tree-head-cols[b-8t72pdmd67] {
    display: grid;
    grid-template-columns: repeat(5, 44px);
    text-align: center;
}
.sgperm-tree-head-cols span:last-child[b-8t72pdmd67] { width: 60px; }

/* ── Tree ── */
.sgperm-tree[b-8t72pdmd67] {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 6px;
    overflow: auto;
    max-height: calc(100vh - 330px);
}
body.e-dark-mode .sgperm-tree[b-8t72pdmd67] {
    background: #1e2128;
    border-color: rgba(255,255,255,0.08);
}

.sgperm-node[b-8t72pdmd67] { display: flex; flex-direction: column; }

.sgperm-node-row[b-8t72pdmd67] {
    display: flex; align-items: center; gap: 8px;
    padding: 7px 12px;
    border-bottom: 1px solid rgba(0,0,0,0.03);
    transition: background 0.1s;
    cursor: pointer;
    user-select: none;
}
body.e-dark-mode .sgperm-node-row[b-8t72pdmd67] { border-bottom-color: rgba(255,255,255,0.03); }

.sgperm-node-row:hover[b-8t72pdmd67] { background: rgba(37,99,235,0.04); }
body.e-dark-mode .sgperm-node-row:hover[b-8t72pdmd67] { background: rgba(37,99,235,0.08); }

.sgperm-node-row--sistema[b-8t72pdmd67] {
    background: rgba(37,99,235,0.05);
    font-weight: 700;
    font-size: 0.88rem;
    padding: 10px 12px;
}
body.e-dark-mode .sgperm-node-row--sistema[b-8t72pdmd67] { background: rgba(37,99,235,0.10); }

.sgperm-node-row--header[b-8t72pdmd67] { color: #64748b; font-weight: 600; }
.sgperm-node-row--form[b-8t72pdmd67]   { cursor: default; }
.sgperm-node-row--form:hover[b-8t72pdmd67] { background: rgba(0,0,0,0.02); }

.sgperm-chev[b-8t72pdmd67] {
    width: 18px; height: 18px;
    display: flex; align-items: center; justify-content: center;
    transition: transform 0.15s;
    flex-shrink: 0;
}
.sgperm-chev span[class*="icon-"][b-8t72pdmd67] { font-size: 14px; color: #64748b !important; }
.sgperm-chev span[class*="icon-"][b-8t72pdmd67]::before { color: #64748b !important; }
.sgperm-chev--open[b-8t72pdmd67] { transform: rotate(90deg); }

.sgperm-leaf[b-8t72pdmd67] { width: 18px; flex-shrink: 0; }

.sgperm-menu-icone span[b-8t72pdmd67] { font-size: 15px; color: #64748b !important; }
.sgperm-menu-icone span[b-8t72pdmd67]::before { color: #64748b !important; }

.sgperm-node-name[b-8t72pdmd67] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgperm-node-count[b-8t72pdmd67] {
    font-size: 0.7rem;
    color: #94a3b8;
    font-weight: 400;
    margin-right: 8px;
}

.sgperm-node-tag[b-8t72pdmd67] {
    font-size: 0.64rem;
    font-weight: 600;
    padding: 1px 7px;
    background: rgba(148,163,184,0.20);
    color: #475569;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-right: 8px;
}
.sgperm-node-tag--link[b-8t72pdmd67] {
    background: rgba(37,99,235,0.15);
    color: #1d4ed8;
}

/* ── Checkboxes CRUD ── */
.sgperm-check-cols[b-8t72pdmd67] {
    display: grid;
    grid-template-columns: repeat(5, 44px);
    text-align: center;
    flex-shrink: 0;
}
.sgperm-check[b-8t72pdmd67] {
    width: 16px; height: 16px;
    accent-color: #2563eb;
    cursor: pointer;
    margin: 0 auto;
}
.sgperm-check--all[b-8t72pdmd67] { accent-color: #16a34a; }

/* ── Ações bulk no sistema ── */
.sgperm-node-bulk[b-8t72pdmd67] {
    display: flex; gap: 2px;
    margin-left: auto;
}
.sgperm-bulk-btn[b-8t72pdmd67] {
    width: 26px; height: 26px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
}
.sgperm-bulk-btn:hover[b-8t72pdmd67] { background: rgba(37,99,235,0.10); border-color: rgba(37,99,235,0.25); }
.sgperm-bulk-btn span[class*="icon-"][b-8t72pdmd67] { font-size: 14px; color: #475569 !important; }
.sgperm-bulk-btn--danger:hover[b-8t72pdmd67] { background: rgba(239,68,68,0.08); border-color: rgba(239,68,68,0.25); }
.sgperm-bulk-btn--danger:hover span[class*="icon-"][b-8t72pdmd67] { color: #ef4444 !important; }

body.e-dark-mode .sgperm-bulk-btn span[class*="icon-"][b-8t72pdmd67] { color: #c7cbd4 !important; }

/* ── Tab usuários ── */
.sgperm-tab-usuarios[b-8t72pdmd67] { display: flex; flex-direction: column; gap: 10px; padding: 4px; height: 100%; }

.sgperm-usr-toolbar[b-8t72pdmd67] { display: flex; gap: 10px; align-items: center; }
.sgperm-usr-info[b-8t72pdmd67] { font-size: 0.8rem; color: #64748b; }

.sgperm-usr-duallist[b-8t72pdmd67] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    flex: 1;
    min-height: 0;
}

.sgperm-usr-col[b-8t72pdmd67] {
    display: flex; flex-direction: column;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 8px;
    overflow: hidden;
    min-height: 0;
}
body.e-dark-mode .sgperm-usr-col[b-8t72pdmd67] { background: #1e2128; border-color: rgba(255,255,255,0.08); }

.sgperm-usr-col--assigned[b-8t72pdmd67] { border-color: rgba(22,163,74,0.30); }

.sgperm-usr-col-head[b-8t72pdmd67] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 8px 12px;
    background: rgba(0,0,0,0.03);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #475569;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
.sgperm-usr-col--assigned .sgperm-usr-col-head[b-8t72pdmd67] {
    background: rgba(22,163,74,0.08);
    color: #15803d;
}
body.e-dark-mode .sgperm-usr-col-head[b-8t72pdmd67] { background: rgba(255,255,255,0.03); color: #c7cbd4; border-bottom-color: rgba(255,255,255,0.06); }

.sgperm-usr-count[b-8t72pdmd67] {
    background: rgba(37,99,235,0.15);
    color: #1d4ed8;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 0.72rem;
}
.sgperm-usr-col--assigned .sgperm-usr-count[b-8t72pdmd67] {
    background: rgba(22,163,74,0.20);
    color: #15803d;
}

.sgperm-usr-list[b-8t72pdmd67] { flex: 1; overflow-y: auto; padding: 4px 0; }

.sgperm-usr-item[b-8t72pdmd67] {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(0,0,0,0.03);
    cursor: pointer;
    transition: background 0.1s;
}
.sgperm-usr-item:hover[b-8t72pdmd67] { background: rgba(37,99,235,0.05); }
body.e-dark-mode .sgperm-usr-item[b-8t72pdmd67] { border-bottom-color: rgba(255,255,255,0.03); }
body.e-dark-mode .sgperm-usr-item:hover[b-8t72pdmd67] { background: rgba(37,99,235,0.10); }

.sgperm-usr-item--assigned:hover[b-8t72pdmd67] { background: rgba(239,68,68,0.06); }

.sgperm-usr-avatar[b-8t72pdmd67] {
    width: 34px; height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #64748b, #475569);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
    letter-spacing: 0.5px;
}
.sgperm-usr-avatar--assigned[b-8t72pdmd67] {
    background: linear-gradient(135deg, #16a34a, #15803d);
}

.sgperm-usr-info-col[b-8t72pdmd67] { flex: 1; min-width: 0; }
.sgperm-usr-name[b-8t72pdmd67] {
    font-size: 0.86rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sgperm-usr-sub[b-8t72pdmd67] {
    font-size: 0.72rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.e-dark-mode .sgperm-usr-sub[b-8t72pdmd67] { color: #8b8fa3; }

.sgperm-usr-arrow[b-8t72pdmd67] { color: #94a3b8 !important; font-size: 14px; flex-shrink: 0; }
.sgperm-usr-arrow[b-8t72pdmd67]::before { color: #94a3b8 !important; }
/* /Components/Processamento/GestaoCustosICF.razor.rz.scp.css */
/* ============================================================
   GestaoCustosICF — Prefixo: sgcst-
   Design: Análise financeira com tabela dinâmica hierárquica
   Paleta: Escura (#1a1d23 base), texto #e8e8e8, acentos azul
   ============================================================ */

/* ── Variáveis locais — tema CLARO por padrão ──────────────── */
.sgcst-shell[b-e28t2u1nv8] {
    --sgcst-bg:          #ffffff;
    --sgcst-bg-card:     #f9fafb;
    --sgcst-bg-n1:       #f3f4f6;
    --sgcst-bg-n2:       #f8fafc;
    --sgcst-bg-deep:     #f1f5f9;
    --sgcst-bg-deep-2:   #e2e8f0;
    --sgcst-bg-hover:    rgba(0, 0, 0, 0.03);
    --sgcst-border:      rgba(0, 0, 0, 0.06);
    --sgcst-border-md:   rgba(0, 0, 0, 0.10);
    --sgcst-text-main:   #111827;
    --sgcst-text-sub:    #6b7280;
    --sgcst-text-muted:  rgba(0, 0, 0, 0.30);
    --sgcst-title:       #1e3a8a;
    --sgcst-accent:      #2563eb;
    --sgcst-debito:      #c2410c;
    --sgcst-credito:     #16a34a;
    --sgcst-liquidado:   #7c3aed;
    --sgcst-zero:        rgba(0, 0, 0, 0.20);
    --sgcst-footer-bg:   #f9fafb;
    --sgcst-overlay-1:   rgba(0, 0, 0, 0.03);
    --sgcst-overlay-2:   rgba(0, 0, 0, 0.05);
    --sgcst-overlay-3:   rgba(0, 0, 0, 0.08);
    --sgcst-spinner-track: rgba(0, 0, 0, 0.15);

    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background: var(--sgcst-bg);
    color: var(--sgcst-text-main);
    overflow: hidden;
}

/* ── Tema ESCURO (ativado via body.e-dark-mode) ───────────── */
body.e-dark-mode .sgcst-shell[b-e28t2u1nv8] {
    --sgcst-bg:          #1a1d23;
    --sgcst-bg-card:     #1e2128;
    --sgcst-bg-n1:       #252830;
    --sgcst-bg-n2:       #1f2229;
    --sgcst-bg-deep:     #141820;
    --sgcst-bg-deep-2:   #0d1118;
    --sgcst-bg-hover:    rgba(255, 255, 255, 0.04);
    --sgcst-border:      rgba(255, 255, 255, 0.06);
    --sgcst-border-md:   rgba(255, 255, 255, 0.10);
    --sgcst-text-main:   #e8e8e8;
    --sgcst-text-sub:    #8b8fa3;
    --sgcst-text-muted:  rgba(255, 255, 255, 0.28);
    --sgcst-title:       #d1e4f5;
    --sgcst-accent:      #7BA3C9;
    --sgcst-debito:      #E07A5F;
    --sgcst-credito:     #4CAF50;
    --sgcst-liquidado:   #C9A7D9;
    --sgcst-zero:        rgba(255, 255, 255, 0.18);
    --sgcst-footer-bg:   #1a1d23;
    --sgcst-overlay-1:   rgba(255, 255, 255, 0.04);
    --sgcst-overlay-2:   rgba(255, 255, 255, 0.05);
    --sgcst-overlay-3:   rgba(255, 255, 255, 0.08);
    --sgcst-spinner-track: rgba(255, 255, 255, 0.3);
}

/* ══════════════════════════════════════════════════════════
   BARRA SUPERIOR
══════════════════════════════════════════════════════════ */
.sgcst-topbar[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 20px;
    height: 64px;
    flex-shrink: 0;
    background: linear-gradient(180deg, var(--sgcst-bg-deep-2) 0%, var(--sgcst-bg-deep) 100%);
    border-bottom: 1px solid var(--sgcst-border);
}

/* ── Identidade ── */
.sgcst-topbar-left[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.sgcst-topbar-icon[b-e28t2u1nv8] {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    background: linear-gradient(135deg,
        rgba(123, 163, 201, 0.22),
        rgba(123, 163, 201, 0.08));
    border: 1px solid rgba(123, 163, 201, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sgcst-topbar-icon span[b-e28t2u1nv8] {
    color: var(--sgcst-accent) !important;
    font-size: 17px;
}
.sgcst-topbar-icon span[b-e28t2u1nv8]::before { color: var(--sgcst-accent) !important; }

.sgcst-topbar-title[b-e28t2u1nv8] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--sgcst-title);
    margin: 0;
    line-height: 1.2;
}

.sgcst-topbar-sub[b-e28t2u1nv8] {
    font-size: 0.65rem;
    color: var(--sgcst-text-sub);
    margin: 0;
}

/* ── Filtros ── */
.sgcst-topbar-filters[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    padding-left: 16px;
    border-left: 1px solid var(--sgcst-border-md);
}

.sgcst-filter-field[b-e28t2u1nv8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgcst-filter-label[b-e28t2u1nv8] {
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--sgcst-text-sub);
}

.sgcst-filter-sep[b-e28t2u1nv8] {
    width: 1px;
    height: 28px;
    background: var(--sgcst-border-md);
}

/* Sobrescreve aparência do datepicker para fundo escuro */
.sgcst-datepicker.e-input-group[b-e28t2u1nv8],
.sgcst-datepicker .e-input[b-e28t2u1nv8] {
    background: var(--sgcst-overlay-2) !important;
    border-color: var(--sgcst-border-md) !important;
    color: var(--sgcst-text-main) !important;
}

/* ── Botão Atualizar ── */
.sgcst-btn-atualizar[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 6px;
    background: linear-gradient(135deg, var(--sgcst-accent), #5A8AAF);
    border: none;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.15s;
    flex-shrink: 0;
}

.sgcst-btn-atualizar:hover:not(:disabled)[b-e28t2u1nv8] {
    opacity: 0.88;
    transform: translateY(-1px);
}

.sgcst-btn-atualizar:disabled[b-e28t2u1nv8] {
    opacity: 0.5;
    cursor: not-allowed;
}

.sgcst-btn-atualizar span[class*="icon-"][b-e28t2u1nv8] { font-size: 14px; }
.sgcst-btn-atualizar span[class*="icon-"][b-e28t2u1nv8]::before { color: #fff !important; }

/* ── Spinner inline do botão ── */
.sgcst-btn-spinner[b-e28t2u1nv8] {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 2px solid var(--sgcst-spinner-track);
    border-top-color: #fff;
    border-radius: 50%;
    animation: sgcst-spin-b-e28t2u1nv8 0.75s linear infinite;
    flex-shrink: 0;
}

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

/* ── KPIs inline ── */
.sgcst-topbar-kpis[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    gap: 0;
    margin-left: auto;
    background: var(--sgcst-overlay-1);
    border: 1px solid var(--sgcst-border);
    border-radius: 8px;
    padding: 6px 4px;
}

.sgcst-kpi[b-e28t2u1nv8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    padding: 2px 12px;
    border-left: 1px solid transparent;
}

.sgcst-kpi + .sgcst-kpi[b-e28t2u1nv8] { border-left-color: var(--sgcst-border-md); }

.sgcst-kpi-label[b-e28t2u1nv8] {
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--sgcst-text-sub);
}

.sgcst-kpi-value[b-e28t2u1nv8] {
    font-size: 0.88rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.sgcst-kpi-value--debito[b-e28t2u1nv8]  { color: var(--sgcst-debito); }
.sgcst-kpi-value--credito[b-e28t2u1nv8] { color: var(--sgcst-credito); }
.sgcst-kpi-value--neutro[b-e28t2u1nv8]  { color: var(--sgcst-accent); }
.sgcst-kpi-value--liquidado[b-e28t2u1nv8] { color: var(--sgcst-liquidado); }

.sgcst-kpi-divider[b-e28t2u1nv8] {
    width: 1px;
    height: 24px;
    background: var(--sgcst-border-md);
}

/* ══════════════════════════════════════════════════════════
   CORPO PRINCIPAL
══════════════════════════════════════════════════════════ */
.sgcst-body[b-e28t2u1nv8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

/* ── Estados: loading / vazio / erro ── */
.sgcst-loading-wrap[b-e28t2u1nv8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.sgcst-loading-text[b-e28t2u1nv8] {
    color: var(--sgcst-text-sub);
    font-size: 0.85rem;
    margin: 0;
}

.sgcst-empty-state[b-e28t2u1nv8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
}

.sgcst-empty-icon[b-e28t2u1nv8] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(123, 163, 201, 0.08);
    border: 1px solid rgba(123, 163, 201, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgcst-empty-icon span[b-e28t2u1nv8] {
    font-size: 28px;
    color: var(--sgcst-accent) !important;
}
.sgcst-empty-icon span[b-e28t2u1nv8]::before { color: var(--sgcst-accent) !important; }

.sgcst-empty-title[b-e28t2u1nv8] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--sgcst-text-main);
    margin: 0;
}

.sgcst-empty-desc[b-e28t2u1nv8] {
    font-size: 0.8rem;
    color: var(--sgcst-text-sub);
    text-align: center;
    max-width: 360px;
    margin: 0;
    line-height: 1.5;
}

/* ── Barra de abas ── */
.sgcst-tab-bar[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 16px 0;
    border-bottom: 1px solid var(--sgcst-border);
    flex-shrink: 0;
    background: var(--sgcst-bg-deep);
}

.sgcst-tab-btn[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: none;
    background: transparent;
    color: var(--sgcst-text-sub);
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0;
    transition: color 0.2s, background 0.2s;
}

.sgcst-tab-btn:hover[b-e28t2u1nv8] {
    color: var(--sgcst-text-main);
    background: var(--sgcst-overlay-1);
}

.sgcst-tab-btn--active[b-e28t2u1nv8] {
    color: var(--sgcst-accent);
    border-bottom-color: var(--sgcst-accent);
    font-weight: 600;
}

.sgcst-tab-btn span[class*="icon-"][b-e28t2u1nv8] { font-size: 14px; }
.sgcst-tab-btn--active span[class*="icon-"][b-e28t2u1nv8]::before { color: var(--sgcst-accent) !important; }

/* ══════════════════════════════════════════════════════════
   ABA 0 — TABELA HIERÁRQUICA
══════════════════════════════════════════════════════════ */
.sgcst-content-area[b-e28t2u1nv8] {
    flex: 1;
    display: flex;
    overflow: hidden;
    min-height: 0;
}

.sgcst-table-wrap[b-e28t2u1nv8] {
    flex: 1;
    display: flex;
    overflow: hidden;
    min-height: 0;
    transition: all 0.3s ease;
}

.sgcst-table-wrap--split .sgcst-pivot-table-wrap[b-e28t2u1nv8] {
    flex: 1 1 0;
    min-width: 0;
}

/* ── Scroll da tabela ── */
.sgcst-pivot-table-wrap[b-e28t2u1nv8] {
    flex: 1;
    overflow: auto;
    min-height: 0;
    min-width: 0;
}

.sgcst-pivot-scroll[b-e28t2u1nv8] {
    min-width: max-content;
}

/* ── Tabela pivot ── */
.sgcst-pivot-table[b-e28t2u1nv8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
}

/* ── Cabeçalho ── */
.sgcst-pivot-head-row[b-e28t2u1nv8] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--sgcst-bg-deep);
}

.sgcst-pivot-th[b-e28t2u1nv8] {
    padding: 9px 12px;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--sgcst-text-sub);
    border-bottom: 1px solid var(--sgcst-border-md);
    white-space: nowrap;
}

.sgcst-pivot-th--label[b-e28t2u1nv8] {
    text-align: left;
    min-width: 260px;
    position: sticky;
    left: 0;
    z-index: 11;
    background: var(--sgcst-bg-deep);
}

.sgcst-pivot-th--mes[b-e28t2u1nv8] {
    text-align: right;
    min-width: 90px;
}

.sgcst-pivot-th--total[b-e28t2u1nv8] {
    text-align: right;
    min-width: 110px;
    border-left: 1px solid var(--sgcst-border-md);
    color: var(--sgcst-accent);
}

/* ── Células de dados ── */
.sgcst-pivot-td[b-e28t2u1nv8] {
    padding: 7px 12px;
    border-bottom: 1px solid var(--sgcst-border);
    vertical-align: middle;
    white-space: nowrap;
}

.sgcst-pivot-td--label[b-e28t2u1nv8] {
    position: sticky;
    left: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 4px;
}

.sgcst-pivot-td--n3-label[b-e28t2u1nv8] {
    padding-left: 60px;
}

.sgcst-pivot-td--val[b-e28t2u1nv8] {
    text-align: right;
    cursor: pointer;
    transition: background 0.15s;
}

.sgcst-pivot-td--val:hover[b-e28t2u1nv8] {
    background: rgba(123, 163, 201, 0.08);
}

.sgcst-pivot-td--leaf:hover[b-e28t2u1nv8] {
    background: rgba(123, 163, 201, 0.12);
    outline: 1px solid rgba(123, 163, 201, 0.25);
    outline-offset: -1px;
}

.sgcst-pivot-td--selected[b-e28t2u1nv8] {
    background: rgba(123, 163, 201, 0.15) !important;
    outline: 1px solid rgba(123, 163, 201, 0.40) !important;
    outline-offset: -1px;
}

.sgcst-pivot-td--total[b-e28t2u1nv8] {
    text-align: right;
    font-weight: 600;
    border-left: 1px solid var(--sgcst-border-md);
}

/* ── Coluna Liquidado (realizado) ── */
.sgcst-pivot-th--liq[b-e28t2u1nv8] {
    text-align: right;
    min-width: 110px;
    border-left: 1px solid var(--sgcst-border-md);
    color: var(--sgcst-liquidado); /* lilás/violeta sutil para diferenciar do total */
}

.sgcst-pivot-td--liq[b-e28t2u1nv8] {
    text-align: right;
    font-weight: 600;
    border-left: 1px solid var(--sgcst-border-md);
    font-variant-numeric: tabular-nums;
    opacity: 0.92;
}

/* ── Coluna % Pai ── */
.sgcst-pivot-th--pct[b-e28t2u1nv8] {
    text-align: right;
    min-width: 72px;
    border-left: 1px solid var(--sgcst-border);
    color: var(--sgcst-text-sub);
    font-weight: 500;
}

.sgcst-pivot-td--pct[b-e28t2u1nv8] {
    text-align: right;
    border-left: 1px solid var(--sgcst-border);
    color: var(--sgcst-text-sub);
    font-variant-numeric: tabular-nums;
    font-size: 12px;
    font-weight: 500;
}

/* ── Valor + % mês a mês dentro da célula ── */
.sgcst-cell-val[b-e28t2u1nv8] {
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
}

.sgcst-cell-pct[b-e28t2u1nv8] {
    font-size: 10.5px;
    color: var(--sgcst-text-sub);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    margin-top: 1px;
    opacity: 0.75;
}

/* aumenta o espaço vertical das células para acomodar valor + % */
.sgcst-pivot-td--val[b-e28t2u1nv8] {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* ── Cores dos valores ── */
.sgcst-val--debito[b-e28t2u1nv8]  { color: var(--sgcst-debito); }
.sgcst-val--credito[b-e28t2u1nv8] { color: var(--sgcst-credito); }
.sgcst-val--zero[b-e28t2u1nv8]    { color: var(--sgcst-zero); }

/* ── Linhas por nível ── */
.sgcst-pivot-row--n1[b-e28t2u1nv8] {
    background: var(--sgcst-bg-n1);
    cursor: pointer;
}
.sgcst-pivot-row--n1 .sgcst-pivot-td--label[b-e28t2u1nv8] {
    background: var(--sgcst-bg-n1);
}
.sgcst-pivot-row--n1:hover > td[b-e28t2u1nv8] { background: var(--sgcst-overlay-2) !important; }

.sgcst-pivot-row--n2[b-e28t2u1nv8] {
    background: var(--sgcst-bg-n2);
    cursor: pointer;
}
.sgcst-pivot-row--n2 .sgcst-pivot-td--label[b-e28t2u1nv8] {
    background: var(--sgcst-bg-n2);
}
.sgcst-pivot-row--n2:hover > td[b-e28t2u1nv8] { background: var(--sgcst-overlay-1) !important; }

.sgcst-pivot-row--n3[b-e28t2u1nv8] {
    background: var(--sgcst-bg-card);
}
.sgcst-pivot-row--n3 .sgcst-pivot-td--label[b-e28t2u1nv8] {
    background: var(--sgcst-bg-card);
}

/* ── Rodapé ── */
.sgcst-pivot-row--footer[b-e28t2u1nv8] {
    background: var(--sgcst-bg-deep-2);
    position: sticky;
    bottom: 0;
    z-index: 6;
}
.sgcst-pivot-row--footer .sgcst-pivot-td[b-e28t2u1nv8] {
    border-top: 2px solid var(--sgcst-border-md);
}
.sgcst-pivot-row--footer .sgcst-pivot-td--label[b-e28t2u1nv8] {
    background: var(--sgcst-bg-deep-2);
}

/* ── Labels de nível ── */
.sgcst-label-n1[b-e28t2u1nv8] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--sgcst-text-main);
}
.sgcst-label-n2[b-e28t2u1nv8] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--sgcst-text-main);
}
.sgcst-label-n3[b-e28t2u1nv8] {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--sgcst-text-sub);
}
.sgcst-label-footer[b-e28t2u1nv8] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--sgcst-accent);
}

/* ── Botão expand/collapse ── */
.sgcst-expand-btn[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
}
.sgcst-expand-btn span[b-e28t2u1nv8] { font-size: 12px; color: var(--sgcst-text-sub) !important; }
.sgcst-expand-btn span[b-e28t2u1nv8]::before { color: var(--sgcst-text-sub) !important; }
.sgcst-expand-btn:hover span[b-e28t2u1nv8] { color: var(--sgcst-accent) !important; }
.sgcst-expand-btn:hover span[b-e28t2u1nv8]::before { color: var(--sgcst-accent) !important; }

.sgcst-expand-btn--indent[b-e28t2u1nv8] { margin-left: 18px; }

/* ══════════════════════════════════════════════════════════
   PAINEL LATERAL DE DETALHE
══════════════════════════════════════════════════════════ */
.sgcst-detail-panel[b-e28t2u1nv8] {
    width: 320px;
    min-width: 320px;
    flex-shrink: 0;
    background: var(--sgcst-bg-card);
    border-left: 1px solid var(--sgcst-border-md);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: sgcst-panel-in-b-e28t2u1nv8 0.25s ease-out;
}

@keyframes sgcst-panel-in-b-e28t2u1nv8 {
    from { opacity: 0; transform: translateX(20px); }
    to   { opacity: 1; transform: translateX(0); }
}

.sgcst-detail-header[b-e28t2u1nv8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 14px 14px 10px;
    border-bottom: 1px solid var(--sgcst-border);
    flex-shrink: 0;
}

.sgcst-detail-title[b-e28t2u1nv8] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--sgcst-text-main);
    line-height: 1.3;
}

.sgcst-detail-sub[b-e28t2u1nv8] {
    font-size: 0.68rem;
    color: var(--sgcst-text-sub);
    margin-top: 2px;
    text-transform: capitalize;
}

.sgcst-detail-close[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: transparent;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s;
}
.sgcst-detail-close:hover[b-e28t2u1nv8] { background: var(--sgcst-overlay-3); }
.sgcst-detail-close span[b-e28t2u1nv8] { font-size: 14px; color: var(--sgcst-text-sub) !important; }
.sgcst-detail-close span[b-e28t2u1nv8]::before { color: var(--sgcst-text-sub) !important; }

.sgcst-detail-loading[b-e28t2u1nv8] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgcst-detail-empty[b-e28t2u1nv8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--sgcst-text-sub);
    font-size: 0.78rem;
}
.sgcst-detail-empty span[class*="icon-"][b-e28t2u1nv8] { font-size: 28px; }

/* ── KPIs do painel ── */
.sgcst-detail-kpis[b-e28t2u1nv8] {
    display: flex;
    gap: 0;
    padding: 8px 0;
    border-bottom: 1px solid var(--sgcst-border);
    flex-shrink: 0;
}

.sgcst-detail-kpi[b-e28t2u1nv8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4px 8px;
    border-left: 1px solid transparent;
}
.sgcst-detail-kpi + .sgcst-detail-kpi[b-e28t2u1nv8] { border-left-color: var(--sgcst-border); }

.sgcst-detail-kpi-label[b-e28t2u1nv8] {
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--sgcst-text-sub);
}

.sgcst-detail-kpi-value[b-e28t2u1nv8] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--sgcst-accent);
    font-variant-numeric: tabular-nums;
}

/* ── Lista de lançamentos ── */
.sgcst-detail-list[b-e28t2u1nv8] {
    flex: 1;
    overflow-y: auto;
    padding: 6px 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sgcst-detail-item[b-e28t2u1nv8] {
    background: var(--sgcst-overlay-1);
    border: 1px solid var(--sgcst-border);
    border-radius: 6px;
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: background 0.15s;
}
.sgcst-detail-item:hover[b-e28t2u1nv8] { background: var(--sgcst-overlay-2); }

.sgcst-detail-item-row[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.sgcst-detail-item-data[b-e28t2u1nv8] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--sgcst-text-sub);
    font-variant-numeric: tabular-nums;
}

.sgcst-detail-item-valor[b-e28t2u1nv8] {
    font-size: 0.8rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.sgcst-detail-item-historico[b-e28t2u1nv8] {
    font-size: 0.73rem;
    color: var(--sgcst-text-main);
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sgcst-detail-item-tags[b-e28t2u1nv8] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.sgcst-tag[b-e28t2u1nv8] {
    display: inline-flex;
    align-items: center;
    padding: 2px 6px;
    background: rgba(123, 163, 201, 0.10);
    border: 1px solid rgba(123, 163, 201, 0.18);
    border-radius: 3px;
    font-size: 0.62rem;
    font-weight: 500;
    color: var(--sgcst-accent);
}

/* ══════════════════════════════════════════════════════════
   ABA 1 — GRÁFICOS
══════════════════════════════════════════════════════════ */
.sgcst-charts-area[b-e28t2u1nv8] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 0;
}

.sgcst-chart-card[b-e28t2u1nv8] {
    background: var(--sgcst-bg-card);
    border: 1px solid var(--sgcst-border);
    border-radius: 10px;
    overflow: hidden;
}

.sgcst-chart-card-header[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--sgcst-border);
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--sgcst-text-main);
}
.sgcst-chart-card-header span[class*="icon-"][b-e28t2u1nv8] { color: var(--sgcst-accent) !important; }
.sgcst-chart-card-header span[class*="icon-"][b-e28t2u1nv8]::before { color: var(--sgcst-accent) !important; }

/* SfChart e SfAccumulationChart — fundo transparente dentro dos cards */
[b-e28t2u1nv8] .e-chart-container,
[b-e28t2u1nv8] .e-accumulationchart-container {
    background: transparent !important;
}

[b-e28t2u1nv8] .e-chart .e-data-label,
[b-e28t2u1nv8] .e-accumulationchart .e-data-label {
    color: var(--sgcst-text-sub) !important;
}

/* Oculta título vazio do chart para não gerar espaço */
[b-e28t2u1nv8] .e-chart-title:empty,
[b-e28t2u1nv8] .e-accumulationchart-title:empty {
    display: none !important;
}

/* ══════════════════════════════════════════════════════════
   SPINNER SYNCFUSION — adapta para fundo escuro
══════════════════════════════════════════════════════════ */
[b-e28t2u1nv8] .sgcst-spinner .e-spinner-pane .e-spinner-inner .e-spin-material {
    stroke: var(--sgcst-accent) !important;
}

/* ══════════════════════════════════════════════════════════
   KPI — sub-texto (% do previsto liquidado)
══════════════════════════════════════════════════════════ */
.sgcst-kpi-sub[b-e28t2u1nv8] {
    font-size: 0.6rem;
    font-weight: 600;
    margin-top: 1px;
    letter-spacing: 0.02em;
    opacity: 0.85;
}

/* ══════════════════════════════════════════════════════════
   PIVOT — sub-texto do cabeçalho mensal
══════════════════════════════════════════════════════════ */
.sgcst-pivot-th-sub[b-e28t2u1nv8] {
    font-size: 0.55rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: var(--sgcst-text-muted);
    text-transform: lowercase;
    margin-top: 2px;
}
.sgcst-th-sub-liq[b-e28t2u1nv8] { color: var(--sgcst-liquidado); }

/* ══════════════════════════════════════════════════════════
   PIVOT — Liquidado + % Realização dentro da célula mensal
══════════════════════════════════════════════════════════ */
.sgcst-cell-liq[b-e28t2u1nv8] {
    font-size: 10.5px;
    color: var(--sgcst-liquidado);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    margin-top: 2px;
    opacity: 0.92;
}

.sgcst-cell-real[b-e28t2u1nv8] {
    font-size: 9.8px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    margin-top: 1px;
    letter-spacing: 0.02em;
}

/* ══════════════════════════════════════════════════════════
   COLUNA — % REALIZAÇÃO (barra visual)
══════════════════════════════════════════════════════════ */
.sgcst-pivot-th--real[b-e28t2u1nv8] {
    text-align: right;
    min-width: 128px;
    border-left: 1px solid var(--sgcst-border-md);
    color: var(--sgcst-liquidado);
}

.sgcst-pivot-td--real[b-e28t2u1nv8] {
    text-align: right;
    border-left: 1px solid var(--sgcst-border-md);
    font-variant-numeric: tabular-nums;
    padding: 5px 10px;
}

.sgcst-real-wrap[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
}

.sgcst-real-bar[b-e28t2u1nv8] {
    flex: 1;
    min-width: 50px;
    max-width: 80px;
    height: 7px;
    background: var(--sgcst-overlay-2);
    border: 1px solid var(--sgcst-border);
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.sgcst-real-bar-fill[b-e28t2u1nv8] {
    height: 100%;
    background: var(--sgcst-liquidado);
    border-radius: 2px;
    transition: width 0.3s ease;
}

.sgcst-real-pct[b-e28t2u1nv8] {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    min-width: 44px;
    text-align: right;
}

/* Classes de cor para % Realização (aplicadas no bar-fill via herança, e no texto) */
.sgcst-real--alto[b-e28t2u1nv8]    { color: #22c55e; }
.sgcst-real--alto    .sgcst-real-bar-fill[b-e28t2u1nv8]    { background: #22c55e; }
.sgcst-real--medio[b-e28t2u1nv8]   { color: #eab308; }
.sgcst-real--medio   .sgcst-real-bar-fill[b-e28t2u1nv8]    { background: #eab308; }
.sgcst-real--baixo[b-e28t2u1nv8]   { color: #f97316; }
.sgcst-real--baixo   .sgcst-real-bar-fill[b-e28t2u1nv8]    { background: #f97316; }
.sgcst-real--critico[b-e28t2u1nv8] { color: #ef4444; }
.sgcst-real--critico .sgcst-real-bar-fill[b-e28t2u1nv8]    { background: #ef4444; }

body.e-dark-mode .sgcst-real--alto[b-e28t2u1nv8]    { color: #4ade80; }
body.e-dark-mode .sgcst-real--alto    .sgcst-real-bar-fill[b-e28t2u1nv8] { background: #4ade80; }
body.e-dark-mode .sgcst-real--medio[b-e28t2u1nv8]   { color: #facc15; }
body.e-dark-mode .sgcst-real--medio   .sgcst-real-bar-fill[b-e28t2u1nv8] { background: #facc15; }
body.e-dark-mode .sgcst-real--baixo[b-e28t2u1nv8]   { color: #fb923c; }
body.e-dark-mode .sgcst-real--baixo   .sgcst-real-bar-fill[b-e28t2u1nv8] { background: #fb923c; }
body.e-dark-mode .sgcst-real--critico[b-e28t2u1nv8] { color: #f87171; }
body.e-dark-mode .sgcst-real--critico .sgcst-real-bar-fill[b-e28t2u1nv8] { background: #f87171; }

/* ══════════════════════════════════════════════════════════
   COLUNA — Em Aberto
══════════════════════════════════════════════════════════ */
.sgcst-pivot-th--aberto[b-e28t2u1nv8] {
    text-align: right;
    min-width: 110px;
    border-left: 1px solid var(--sgcst-border-md);
    color: var(--sgcst-debito);
}

.sgcst-pivot-td--aberto[b-e28t2u1nv8] {
    text-align: right;
    font-weight: 600;
    border-left: 1px solid var(--sgcst-border-md);
    font-variant-numeric: tabular-nums;
    opacity: 0.92;
}

/* ══════════════════════════════════════════════════════════
   GRÁFICOS — grid de 2 colunas
══════════════════════════════════════════════════════════ */
.sgcst-chart-grid-2[b-e28t2u1nv8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
@media (max-width: 1100px) {
    .sgcst-chart-grid-2[b-e28t2u1nv8] { grid-template-columns: 1fr; }
}

.sgcst-chart-empty[b-e28t2u1nv8] {
    padding: 40px 20px;
    text-align: center;
    color: var(--sgcst-text-sub);
    font-size: 0.82rem;
}

/* ══════════════════════════════════════════════════════════
   DRILLDOWN BAR
══════════════════════════════════════════════════════════ */
.sgcst-drill-bar[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    background: var(--sgcst-bg-card);
    border: 1px solid var(--sgcst-border);
    border-radius: 10px;
}

.sgcst-drill-info[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 0.8rem;
    color: var(--sgcst-text-main);
}
.sgcst-drill-info span[class*="icon-"][b-e28t2u1nv8] {
    color: var(--sgcst-accent) !important;
    font-size: 18px;
}
.sgcst-drill-info span[class*="icon-"][b-e28t2u1nv8]::before { color: var(--sgcst-accent) !important; }

.sgcst-drill-hint[b-e28t2u1nv8] {
    font-size: 0.72rem;
    color: var(--sgcst-text-sub);
    font-style: italic;
    margin-left: 6px;
}

.sgcst-drill-info--active[b-e28t2u1nv8] {
    color: var(--sgcst-accent);
    font-weight: 600;
}
.sgcst-drill-info--active span[class*="icon-"][b-e28t2u1nv8],
.sgcst-drill-info--active span[class*="icon-"][b-e28t2u1nv8]::before {
    color: var(--sgcst-liquidado) !important;
}

.sgcst-drill-close[b-e28t2u1nv8] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: var(--sgcst-overlay-2);
    border: 1px solid var(--sgcst-border-md);
    border-radius: 6px;
    color: var(--sgcst-text-main);
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
    flex-shrink: 0;
}
.sgcst-drill-close:hover[b-e28t2u1nv8] { background: var(--sgcst-overlay-3); }
.sgcst-drill-close span[class*="icon-"][b-e28t2u1nv8] { color: var(--sgcst-text-sub) !important; }
.sgcst-drill-close span[class*="icon-"][b-e28t2u1nv8]::before { color: var(--sgcst-text-sub) !important; }

/* ══════════════════════════════════════════════════════════
   BARRAS HORIZONTAIS (Ranking % Realização / Em Aberto)
══════════════════════════════════════════════════════════ */
.sgcst-hbars[b-e28t2u1nv8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
}

.sgcst-hbar-row[b-e28t2u1nv8] {
    display: grid;
    grid-template-columns: minmax(120px, 1.2fr) 2fr minmax(70px, auto);
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    border-radius: 6px;
    transition: background 0.15s, transform 0.1s;
}

.sgcst-hbar-row--clickable[b-e28t2u1nv8] {
    cursor: pointer;
}
.sgcst-hbar-row--clickable:hover[b-e28t2u1nv8] {
    background: var(--sgcst-overlay-2);
    transform: translateX(2px);
}

.sgcst-hbar-label[b-e28t2u1nv8] {
    font-size: 0.78rem;
    color: var(--sgcst-text-main);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgcst-hbar-track[b-e28t2u1nv8] {
    height: 10px;
    background: var(--sgcst-overlay-2);
    border: 1px solid var(--sgcst-border);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.sgcst-hbar-fill[b-e28t2u1nv8] {
    height: 100%;
    border-radius: 4px;
    background: var(--sgcst-liquidado);
    transition: width 0.4s ease;
}
.sgcst-hbar-fill--aberto[b-e28t2u1nv8] {
    background: linear-gradient(90deg, var(--sgcst-debito), #f97316);
}

.sgcst-hbar-value[b-e28t2u1nv8] {
    font-size: 0.76rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-align: right;
    color: var(--sgcst-liquidado);
}
.sgcst-hbar-value--aberto[b-e28t2u1nv8] { color: var(--sgcst-debito); }
/* /Components/Processamento/GloPessoaConsultaCNPJ.razor.rz.scp.css */
/* ============================================================
   GloPessoaConsultaCNPJ — Prefixo: sgcnpj-
   Design: Premium wizard com stepper customizado
   Paleta de identidade: Verde/Esmeralda (#10b981 / #34d399 / #059669)
   Painel esquerdo: gradiente escuro profundo + cards de step animados
   Painel direito: conteúdo limpo com tipografia hierárquica
   ============================================================ */

/* ── Variáveis locais ── */
.sgcnpj-container[b-oc4ie9ap7w] {
    --sgcnpj-bg-deep:       #060e0a;
    --sgcnpj-bg-mid:        #0a1a12;
    --sgcnpj-bg-panel:      #0d2018;
    --sgcnpj-accent:        #10b981;
    --sgcnpj-accent-light:  #34d399;
    --sgcnpj-accent-dark:   #059669;
    --sgcnpj-accent-glow:   rgba(16, 185, 129, 0.35);
    --sgcnpj-accent-soft:   rgba(16, 185, 129, 0.12);
    --sgcnpj-success:       #22c55e;
    --sgcnpj-success-glow:  rgba(34, 197, 94, 0.30);
    --sgcnpj-text-bright:   #ecfdf5;
    --sgcnpj-text-mid:      rgba(236, 253, 245, 0.65);
    --sgcnpj-text-dim:      rgba(236, 253, 245, 0.35);
    --sgcnpj-border-subtle: rgba(255, 255, 255, 0.06);
    --sgcnpj-border-mid:    rgba(255, 255, 255, 0.12);

    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--color-sf-content-bg-color);
}

/* ============================================================
   WIZARD LAYOUT
   ============================================================ */

.sgcnpj-wizard[b-oc4ie9ap7w] {
    display: flex;
    height: 100%;
    min-height: 520px;
    flex: 1;
    overflow: hidden;
}

/* ============================================================
   PAINEL ESQUERDO — gradiente verde profundo + stepper customizado
   ============================================================ */

.sgcnpj-left[b-oc4ie9ap7w] {
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    background: linear-gradient(180deg, #060e0a 0%, #0a1a12 45%, #0d2018 100%);
    display: flex;
    flex-direction: column;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    position: relative;
}

/* Noise texture overlay sutil */
.sgcnpj-left[b-oc4ie9ap7w]::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
}

/* Linha de brilho lateral direita — verde */
.sgcnpj-left[b-oc4ie9ap7w]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(16, 185, 129, 0.30) 30%,
        rgba(16, 185, 129, 0.15) 70%,
        transparent 100%);
    z-index: 1;
}

/* ── Progress bar no topo ── */
.sgcnpj-progress-track[b-oc4ie9ap7w] {
    position: relative;
    height: 3px;
    background: rgba(255, 255, 255, 0.06);
    z-index: 2;
    flex-shrink: 0;
}

.sgcnpj-progress-fill[b-oc4ie9ap7w] {
    height: 100%;
    background: linear-gradient(90deg, #10b981 0%, #34d399 100%);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.6);
}

/* ── Cabeçalho do painel ── */
.sgcnpj-left-header[b-oc4ie9ap7w] {
    position: relative;
    z-index: 2;
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.sgcnpj-left-icon-wrap[b-oc4ie9ap7w] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.25) 0%, rgba(16, 185, 129, 0.10) 100%);
    border: 1px solid rgba(16, 185, 129, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.20);
}

.sgcnpj-left-icon-wrap .e-icons[b-oc4ie9ap7w] {
    font-size: 18px;
    color: #6ee7b7;
}

.sgcnpj-left-heading[b-oc4ie9ap7w] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgcnpj-left-title[b-oc4ie9ap7w] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #d1fae5;
    margin: 0;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
}

.sgcnpj-left-sub[b-oc4ie9ap7w] {
    font-size: 0.69rem;
    color: rgba(255, 255, 255, 0.38);
    margin: 0;
    line-height: 1.3;
}

/* ── Área dos steps ── */
.sgcnpj-steps[b-oc4ie9ap7w] {
    position: relative;
    z-index: 2;
    flex: 1;
    padding: 20px 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ── Card de step ── */
.sgcnpj-step-card[b-oc4ie9ap7w] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 12px 12px 10px;
    border-radius: 10px;
    transition: background 0.25s, box-shadow 0.25s;
    cursor: default;
    overflow: hidden;
}

/* Estado: pendente (padrão) */
.sgcnpj-step-card--pending .sgcnpj-step-indicator[b-oc4ie9ap7w] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.10);
}

.sgcnpj-step-card--pending .sgcnpj-step-num[b-oc4ie9ap7w] {
    color: rgba(255, 255, 255, 0.25);
}

.sgcnpj-step-card--pending .sgcnpj-step-card-title[b-oc4ie9ap7w] {
    color: rgba(255, 255, 255, 0.30);
}

.sgcnpj-step-card--pending .sgcnpj-step-card-desc[b-oc4ie9ap7w] {
    color: rgba(255, 255, 255, 0.18);
}

/* Estado: ativo — verde/esmeralda */
.sgcnpj-step-card--active[b-oc4ie9ap7w] {
    background: rgba(16, 185, 129, 0.08);
    box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.20);
}

.sgcnpj-step-card--active .sgcnpj-step-indicator[b-oc4ie9ap7w] {
    background: linear-gradient(135deg, #10b981, #059669);
    border-color: #10b981;
    box-shadow:
        0 0 0 3px rgba(16, 185, 129, 0.20),
        0 0 16px rgba(16, 185, 129, 0.35);
    animation: sgcnpj-pulse-glow-b-oc4ie9ap7w 2s ease-in-out infinite;
}

.sgcnpj-step-card--active .sgcnpj-step-num[b-oc4ie9ap7w] {
    color: #ffffff;
}

.sgcnpj-step-card--active .sgcnpj-step-card-title[b-oc4ie9ap7w] {
    color: #d1fae5;
    font-weight: 600;
}

.sgcnpj-step-card--active .sgcnpj-step-card-desc[b-oc4ie9ap7w] {
    color: rgba(110, 231, 183, 0.65);
}

/* Estado: concluído */
.sgcnpj-step-card--done[b-oc4ie9ap7w] {
    background: rgba(16, 185, 129, 0.05);
}

.sgcnpj-step-card--done .sgcnpj-step-indicator[b-oc4ie9ap7w] {
    background: rgba(16, 185, 129, 0.15);
    border-color: rgba(16, 185, 129, 0.40);
}

.sgcnpj-step-card--done .sgcnpj-check-path[b-oc4ie9ap7w] {
    color: #6ee7b7;
    stroke-dasharray: 30;
    stroke-dashoffset: 0;
    animation: sgcnpj-draw-check-b-oc4ie9ap7w 0.45s ease-out forwards;
}

.sgcnpj-step-card--done .sgcnpj-step-card-title[b-oc4ie9ap7w] {
    color: rgba(255, 255, 255, 0.55);
}

.sgcnpj-step-card--done .sgcnpj-step-card-desc[b-oc4ie9ap7w] {
    color: rgba(255, 255, 255, 0.28);
}

/* Estado: sucesso (passo final bem-sucedido) */
.sgcnpj-step-card--success[b-oc4ie9ap7w] {
    background: rgba(16, 185, 129, 0.10);
    box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.25);
}

.sgcnpj-step-card--success .sgcnpj-step-indicator[b-oc4ie9ap7w] {
    background: linear-gradient(135deg, #10b981, #059669);
    border-color: #10b981;
    box-shadow:
        0 0 0 3px rgba(16, 185, 129, 0.20),
        0 0 16px rgba(16, 185, 129, 0.40);
}

.sgcnpj-step-card--success .sgcnpj-check-path[b-oc4ie9ap7w] {
    color: #ffffff;
    stroke: #ffffff;
    stroke-dasharray: 30;
    stroke-dashoffset: 0;
    animation: sgcnpj-draw-check-b-oc4ie9ap7w 0.45s ease-out forwards;
}

.sgcnpj-step-card--success .sgcnpj-step-card-title[b-oc4ie9ap7w] {
    color: #a7f3d0;
    font-weight: 600;
}

.sgcnpj-step-card--success .sgcnpj-step-card-desc[b-oc4ie9ap7w] {
    color: rgba(167, 243, 208, 0.60);
}

/* Barra lateral de destaque no step ativo */
.sgcnpj-step-active-bar[b-oc4ie9ap7w] {
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 0 2px 2px 0;
    background: linear-gradient(180deg, #34d399, #10b981);
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.6);
}

/* ── Indicador circular do step ── */
.sgcnpj-step-indicator[b-oc4ie9ap7w] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sgcnpj-step-num[b-oc4ie9ap7w] {
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}

/* SVG check mark */
.sgcnpj-check-svg[b-oc4ie9ap7w] {
    width: 16px;
    height: 16px;
}

.sgcnpj-check-path[b-oc4ie9ap7w] {
    stroke-dasharray: 30;
    stroke-dashoffset: 30;
    animation: sgcnpj-draw-check-b-oc4ie9ap7w 0.45s 0.05s ease-out forwards;
}

/* ── Corpo do card de step ── */
.sgcnpj-step-card-body[b-oc4ie9ap7w] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.sgcnpj-step-card-title[b-oc4ie9ap7w] {
    font-size: 0.82rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.2;
    transition: color 0.25s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgcnpj-step-card-desc[b-oc4ie9ap7w] {
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.28);
    line-height: 1.2;
    transition: color 0.25s;
}

/* ── Conector entre steps ── */
.sgcnpj-connector[b-oc4ie9ap7w] {
    padding: 0 0 0 29px;
    height: 28px;
    display: flex;
    align-items: stretch;
}

.sgcnpj-connector-line[b-oc4ie9ap7w] {
    width: 2px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 1px;
    position: relative;
    overflow: hidden;
}

.sgcnpj-connector-fill[b-oc4ie9ap7w] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background: linear-gradient(180deg, #10b981, rgba(16, 185, 129, 0.3));
    transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.sgcnpj-connector-fill--animate[b-oc4ie9ap7w] {
    height: 100%;
}

.sgcnpj-connector--done .sgcnpj-connector-line[b-oc4ie9ap7w] {
    background: rgba(16, 185, 129, 0.15);
}

.sgcnpj-connector--done .sgcnpj-connector-fill[b-oc4ie9ap7w] {
    height: 100%;
    background: linear-gradient(180deg, rgba(16, 185, 129, 0.5), rgba(16, 185, 129, 0.2));
}

/* ── Rodapé do painel ── */
.sgcnpj-left-footer[b-oc4ie9ap7w] {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    padding: 14px 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sgcnpj-footer-dots[b-oc4ie9ap7w] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sgcnpj-footer-dot[b-oc4ie9ap7w] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    transition: all 0.3s;
}

.sgcnpj-footer-dot--active[b-oc4ie9ap7w] {
    background: #10b981;
    width: 18px;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(16, 185, 129, 0.5);
}

.sgcnpj-footer-label[b-oc4ie9ap7w] {
    font-size: 0.68rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.28);
    letter-spacing: 0.08em;
    font-variant-numeric: tabular-nums;
}

/* ── Animações ── */
@keyframes sgcnpj-pulse-glow-b-oc4ie9ap7w {
    0%, 100% { box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.20), 0 0 16px rgba(16, 185, 129, 0.35); }
    50%       { box-shadow: 0 0 0 5px rgba(16, 185, 129, 0.12), 0 0 24px rgba(16, 185, 129, 0.50); }
}

@keyframes sgcnpj-draw-check-b-oc4ie9ap7w {
    from { stroke-dashoffset: 30; }
    to   { stroke-dashoffset: 0; }
}

/* ============================================================
   PAINEL DIREITO
   ============================================================ */

.sgcnpj-right[b-oc4ie9ap7w] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--color-sf-content-bg-color);
    border-radius: 0 8px 8px 0;
    min-height: 0;
    overflow: hidden;
}

/* Passo preenche toda a altura — lote-log rola internamente */
.sgcnpj-right > .sgcnpj-step[b-oc4ie9ap7w] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

/* ── Passo (conteúdo) ── */
.sgcnpj-step[b-oc4ie9ap7w] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 28px;
    flex: 1;
    overflow-y: auto;
}

/* ── Cabeçalho do passo ── */
.sgcnpj-step-header[b-oc4ie9ap7w] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-sf-border-light);
    margin-bottom: 2px;
}

/* Badge numérico do passo */
.sgcnpj-step-badge[b-oc4ie9ap7w] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #059669;
    background: rgba(16, 185, 129, 0.10);
    border: 1px solid rgba(16, 185, 129, 0.25);
    border-radius: 6px;
    padding: 4px 8px;
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.sgcnpj-step-badge--success[b-oc4ie9ap7w] {
    color: var(--color-sf-success-text, #107c10);
    background: color-mix(in srgb, var(--color-sf-success) 10%, transparent);
    border-color: color-mix(in srgb, var(--color-sf-success) 25%, transparent);
}

.sgcnpj-step-title-wrap[b-oc4ie9ap7w] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgcnpj-step-title[b-oc4ie9ap7w] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    margin: 0;
    line-height: 1.2;
}

.sgcnpj-step-sub[b-oc4ie9ap7w] {
    font-size: 0.74rem;
    color: var(--color-sf-content-text-color-alt1);
    margin: 0;
}

/* ── Info bar (grupo de pessoa) ── */
.sgcnpj-info-bar[b-oc4ie9ap7w] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 6px;
    padding: 8px 12px;
}

/* ── Input row (campo CNPJ) ── */
.sgcnpj-input-row[b-oc4ie9ap7w] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
}

.sgcnpj-input-wrap[b-oc4ie9ap7w] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 240px;
}

.sgcnpj-field-label[b-oc4ie9ap7w] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0;
}

/* ── Alertas ── */
.sgcnpj-alert[b-oc4ie9ap7w] {
    font-size: 0.82rem;
    border-radius: 8px;
    padding: 10px 14px;
    border-width: 1px;
    border-style: solid;
}

.sgcnpj-alert--err[b-oc4ie9ap7w] {
    background: color-mix(in srgb, var(--color-sf-danger) 8%, transparent);
    border-color: color-mix(in srgb, var(--color-sf-danger) 25%, transparent);
    color: var(--color-sf-danger-text, #a4262c);
}

.sgcnpj-alert--warn[b-oc4ie9ap7w] {
    background: color-mix(in srgb, #c58000 8%, transparent);
    border-color: color-mix(in srgb, #c58000 25%, transparent);
    color: var(--color-sf-content-text-color);
}

.sgcnpj-alert--info[b-oc4ie9ap7w] {
    background: color-mix(in srgb, var(--color-sf-primary) 8%, transparent);
    border-color: color-mix(in srgb, var(--color-sf-primary) 22%, transparent);
    color: var(--color-sf-content-text-color);
}

/* ── Tags para status de registros lote ── */
.sgcnpj-tag[b-oc4ie9ap7w] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.sgcnpj-tag--warn[b-oc4ie9ap7w] {
    background: color-mix(in srgb, #c58000 10%, transparent);
    color: #7d5300;
    border: 1px solid color-mix(in srgb, #c58000 25%, transparent);
}

.sgcnpj-tag--pending[b-oc4ie9ap7w] {
    background: var(--color-sf-content-bg-color-alt1);
    color: var(--color-sf-content-text-color-alt1);
    border: 1px solid var(--color-sf-border-light);
}

/* ── Barra de progresso do lote (passo processando) ── */
.sgcnpj-lote-progress-track[b-oc4ie9ap7w] {
    height: 6px;
    background: var(--color-sf-border-light);
    border-radius: 3px;
    overflow: hidden;
}

.sgcnpj-lote-progress-fill[b-oc4ie9ap7w] {
    height: 100%;
    background: linear-gradient(90deg, #10b981 0%, #34d399 100%);
    border-radius: 3px;
    transition: width 0.4s ease;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.50);
}

/* ── Stat cards do resultado lote ── */
.sgcnpj-stat-row[b-oc4ie9ap7w] {
    display: flex;
    gap: 12px;
}

.sgcnpj-stat[b-oc4ie9ap7w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    padding: 16px 12px;
    border-radius: 10px;
    border: 1px solid var(--color-sf-border-light);
    gap: 4px;
}

.sgcnpj-stat--ok[b-oc4ie9ap7w] {
    background: color-mix(in srgb, #10b981 8%, var(--color-sf-content-bg-color-alt1));
    border-color: rgba(16, 185, 129, 0.30);
}

.sgcnpj-stat--err[b-oc4ie9ap7w] {
    background: color-mix(in srgb, var(--color-sf-danger) 8%, var(--color-sf-content-bg-color-alt1));
    border-color: color-mix(in srgb, var(--color-sf-danger) 25%, transparent);
}

.sgcnpj-stat--tot[b-oc4ie9ap7w] {
    background: var(--color-sf-content-bg-color-alt1);
}

.sgcnpj-stat-num[b-oc4ie9ap7w] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
    line-height: 1;
}

.sgcnpj-stat--ok .sgcnpj-stat-num[b-oc4ie9ap7w]  { color: #059669; }
.sgcnpj-stat--err .sgcnpj-stat-num[b-oc4ie9ap7w] { color: var(--color-sf-danger-text, #a4262c); }

.sgcnpj-stat-label[b-oc4ie9ap7w] {
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── Container scrollável para tabela ── */
.sgcnpj-table-scroll[b-oc4ie9ap7w] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* ── Footer fixo no rodapé do painel direito ── */
.sgcnpj-step-footer[b-oc4ie9ap7w] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
    padding: 14px 28px;
    border-top: 1px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color);
    flex-shrink: 0;
}

/* ── Ações do passo (inline) ── */
.sgcnpj-step-actions[b-oc4ie9ap7w] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 20px;
    margin-top: 8px;
    flex-shrink: 0;
}

/* Botão primário com gradiente verde */
.sgcnpj-btn-next.e-btn.e-primary[b-oc4ie9ap7w] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    box-shadow: 0 2px 12px rgba(16, 185, 129, 0.35) !important;
    transition: box-shadow 0.2s, transform 0.15s !important;
}

.sgcnpj-btn-next.e-btn.e-primary:hover[b-oc4ie9ap7w] {
    box-shadow: 0 4px 18px rgba(16, 185, 129, 0.50) !important;
    transform: translateY(-1px) !important;
}

.sgcnpj-btn-next.e-btn.e-primary:active[b-oc4ie9ap7w] {
    transform: translateY(0) !important;
}

/* Botão cancelar / voltar */
.sgcnpj-btn-cancel[b-oc4ie9ap7w] {
    background: transparent !important;
    border: 1px solid var(--color-sf-border-light) !important;
    color: var(--color-sf-content-text-color) !important;
}

.sgcnpj-btn-cancel:hover[b-oc4ie9ap7w] {
    background: rgba(16, 185, 129, 0.06) !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
    color: #059669 !important;
}

/* Spinner inline no botão */
.sgcnpj-btn-spinner[b-oc4ie9ap7w] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: sgcnpj-spin-b-oc4ie9ap7w 0.8s linear infinite;
    margin-right: 6px;
    vertical-align: middle;
}

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

/* ============================================================
   RESULTADO — Card de resultado final (manual/singular)
   ============================================================ */
.sgcnpj-result[b-oc4ie9ap7w] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--color-sf-border-light);
    animation: sgcnpj-result-in-b-oc4ie9ap7w 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes sgcnpj-result-in-b-oc4ie9ap7w {
    from { opacity: 0; transform: scale(0.96) translateY(6px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}

.sgcnpj-result--ok[b-oc4ie9ap7w] {
    background: color-mix(in srgb, #10b981 6%, var(--color-sf-content-bg-color-alt1));
    border-color: rgba(16, 185, 129, 0.30);
}

.sgcnpj-result--erro[b-oc4ie9ap7w] {
    background: color-mix(in srgb, var(--color-sf-danger) 6%, var(--color-sf-content-bg-color-alt1));
    border-color: color-mix(in srgb, var(--color-sf-danger) 20%, transparent);
}

.sgcnpj-result-icon-wrap[b-oc4ie9ap7w] {
    position: relative;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgcnpj-result-icon-ring[b-oc4ie9ap7w] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1.5px solid currentColor;
    opacity: 0.2;
}

.sgcnpj-result--ok .sgcnpj-result-icon-wrap[b-oc4ie9ap7w] {
    color: #10b981;
}

.sgcnpj-result--erro .sgcnpj-result-icon-wrap[b-oc4ie9ap7w] {
    color: var(--color-sf-danger);
}

.sgcnpj-result-icon[b-oc4ie9ap7w] {
    font-size: 24px;
    position: relative;
    z-index: 1;
}

.sgcnpj-result--ok .sgcnpj-result-icon[b-oc4ie9ap7w] {
    color: #059669;
}

.sgcnpj-result--erro .sgcnpj-result-icon[b-oc4ie9ap7w] {
    color: var(--color-sf-danger-text, #a4262c);
}

.sgcnpj-result-body[b-oc4ie9ap7w] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sgcnpj-result-headline[b-oc4ie9ap7w] {
    margin: 0;
    font-size: 0.97rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    line-height: 1.2;
}

.sgcnpj-result-detail[b-oc4ie9ap7w] {
    margin: 0;
    font-size: 0.84rem;
    color: var(--color-sf-content-text-color-alt1);
    line-height: 1.5;
}

/* ============================================================
   LOG DE LOTE — reutiliza classes herdadas do projeto
   ============================================================ */

/* Adapta table Bootstrap ao tema Syncfusion Fluent 2 */
.sgcnpj-step table.table[b-oc4ie9ap7w] {
    color: var(--color-sf-content-text-color);
    --bs-table-color: var(--color-sf-content-text-color);
    --bs-table-bg: transparent;
    border-color: var(--color-sf-border-light);
}

.sgcnpj-step table.table thead th[b-oc4ie9ap7w] {
    background-color: var(--color-sf-content-bg-color-alt1);
    color: var(--color-sf-content-text-color);
    border-color: var(--color-sf-border-light);
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sgcnpj-step table.table tbody td[b-oc4ie9ap7w] {
    color: var(--color-sf-content-text-color);
    border-color: var(--color-sf-border-light);
    font-size: 0.85rem;
}

.sgcnpj-step table.table-hover > tbody > tr:hover > *[b-oc4ie9ap7w] {
    --bs-table-accent-bg: rgba(16, 185, 129, 0.05);
    color: var(--color-sf-content-text-color);
}

/* ── Log de progresso lote ── */
.lote-log[b-oc4ie9ap7w] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.lote-log-item[b-oc4ie9ap7w] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 0.85rem;
}

.lote-log-item.sucesso[b-oc4ie9ap7w] {
    background-color: color-mix(in srgb, #10b981 8%, transparent);
    border-left: 3px solid #10b981;
}

.lote-log-item.erro[b-oc4ie9ap7w] {
    background-color: color-mix(in srgb, var(--color-sf-danger) 8%, transparent);
    border-left: 3px solid var(--color-sf-danger);
}

.lote-log-icon[b-oc4ie9ap7w] {
    font-weight: 700;
    min-width: 16px;
    color: var(--color-sf-content-text-color-alt1);
}

.lote-log-item.sucesso .lote-log-icon[b-oc4ie9ap7w] { color: #059669; }
.lote-log-item.erro    .lote-log-icon[b-oc4ie9ap7w] { color: var(--color-sf-danger-text, #a4262c); }

.lote-log-nome[b-oc4ie9ap7w] {
    font-weight: 500;
    flex: 1;
    color: var(--color-sf-content-text-color);
}

.lote-log-msg[b-oc4ie9ap7w] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
}
/* /Components/Processamento/ImportarNFeXml.razor.rz.scp.css */
/* ============================================================
   ImportarNFeXml — Prefixo: sgnfe-
   Design: Premium wizard com stepper customizado
   Painel esquerdo: gradiente âmbar/dourado profundo + cards animados
   Painel direito: conteúdo limpo com tipografia hierárquica
   ============================================================ */

/* ── Variáveis locais ── */
.sgnfe-container[b-i0gr07mte4] {
    --sgnfe-accent:        #f59e0b;
    --sgnfe-accent-light:  #fbbf24;
    --sgnfe-accent-glow:   rgba(245, 158, 11, 0.35);
    --sgnfe-accent-soft:   rgba(245, 158, 11, 0.12);
    --sgnfe-success:       #22c55e;
    --sgnfe-success-glow:  rgba(34, 197, 94, 0.30);

    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--color-sf-content-bg-color);
}

/* ============================================================
   LOADING
   ============================================================ */
.sgnfe-center[b-i0gr07mte4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 56px 24px;
    flex: 1;
}

.sgnfe-loader[b-i0gr07mte4] {
    position: relative;
    width: 56px;
    height: 56px;
}

.sgnfe-loader-ring[b-i0gr07mte4] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2.5px solid transparent;
    border-top-color: #f59e0b;
    animation: sgnfe-spin-b-i0gr07mte4 1s linear infinite;
}

.sgnfe-loader-ring--2[b-i0gr07mte4] {
    inset: 8px;
    border-top-color: transparent;
    border-right-color: #fbbf24;
    opacity: 0.6;
    animation-duration: 1.4s;
    animation-direction: reverse;
}

.sgnfe-loader-ring--3[b-i0gr07mte4] {
    inset: 16px;
    border-top-color: #f59e0b;
    opacity: 0.3;
    animation-duration: 1.8s;
}

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

.sgnfe-loading-text[b-i0gr07mte4] {
    font-size: 0.85rem;
    color: var(--color-sf-content-text-color-alt1);
    letter-spacing: 0.02em;
}

.sgnfe-error-icon[b-i0gr07mte4] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--color-sf-danger) 12%, transparent);
    border: 2px solid color-mix(in srgb, var(--color-sf-danger) 30%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgnfe-error-icon .e-icons[b-i0gr07mte4] {
    font-size: 22px;
    color: var(--color-sf-danger-text, #a4262c);
}

/* ============================================================
   WIZARD LAYOUT
   ============================================================ */

.sgnfe-wizard[b-i0gr07mte4] {
    display: flex;
    height: 100%;
    min-height: 520px;
    flex: 1;
    overflow: hidden;
}

/* ============================================================
   PAINEL ESQUERDO — âmbar/dourado + stepper customizado
   ============================================================ */

.sgnfe-left[b-i0gr07mte4] {
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    background: linear-gradient(180deg, #1a1205 0%, #1f1708 45%, #231b0a 100%);
    display: flex;
    flex-direction: column;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    position: relative;
}

/* Ponto de luz sutil no canto superior */
.sgnfe-left[b-i0gr07mte4]::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.15) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

/* Linha de brilho lateral direita com tonalidade âmbar */
.sgnfe-left[b-i0gr07mte4]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(245, 158, 11, 0.35) 30%,
        rgba(245, 158, 11, 0.18) 70%,
        transparent 100%);
    z-index: 1;
}

/* ── Progress bar ── */
.sgnfe-progress-track[b-i0gr07mte4] {
    position: relative;
    height: 3px;
    background: rgba(255, 255, 255, 0.06);
    z-index: 2;
    flex-shrink: 0;
}

.sgnfe-progress-fill[b-i0gr07mte4] {
    height: 100%;
    background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.6);
}

/* ── Cabeçalho ── */
.sgnfe-left-header[b-i0gr07mte4] {
    position: relative;
    z-index: 2;
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(245, 158, 11, 0.08);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.sgnfe-left-icon-wrap[b-i0gr07mte4] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.30) 0%, rgba(245, 158, 11, 0.12) 100%);
    border: 1px solid rgba(245, 158, 11, 0.40);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.25);
}

.sgnfe-left-icon-wrap .e-icons[b-i0gr07mte4] {
    font-size: 18px;
    color: #fcd34d;
}

.sgnfe-left-heading[b-i0gr07mte4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgnfe-left-title[b-i0gr07mte4] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #fef3c7;
    margin: 0;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
}

.sgnfe-left-sub[b-i0gr07mte4] {
    font-size: 0.69rem;
    color: rgba(255, 255, 255, 0.35);
    margin: 0;
    line-height: 1.3;
}

/* ── Área dos steps ── */
.sgnfe-steps[b-i0gr07mte4] {
    position: relative;
    z-index: 2;
    flex: 1;
    padding: 20px 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ── Card de step ── */
.sgnfe-step-card[b-i0gr07mte4] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px 10px 10px;
    border-radius: 10px;
    transition: background 0.25s, box-shadow 0.25s;
    cursor: default;
    overflow: hidden;
}

/* Pendente */
.sgnfe-step-card--pending .sgnfe-step-indicator[b-i0gr07mte4] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

.sgnfe-step-card--pending .sgnfe-step-num[b-i0gr07mte4] {
    color: rgba(255, 255, 255, 0.22);
}

.sgnfe-step-card--pending .sgnfe-step-card-title[b-i0gr07mte4] {
    color: rgba(255, 255, 255, 0.28);
}

.sgnfe-step-card--pending .sgnfe-step-card-desc[b-i0gr07mte4] {
    color: rgba(255, 255, 255, 0.16);
}

/* Ativo */
.sgnfe-step-card--active[b-i0gr07mte4] {
    background: rgba(245, 158, 11, 0.10);
    box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.22);
}

.sgnfe-step-card--active .sgnfe-step-indicator[b-i0gr07mte4] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    border-color: #f59e0b;
    box-shadow:
        0 0 0 3px rgba(245, 158, 11, 0.22),
        0 0 18px rgba(245, 158, 11, 0.40);
    animation: sgnfe-pulse-glow-b-i0gr07mte4 2s ease-in-out infinite;
}

.sgnfe-step-card--active .sgnfe-step-num[b-i0gr07mte4] {
    color: #ffffff;
}

.sgnfe-step-card--active .sgnfe-step-card-title[b-i0gr07mte4] {
    color: #fef3c7;
    font-weight: 600;
}

.sgnfe-step-card--active .sgnfe-step-card-desc[b-i0gr07mte4] {
    color: rgba(253, 230, 138, 0.65);
}

/* Concluído */
.sgnfe-step-card--done[b-i0gr07mte4] {
    background: rgba(34, 197, 94, 0.05);
}

.sgnfe-step-card--done .sgnfe-step-indicator[b-i0gr07mte4] {
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.38);
}

.sgnfe-step-card--done .sgnfe-check-path[b-i0gr07mte4] {
    color: #86efac;
    stroke-dasharray: 30;
    stroke-dashoffset: 0;
    animation: sgnfe-draw-check-b-i0gr07mte4 0.45s ease-out forwards;
}

.sgnfe-step-card--done .sgnfe-step-card-title[b-i0gr07mte4] {
    color: rgba(255, 255, 255, 0.50);
}

.sgnfe-step-card--done .sgnfe-step-card-desc[b-i0gr07mte4] {
    color: rgba(255, 255, 255, 0.25);
}

/* Sucesso (passo final concluído) */
.sgnfe-step-card--success[b-i0gr07mte4] {
    background: rgba(34, 197, 94, 0.08);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.20);
}

.sgnfe-step-card--success .sgnfe-step-indicator[b-i0gr07mte4] {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border-color: #22c55e;
    box-shadow:
        0 0 0 3px rgba(34, 197, 94, 0.20),
        0 0 16px rgba(34, 197, 94, 0.35);
}

.sgnfe-step-card--success .sgnfe-check-path[b-i0gr07mte4] {
    color: #ffffff;
    stroke: #ffffff;
    stroke-dasharray: 30;
    stroke-dashoffset: 0;
    animation: sgnfe-draw-check-b-i0gr07mte4 0.45s ease-out forwards;
}

.sgnfe-step-card--success .sgnfe-step-card-title[b-i0gr07mte4] {
    color: #d1fae5;
    font-weight: 600;
}

.sgnfe-step-card--success .sgnfe-step-card-desc[b-i0gr07mte4] {
    color: rgba(167, 243, 208, 0.60);
}

/* Barra lateral */
.sgnfe-step-active-bar[b-i0gr07mte4] {
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 0 2px 2px 0;
    background: linear-gradient(180deg, #fbbf24, #f59e0b);
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.65);
}

/* ── Indicador circular ── */
.sgnfe-step-indicator[b-i0gr07mte4] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sgnfe-step-num[b-i0gr07mte4] {
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}

.sgnfe-check-svg[b-i0gr07mte4] {
    width: 15px;
    height: 15px;
}

.sgnfe-check-path[b-i0gr07mte4] {
    stroke-dasharray: 30;
    stroke-dashoffset: 30;
    animation: sgnfe-draw-check-b-i0gr07mte4 0.45s 0.05s ease-out forwards;
}

/* ── Corpo do card ── */
.sgnfe-step-card-body[b-i0gr07mte4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.sgnfe-step-card-title[b-i0gr07mte4] {
    font-size: 0.8rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.50);
    line-height: 1.2;
    transition: color 0.25s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgnfe-step-card-desc[b-i0gr07mte4] {
    font-size: 0.66rem;
    color: rgba(255, 255, 255, 0.26);
    line-height: 1.2;
    transition: color 0.25s;
}

/* ── Conector ── */
.sgnfe-connector[b-i0gr07mte4] {
    padding: 0 0 0 27px;
    height: 20px;
    display: flex;
    align-items: stretch;
}

.sgnfe-connector-line[b-i0gr07mte4] {
    width: 2px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 1px;
    position: relative;
    overflow: hidden;
}

.sgnfe-connector-fill[b-i0gr07mte4] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background: linear-gradient(180deg, #f59e0b, rgba(245, 158, 11, 0.3));
    transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.sgnfe-connector-fill--animate[b-i0gr07mte4] {
    height: 100%;
}

.sgnfe-connector--done .sgnfe-connector-line[b-i0gr07mte4] {
    background: rgba(34, 197, 94, 0.12);
}

.sgnfe-connector--done .sgnfe-connector-fill[b-i0gr07mte4] {
    height: 100%;
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.45), rgba(34, 197, 94, 0.18));
}

/* ── Totais no painel esquerdo ── */
.sgnfe-left-totais[b-i0gr07mte4] {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 18px;
    margin: 0 12px 0;
    border-top: 1px solid rgba(245, 158, 11, 0.1);
}

.sgnfe-left-totais-item[b-i0gr07mte4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sgnfe-left-totais-label[b-i0gr07mte4] {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    letter-spacing: 0.04em;
}

.sgnfe-left-totais-value[b-i0gr07mte4] {
    font-size: 0.85rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.88);
}

.sgnfe-left-totais-value--highlight[b-i0gr07mte4] {
    color: #fbbf24;
}

/* ── Rodapé ── */
.sgnfe-left-footer[b-i0gr07mte4] {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    padding: 14px 18px;
    border-top: 1px solid rgba(245, 158, 11, 0.07);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sgnfe-footer-dots[b-i0gr07mte4] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sgnfe-footer-dot[b-i0gr07mte4] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.13);
    transition: all 0.3s;
}

.sgnfe-footer-dot--active[b-i0gr07mte4] {
    background: #f59e0b;
    width: 18px;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(245, 158, 11, 0.55);
}

.sgnfe-footer-label[b-i0gr07mte4] {
    font-size: 0.68rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.26);
    letter-spacing: 0.08em;
    font-variant-numeric: tabular-nums;
}

/* ── Animações ── */
@keyframes sgnfe-pulse-glow-b-i0gr07mte4 {
    0%, 100% { box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.22), 0 0 18px rgba(245, 158, 11, 0.40); }
    50%       { box-shadow: 0 0 0 5px rgba(245, 158, 11, 0.13), 0 0 26px rgba(245, 158, 11, 0.55); }
}

@keyframes sgnfe-draw-check-b-i0gr07mte4 {
    from { stroke-dashoffset: 30; }
    to   { stroke-dashoffset: 0; }
}

/* ============================================================
   PAINEL DIREITO
   ============================================================ */

.sgnfe-right[b-i0gr07mte4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--color-sf-content-bg-color);
    border-radius: 0 8px 8px 0;
    overflow: hidden;
}

.sgnfe-step[b-i0gr07mte4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 28px;
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

/* Grid wrapper */
.sgnfe-grid-wrap[b-i0gr07mte4] {
    height: calc(100vh - 200px);
    min-height: 300px;
    overflow: hidden;
}

.sgnfe-grid-wrap--compact[b-i0gr07mte4] {
    height: calc(100vh - 290px);
}

/* ── Cabeçalho do passo ── */
.sgnfe-step-header[b-i0gr07mte4] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-sf-border-light);
    margin-bottom: 2px;
}

.sgnfe-step-badge[b-i0gr07mte4] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #b45309;
    background: #fef3c7;
    border: 1px solid #fde68a;
    border-radius: 6px;
    padding: 4px 8px;
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.sgnfe-step-badge--success[b-i0gr07mte4] {
    color: var(--color-sf-success-text, #107c10);
    background: color-mix(in srgb, var(--color-sf-success) 10%, transparent);
    border-color: color-mix(in srgb, var(--color-sf-success) 25%, transparent);
}

.sgnfe-step-title-wrap[b-i0gr07mte4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgnfe-step-title[b-i0gr07mte4] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    margin: 0;
    line-height: 1.2;
}

.sgnfe-step-sub[b-i0gr07mte4] {
    font-size: 0.74rem;
    color: var(--color-sf-content-text-color-alt1);
    margin: 0;
}

/* ── Tags ── */
.sgnfe-tag[b-i0gr07mte4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1.6;
}

.sgnfe-tag--ok[b-i0gr07mte4] {
    background: #16a34a;
    color: #ffffff;
}

.sgnfe-tag--nova[b-i0gr07mte4] {
    background: #ca8a04;
    color: #ffffff;
}

@media (prefers-color-scheme: dark) {
    .sgnfe-step-badge[b-i0gr07mte4] { color: #fbbf24; background: rgba(245, 158, 11, 0.12); border-color: rgba(245, 158, 11, 0.25); }
}

/* ── Ações ── */
.sgnfe-step-actions[b-i0gr07mte4] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 14px;
    border-top: 1px solid var(--color-sf-border-light);
    margin-top: auto;
    flex-shrink: 0;
}

/* Botão primário com gradiente âmbar */
.sgnfe-btn-next.e-btn.e-primary[b-i0gr07mte4] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 2px 12px rgba(245, 158, 11, 0.35) !important;
    transition: box-shadow 0.2s, transform 0.15s !important;
}

.sgnfe-btn-next.e-btn.e-primary:hover[b-i0gr07mte4] {
    box-shadow: 0 4px 18px rgba(245, 158, 11, 0.50) !important;
    transform: translateY(-1px) !important;
}

.sgnfe-btn-next.e-btn.e-primary:active[b-i0gr07mte4] {
    transform: translateY(0) !important;
}

/* Botão cancelar */
.sgnfe-btn-cancel[b-i0gr07mte4] {
    background: transparent !important;
    border: 1px solid var(--color-sf-border-light) !important;
    color: var(--color-sf-content-text-color) !important;
}

.sgnfe-btn-cancel:hover[b-i0gr07mte4] {
    background: rgba(245, 158, 11, 0.06) !important;
    border-color: #f59e0b !important;
    color: #b45309 !important;
}

@media (prefers-color-scheme: dark) {
    .sgnfe-btn-cancel:hover[b-i0gr07mte4] { color: #fbbf24 !important; }
}

/* ============================================================
   PASSO 2 — IMPORTANDO
   ============================================================ */
.sgnfe-importing-wrap[b-i0gr07mte4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 32px 24px;
}

.sgnfe-importing-visual[b-i0gr07mte4] {
    position: relative;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgnfe-importing-ring[b-i0gr07mte4] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2.5px solid transparent;
    border-top-color: #f59e0b;
    animation: sgnfe-spin-b-i0gr07mte4 1s linear infinite;
}

.sgnfe-importing-ring--2[b-i0gr07mte4] {
    inset: 10px;
    border-top-color: transparent;
    border-right-color: #fbbf24;
    opacity: 0.5;
    animation-duration: 1.5s;
    animation-direction: reverse;
}

.sgnfe-importing-icon[b-i0gr07mte4] {
    font-size: 22px;
    color: #f59e0b;
}

.sgnfe-importing-info[b-i0gr07mte4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.sgnfe-importing-count[b-i0gr07mte4] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

.sgnfe-importing-label[b-i0gr07mte4] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sgnfe-importing-bar-track[b-i0gr07mte4] {
    width: 100%;
    max-width: 280px;
    height: 4px;
    background: var(--color-sf-border-light);
    border-radius: 2px;
    overflow: hidden;
}

.sgnfe-importing-bar-fill[b-i0gr07mte4] {
    height: 100%;
    background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%);
    border-radius: 2px;
    transition: width 0.3s ease;
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.50);
}

/* ============================================================
   PASSO 3 — RESULTADO
   ============================================================ */
.sgnfe-result[b-i0gr07mte4] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--color-sf-border-light);
    animation: sgnfe-result-in-b-i0gr07mte4 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes sgnfe-result-in-b-i0gr07mte4 {
    from { opacity: 0; transform: scale(0.96) translateY(6px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}

.sgnfe-result--ok[b-i0gr07mte4] {
    background: color-mix(in srgb, var(--color-sf-success) 6%, var(--color-sf-content-bg-color-alt1));
    border-color: color-mix(in srgb, var(--color-sf-success) 25%, transparent);
}

.sgnfe-result--erro[b-i0gr07mte4] {
    background: color-mix(in srgb, var(--color-sf-danger) 6%, var(--color-sf-content-bg-color-alt1));
    border-color: color-mix(in srgb, var(--color-sf-danger) 20%, transparent);
}

.sgnfe-result-icon-wrap[b-i0gr07mte4] {
    position: relative;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgnfe-result-icon-ring[b-i0gr07mte4] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1.5px solid currentColor;
    opacity: 0.2;
}

.sgnfe-result--ok .sgnfe-result-icon-wrap[b-i0gr07mte4] {
    color: var(--color-sf-success);
}

.sgnfe-result--erro .sgnfe-result-icon-wrap[b-i0gr07mte4] {
    color: var(--color-sf-danger);
}

.sgnfe-result-icon[b-i0gr07mte4] {
    font-size: 24px;
    position: relative;
    z-index: 1;
}

.sgnfe-result--ok .sgnfe-result-icon[b-i0gr07mte4] {
    color: var(--color-sf-success-text, #107c10);
}

.sgnfe-result--erro .sgnfe-result-icon[b-i0gr07mte4] {
    color: var(--color-sf-danger-text, #a4262c);
}

.sgnfe-result-body[b-i0gr07mte4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sgnfe-result-headline[b-i0gr07mte4] {
    margin: 0;
    font-size: 0.97rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    line-height: 1.2;
}

.sgnfe-result-detail[b-i0gr07mte4] {
    margin: 0;
    font-size: 0.84rem;
    color: var(--color-sf-content-text-color-alt1);
    line-height: 1.5;
}

.sgnfe-result-detail strong[b-i0gr07mte4] {
    color: var(--color-sf-content-text-color);
    font-weight: 600;
}

/* ── Log ── */
.sgnfe-log[b-i0gr07mte4] {
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 10px;
    overflow: hidden;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.sgnfe-log-header[b-i0gr07mte4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--color-sf-border-light);
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sgnfe-log-icon[b-i0gr07mte4] {
    font-size: 13px;
}

.sgnfe-log-body[b-i0gr07mte4] {
    margin: 0;
    padding: 12px 14px;
    flex: 1;
    overflow-y: auto;
    font-size: 0.72rem;
    line-height: 1.7;
    color: var(--color-sf-content-text-color-alt1);
    white-space: pre-wrap;
    word-break: break-word;
}
/* /Components/Processamento/ImportarNFSeXml.razor.rz.scp.css */
/* ============================================================
   ImportarNFSeXml — Prefixo: sgnfse-
   Design: Premium wizard com stepper customizado
   Painel esquerdo: gradiente âmbar/dourado profundo + cards animados
   Painel direito: conteúdo limpo com tipografia hierárquica
   ============================================================ */

/* ── Variáveis locais ── */
.sgnfse-container[b-l2f5kto9tg] {
    --sgnfse-accent:        #f59e0b;
    --sgnfse-accent-light:  #fbbf24;
    --sgnfse-accent-glow:   rgba(245, 158, 11, 0.35);
    --sgnfse-accent-soft:   rgba(245, 158, 11, 0.12);
    --sgnfse-success:       #22c55e;
    --sgnfse-success-glow:  rgba(34, 197, 94, 0.30);

    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--color-sf-content-bg-color);
}

/* ============================================================
   LOADING
   ============================================================ */
.sgnfse-center[b-l2f5kto9tg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 56px 24px;
    flex: 1;
}

.sgnfse-loader[b-l2f5kto9tg] {
    position: relative;
    width: 56px;
    height: 56px;
}

.sgnfse-loader-ring[b-l2f5kto9tg] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2.5px solid transparent;
    border-top-color: #f59e0b;
    animation: sgnfse-spin-b-l2f5kto9tg 1s linear infinite;
}

.sgnfse-loader-ring--2[b-l2f5kto9tg] {
    inset: 8px;
    border-top-color: transparent;
    border-right-color: #fbbf24;
    opacity: 0.6;
    animation-duration: 1.4s;
    animation-direction: reverse;
}

.sgnfse-loader-ring--3[b-l2f5kto9tg] {
    inset: 16px;
    border-top-color: #f59e0b;
    opacity: 0.3;
    animation-duration: 1.8s;
}

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

.sgnfse-loading-text[b-l2f5kto9tg] {
    font-size: 0.85rem;
    color: var(--color-sf-content-text-color-alt1);
    letter-spacing: 0.02em;
}

.sgnfse-error-icon[b-l2f5kto9tg] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--color-sf-danger) 12%, transparent);
    border: 2px solid color-mix(in srgb, var(--color-sf-danger) 30%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgnfse-error-icon .e-icons[b-l2f5kto9tg] {
    font-size: 22px;
    color: var(--color-sf-danger-text, #a4262c);
}

/* ============================================================
   WIZARD LAYOUT
   ============================================================ */

.sgnfse-wizard[b-l2f5kto9tg] {
    display: flex;
    height: 100%;
    min-height: 520px;
    flex: 1;
    overflow: hidden;
}

/* ============================================================
   PAINEL ESQUERDO — âmbar/dourado + stepper customizado
   ============================================================ */

.sgnfse-left[b-l2f5kto9tg] {
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    background: linear-gradient(180deg, #1a1205 0%, #1f1708 45%, #231b0a 100%);
    display: flex;
    flex-direction: column;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    position: relative;
}

/* Ponto de luz sutil no canto superior */
.sgnfse-left[b-l2f5kto9tg]::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.15) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

/* Linha de brilho lateral direita com tonalidade âmbar */
.sgnfse-left[b-l2f5kto9tg]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(245, 158, 11, 0.35) 30%,
        rgba(245, 158, 11, 0.18) 70%,
        transparent 100%);
    z-index: 1;
}

/* ── Progress bar ── */
.sgnfse-progress-track[b-l2f5kto9tg] {
    position: relative;
    height: 3px;
    background: rgba(255, 255, 255, 0.06);
    z-index: 2;
    flex-shrink: 0;
}

.sgnfse-progress-fill[b-l2f5kto9tg] {
    height: 100%;
    background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.6);
}

/* ── Cabeçalho ── */
.sgnfse-left-header[b-l2f5kto9tg] {
    position: relative;
    z-index: 2;
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(245, 158, 11, 0.08);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.sgnfse-left-icon-wrap[b-l2f5kto9tg] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.30) 0%, rgba(245, 158, 11, 0.12) 100%);
    border: 1px solid rgba(245, 158, 11, 0.40);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.25);
}

.sgnfse-left-icon-wrap .e-icons[b-l2f5kto9tg] {
    font-size: 18px;
    color: #fcd34d;
}

.sgnfse-left-heading[b-l2f5kto9tg] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgnfse-left-title[b-l2f5kto9tg] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #fef3c7;
    margin: 0;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
}

.sgnfse-left-sub[b-l2f5kto9tg] {
    font-size: 0.69rem;
    color: rgba(255, 255, 255, 0.35);
    margin: 0;
    line-height: 1.3;
}

/* ── Área dos steps ── */
.sgnfse-steps[b-l2f5kto9tg] {
    position: relative;
    z-index: 2;
    flex: 1;
    padding: 20px 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ── Card de step ── */
.sgnfse-step-card[b-l2f5kto9tg] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px 10px 10px;
    border-radius: 10px;
    transition: background 0.25s, box-shadow 0.25s;
    cursor: default;
    overflow: hidden;
}

/* Pendente */
.sgnfse-step-card--pending .sgnfse-step-indicator[b-l2f5kto9tg] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

.sgnfse-step-card--pending .sgnfse-step-num[b-l2f5kto9tg] {
    color: rgba(255, 255, 255, 0.22);
}

.sgnfse-step-card--pending .sgnfse-step-card-title[b-l2f5kto9tg] {
    color: rgba(255, 255, 255, 0.28);
}

.sgnfse-step-card--pending .sgnfse-step-card-desc[b-l2f5kto9tg] {
    color: rgba(255, 255, 255, 0.16);
}

/* Ativo */
.sgnfse-step-card--active[b-l2f5kto9tg] {
    background: rgba(245, 158, 11, 0.10);
    box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.22);
}

.sgnfse-step-card--active .sgnfse-step-indicator[b-l2f5kto9tg] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    border-color: #f59e0b;
    box-shadow:
        0 0 0 3px rgba(245, 158, 11, 0.22),
        0 0 18px rgba(245, 158, 11, 0.40);
    animation: sgnfse-pulse-glow-b-l2f5kto9tg 2s ease-in-out infinite;
}

.sgnfse-step-card--active .sgnfse-step-num[b-l2f5kto9tg] {
    color: #ffffff;
}

.sgnfse-step-card--active .sgnfse-step-card-title[b-l2f5kto9tg] {
    color: #fef3c7;
    font-weight: 600;
}

.sgnfse-step-card--active .sgnfse-step-card-desc[b-l2f5kto9tg] {
    color: rgba(253, 230, 138, 0.65);
}

/* Concluído */
.sgnfse-step-card--done[b-l2f5kto9tg] {
    background: rgba(34, 197, 94, 0.05);
}

.sgnfse-step-card--done .sgnfse-step-indicator[b-l2f5kto9tg] {
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.38);
}

.sgnfse-step-card--done .sgnfse-check-path[b-l2f5kto9tg] {
    color: #86efac;
    stroke-dasharray: 30;
    stroke-dashoffset: 0;
    animation: sgnfse-draw-check-b-l2f5kto9tg 0.45s ease-out forwards;
}

.sgnfse-step-card--done .sgnfse-step-card-title[b-l2f5kto9tg] {
    color: rgba(255, 255, 255, 0.50);
}

.sgnfse-step-card--done .sgnfse-step-card-desc[b-l2f5kto9tg] {
    color: rgba(255, 255, 255, 0.25);
}

/* Sucesso (passo final concluído) */
.sgnfse-step-card--success[b-l2f5kto9tg] {
    background: rgba(34, 197, 94, 0.08);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.20);
}

.sgnfse-step-card--success .sgnfse-step-indicator[b-l2f5kto9tg] {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border-color: #22c55e;
    box-shadow:
        0 0 0 3px rgba(34, 197, 94, 0.20),
        0 0 16px rgba(34, 197, 94, 0.35);
}

.sgnfse-step-card--success .sgnfse-check-path[b-l2f5kto9tg] {
    color: #ffffff;
    stroke: #ffffff;
    stroke-dasharray: 30;
    stroke-dashoffset: 0;
    animation: sgnfse-draw-check-b-l2f5kto9tg 0.45s ease-out forwards;
}

.sgnfse-step-card--success .sgnfse-step-card-title[b-l2f5kto9tg] {
    color: #d1fae5;
    font-weight: 600;
}

.sgnfse-step-card--success .sgnfse-step-card-desc[b-l2f5kto9tg] {
    color: rgba(167, 243, 208, 0.60);
}

/* Barra lateral */
.sgnfse-step-active-bar[b-l2f5kto9tg] {
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 0 2px 2px 0;
    background: linear-gradient(180deg, #fbbf24, #f59e0b);
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.65);
}

/* ── Indicador circular ── */
.sgnfse-step-indicator[b-l2f5kto9tg] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sgnfse-step-num[b-l2f5kto9tg] {
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}

.sgnfse-check-svg[b-l2f5kto9tg] {
    width: 15px;
    height: 15px;
}

.sgnfse-check-path[b-l2f5kto9tg] {
    stroke-dasharray: 30;
    stroke-dashoffset: 30;
    animation: sgnfse-draw-check-b-l2f5kto9tg 0.45s 0.05s ease-out forwards;
}

/* ── Corpo do card ── */
.sgnfse-step-card-body[b-l2f5kto9tg] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.sgnfse-step-card-title[b-l2f5kto9tg] {
    font-size: 0.8rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.50);
    line-height: 1.2;
    transition: color 0.25s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgnfse-step-card-desc[b-l2f5kto9tg] {
    font-size: 0.66rem;
    color: rgba(255, 255, 255, 0.26);
    line-height: 1.2;
    transition: color 0.25s;
}

/* ── Conector ── */
.sgnfse-connector[b-l2f5kto9tg] {
    padding: 0 0 0 27px;
    height: 20px;
    display: flex;
    align-items: stretch;
}

.sgnfse-connector-line[b-l2f5kto9tg] {
    width: 2px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 1px;
    position: relative;
    overflow: hidden;
}

.sgnfse-connector-fill[b-l2f5kto9tg] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background: linear-gradient(180deg, #f59e0b, rgba(245, 158, 11, 0.3));
    transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.sgnfse-connector-fill--animate[b-l2f5kto9tg] {
    height: 100%;
}

.sgnfse-connector--done .sgnfse-connector-line[b-l2f5kto9tg] {
    background: rgba(34, 197, 94, 0.12);
}

.sgnfse-connector--done .sgnfse-connector-fill[b-l2f5kto9tg] {
    height: 100%;
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.45), rgba(34, 197, 94, 0.18));
}

/* ── Totais no painel esquerdo ── */
.sgnfse-left-totais[b-l2f5kto9tg] {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 18px;
    margin: 0 12px 0;
    border-top: 1px solid rgba(245, 158, 11, 0.1);
}

.sgnfse-left-totais-item[b-l2f5kto9tg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sgnfse-left-totais-label[b-l2f5kto9tg] {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    letter-spacing: 0.04em;
}

.sgnfse-left-totais-value[b-l2f5kto9tg] {
    font-size: 0.85rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.88);
}

.sgnfse-left-totais-value--highlight[b-l2f5kto9tg] {
    color: #fbbf24;
}

/* ── Rodapé ── */
.sgnfse-left-footer[b-l2f5kto9tg] {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    padding: 14px 18px;
    border-top: 1px solid rgba(245, 158, 11, 0.07);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sgnfse-footer-dots[b-l2f5kto9tg] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sgnfse-footer-dot[b-l2f5kto9tg] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.13);
    transition: all 0.3s;
}

.sgnfse-footer-dot--active[b-l2f5kto9tg] {
    background: #f59e0b;
    width: 18px;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(245, 158, 11, 0.55);
}

.sgnfse-footer-label[b-l2f5kto9tg] {
    font-size: 0.68rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.26);
    letter-spacing: 0.08em;
    font-variant-numeric: tabular-nums;
}

/* ── Animações ── */
@keyframes sgnfse-pulse-glow-b-l2f5kto9tg {
    0%, 100% { box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.22), 0 0 18px rgba(245, 158, 11, 0.40); }
    50%       { box-shadow: 0 0 0 5px rgba(245, 158, 11, 0.13), 0 0 26px rgba(245, 158, 11, 0.55); }
}

@keyframes sgnfse-draw-check-b-l2f5kto9tg {
    from { stroke-dashoffset: 30; }
    to   { stroke-dashoffset: 0; }
}

/* ============================================================
   PAINEL DIREITO
   ============================================================ */

.sgnfse-right[b-l2f5kto9tg] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--color-sf-content-bg-color);
    border-radius: 0 8px 8px 0;
    overflow: hidden;
}

.sgnfse-step[b-l2f5kto9tg] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 28px;
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

/* Grid wrapper — altura calculada: 100vh menos cabeçalho e rodapé */
.sgnfse-grid-wrap[b-l2f5kto9tg] {
    height: calc(100vh - 200px);
    min-height: 300px;
    overflow: hidden;
}

/* Grid menor no Step 1 (análise) — desconta totais e botões extra */
.sgnfse-grid-wrap--compact[b-l2f5kto9tg] {
    height: calc(100vh - 290px);
}

/* ── Cabeçalho do passo ── */
.sgnfse-step-header[b-l2f5kto9tg] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-sf-border-light);
    margin-bottom: 2px;
}

.sgnfse-step-badge[b-l2f5kto9tg] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #b45309;
    background: #fef3c7;
    border: 1px solid #fde68a;
    border-radius: 6px;
    padding: 4px 8px;
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.sgnfse-step-badge--success[b-l2f5kto9tg] {
    color: var(--color-sf-success-text, #107c10);
    background: color-mix(in srgb, var(--color-sf-success) 10%, transparent);
    border-color: color-mix(in srgb, var(--color-sf-success) 25%, transparent);
}

.sgnfse-step-title-wrap[b-l2f5kto9tg] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgnfse-step-title[b-l2f5kto9tg] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    margin: 0;
    line-height: 1.2;
}

.sgnfse-step-sub[b-l2f5kto9tg] {
    font-size: 0.74rem;
    color: var(--color-sf-content-text-color-alt1);
    margin: 0;
}

.sgnfse-msg[b-l2f5kto9tg] {
    margin-top: 2px;
}

/* ── Tags (padrão badge do grid dinâmico) ── */
.sgnfse-tag[b-l2f5kto9tg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1.6;
}

.sgnfse-tag--entrada[b-l2f5kto9tg] {
    background: #2563eb;
    color: #ffffff;
}

.sgnfse-tag--saida[b-l2f5kto9tg] {
    background: #d97706;
    color: #ffffff;
}

.sgnfse-tag--ok[b-l2f5kto9tg] {
    background: #16a34a;
    color: #ffffff;
}

.sgnfse-tag--nova[b-l2f5kto9tg] {
    background: #ca8a04;
    color: #ffffff;
}

/* Upload manual: documento já cadastrado em FIS_NOTA_FISCAL */
.sgnfse-tag--exists[b-l2f5kto9tg] {
    background: #fee2e2;
    color: #991b1b;
    gap: 4px;
}
.sgnfse-tag--exists span[class*="icon-"][b-l2f5kto9tg] { font-size: 13px; }

.sgnfse-tag--new[b-l2f5kto9tg] {
    background: #dcfce7;
    color: #166534;
}

/* Célula COD_NOTA_FISCAL na coluna de auditoria */
.sgnfse-cod-existente[b-l2f5kto9tg] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.78rem;
    font-weight: 600;
    color: #991b1b;
}
.sgnfse-cod-existente--empty[b-l2f5kto9tg] {
    color: var(--color-sf-content-text-color-alt1, #94a3b8);
    font-weight: 400;
}

/* Decoração da linha com XML já cadastrado (aplicada via RowDataBound) */
[b-l2f5kto9tg] tr.sgnfse-row--exists td {
    background: repeating-linear-gradient(
        45deg,
        rgba(239, 68, 68, 0.04),
        rgba(239, 68, 68, 0.04) 10px,
        rgba(239, 68, 68, 0.08) 10px,
        rgba(239, 68, 68, 0.08) 20px
    ) !important;
    color: var(--color-sf-content-text-color-alt1, #64748b) !important;
    cursor: not-allowed;
}
[b-l2f5kto9tg] tr.sgnfse-row--exists .e-checkbox-wrapper {
    opacity: 0.35;
    pointer-events: none;
}

@media (prefers-color-scheme: dark) {
    .sgnfse-step-badge[b-l2f5kto9tg] { color: #fbbf24; background: rgba(245, 158, 11, 0.12); border-color: rgba(245, 158, 11, 0.25); }
}

/* ── Totais (passo 1) ── */
.sgnfse-totais[b-l2f5kto9tg] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 13px 16px;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 10px;
}

.sgnfse-totais-item[b-l2f5kto9tg] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgnfse-totais-label[b-l2f5kto9tg] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-sf-content-text-color-alt1);
    letter-spacing: 0.05em;
}

.sgnfse-totais-value[b-l2f5kto9tg] {
    font-size: 0.94rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
}

.sgnfse-totais-value--highlight[b-l2f5kto9tg] {
    color: #b45309;
}

@media (prefers-color-scheme: dark) {
    .sgnfse-totais-value--highlight[b-l2f5kto9tg] { color: #fbbf24; }
}

.sgnfse-totais-sep[b-l2f5kto9tg] {
    width: 1px;
    height: 32px;
    background: var(--color-sf-border-light);
    flex-shrink: 0;
}

/* ── Ações ── */
.sgnfse-step-actions[b-l2f5kto9tg] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 14px;
    border-top: 1px solid var(--color-sf-border-light);
    margin-top: auto;
    flex-shrink: 0;
}

/* Botão primário com gradiente âmbar */
.sgnfse-btn-next.e-btn.e-primary[b-l2f5kto9tg] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 2px 12px rgba(245, 158, 11, 0.35) !important;
    transition: box-shadow 0.2s, transform 0.15s !important;
}

.sgnfse-btn-next.e-btn.e-primary:hover[b-l2f5kto9tg] {
    box-shadow: 0 4px 18px rgba(245, 158, 11, 0.50) !important;
    transform: translateY(-1px) !important;
}

.sgnfse-btn-next.e-btn.e-primary:active[b-l2f5kto9tg] {
    transform: translateY(0) !important;
}

/* Botão cancelar */
.sgnfse-btn-cancel[b-l2f5kto9tg] {
    background: transparent !important;
    border: 1px solid var(--color-sf-border-light) !important;
    color: var(--color-sf-content-text-color) !important;
}

.sgnfse-btn-cancel:hover[b-l2f5kto9tg] {
    background: rgba(245, 158, 11, 0.06) !important;
    border-color: #f59e0b !important;
    color: #b45309 !important;
}

@media (prefers-color-scheme: dark) {
    .sgnfse-btn-cancel:hover[b-l2f5kto9tg] { color: #fbbf24 !important; }
}

/* ============================================================
   PASSO 2 — IMPORTANDO
   ============================================================ */
.sgnfse-importing-wrap[b-l2f5kto9tg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 32px 24px;
}

.sgnfse-importing-visual[b-l2f5kto9tg] {
    position: relative;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgnfse-importing-ring[b-l2f5kto9tg] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2.5px solid transparent;
    border-top-color: #f59e0b;
    animation: sgnfse-spin-b-l2f5kto9tg 1s linear infinite;
}

.sgnfse-importing-ring--2[b-l2f5kto9tg] {
    inset: 10px;
    border-top-color: transparent;
    border-right-color: #fbbf24;
    opacity: 0.5;
    animation-duration: 1.5s;
    animation-direction: reverse;
}

.sgnfse-importing-icon[b-l2f5kto9tg] {
    font-size: 22px;
    color: #f59e0b;
}

.sgnfse-importing-info[b-l2f5kto9tg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.sgnfse-importing-count[b-l2f5kto9tg] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

.sgnfse-importing-label[b-l2f5kto9tg] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sgnfse-importing-bar-track[b-l2f5kto9tg] {
    width: 100%;
    max-width: 280px;
    height: 4px;
    background: var(--color-sf-border-light);
    border-radius: 2px;
    overflow: hidden;
}

.sgnfse-importing-bar-fill[b-l2f5kto9tg] {
    height: 100%;
    background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%);
    border-radius: 2px;
    transition: width 0.3s ease;
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.50);
}

/* ============================================================
   PASSO 3 — RESULTADO
   ============================================================ */
.sgnfse-result[b-l2f5kto9tg] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--color-sf-border-light);
    animation: sgnfse-result-in-b-l2f5kto9tg 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes sgnfse-result-in-b-l2f5kto9tg {
    from { opacity: 0; transform: scale(0.96) translateY(6px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}

.sgnfse-result--ok[b-l2f5kto9tg] {
    background: color-mix(in srgb, var(--color-sf-success) 6%, var(--color-sf-content-bg-color-alt1));
    border-color: color-mix(in srgb, var(--color-sf-success) 25%, transparent);
}

.sgnfse-result--erro[b-l2f5kto9tg] {
    background: color-mix(in srgb, var(--color-sf-danger) 6%, var(--color-sf-content-bg-color-alt1));
    border-color: color-mix(in srgb, var(--color-sf-danger) 20%, transparent);
}

.sgnfse-result-icon-wrap[b-l2f5kto9tg] {
    position: relative;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgnfse-result-icon-ring[b-l2f5kto9tg] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1.5px solid currentColor;
    opacity: 0.2;
}

.sgnfse-result--ok .sgnfse-result-icon-wrap[b-l2f5kto9tg] {
    color: var(--color-sf-success);
}

.sgnfse-result--erro .sgnfse-result-icon-wrap[b-l2f5kto9tg] {
    color: var(--color-sf-danger);
}

.sgnfse-result-icon[b-l2f5kto9tg] {
    font-size: 24px;
    position: relative;
    z-index: 1;
}

.sgnfse-result--ok .sgnfse-result-icon[b-l2f5kto9tg] {
    color: var(--color-sf-success-text, #107c10);
}

.sgnfse-result--erro .sgnfse-result-icon[b-l2f5kto9tg] {
    color: var(--color-sf-danger-text, #a4262c);
}

.sgnfse-result-body[b-l2f5kto9tg] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sgnfse-result-headline[b-l2f5kto9tg] {
    margin: 0;
    font-size: 0.97rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    line-height: 1.2;
}

.sgnfse-result-detail[b-l2f5kto9tg] {
    margin: 0;
    font-size: 0.84rem;
    color: var(--color-sf-content-text-color-alt1);
    line-height: 1.5;
}

.sgnfse-result-detail strong[b-l2f5kto9tg] {
    color: var(--color-sf-content-text-color);
    font-weight: 600;
}

/* ── Log ── */
.sgnfse-log[b-l2f5kto9tg] {
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 10px;
    overflow: hidden;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.sgnfse-log-header[b-l2f5kto9tg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--color-sf-border-light);
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sgnfse-log-icon[b-l2f5kto9tg] {
    font-size: 13px;
}

.sgnfse-log-body[b-l2f5kto9tg] {
    margin: 0;
    padding: 12px 14px;
    flex: 1;
    overflow-y: auto;
    font-size: 0.72rem;
    line-height: 1.7;
    color: var(--color-sf-content-text-color-alt1);
    white-space: pre-wrap;
    word-break: break-word;
}

/* ══════════ Upload manual de XMLs ══════════ */
.sgnfse-upload[b-l2f5kto9tg] {
    margin: 12px 0 20px;
}
.sgnfse-upload-drop[b-l2f5kto9tg] {
    display: block;
    position: relative;
    padding: 22px 20px;
    border: 2px dashed var(--color-sf-border, #cbd5e1);
    border-radius: 10px;
    background: var(--color-sf-content-bg-color-alt1, #f8fafc);
    cursor: pointer;
    transition: border-color .2s, background .2s;
}
.sgnfse-upload-drop:hover[b-l2f5kto9tg] {
    border-color: var(--color-sf-primary, #2563eb);
    background: color-mix(in srgb, var(--color-sf-primary, #2563eb) 6%, transparent);
}
.sgnfse-upload-drop--busy[b-l2f5kto9tg] {
    pointer-events: none;
    opacity: 0.7;
}
.sgnfse-upload-drop[b-l2f5kto9tg]  input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.sgnfse-upload-inner[b-l2f5kto9tg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
}
.sgnfse-upload-ico[b-l2f5kto9tg] {
    font-size: 32px;
    color: var(--color-sf-primary, #2563eb);
}
.sgnfse-upload-title[b-l2f5kto9tg] {
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color, #1e293b);
}
.sgnfse-upload-sub[b-l2f5kto9tg] {
    font-size: 0.76rem;
    color: var(--color-sf-content-text-color-alt1, #64748b);
}
.sgnfse-upload-spinner[b-l2f5kto9tg] {
    width: 32px; height: 32px;
    border-radius: 50%;
    border: 3px solid color-mix(in srgb, var(--color-sf-primary, #2563eb) 25%, transparent);
    border-top-color: var(--color-sf-primary, #2563eb);
    animation: sgnfse-upload-spin-b-l2f5kto9tg .9s linear infinite;
}
@keyframes sgnfse-upload-spin-b-l2f5kto9tg { to { transform: rotate(360deg); } }
.sgnfse-upload-resumo[b-l2f5kto9tg] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    align-items: center;
}
.sgnfse-upload-chip[b-l2f5kto9tg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.76rem;
    font-weight: 500;
}
.sgnfse-upload-chip--ok[b-l2f5kto9tg]   { background: #dcfce7; color: #166534; }
.sgnfse-upload-chip--warn[b-l2f5kto9tg] { background: #fef3c7; color: #92400e; }
.sgnfse-upload-erros[b-l2f5kto9tg] {
    font-size: 0.76rem;
    padding: 6px 10px;
    background: #fee2e2;
    color: #991b1b;
    border-radius: 6px;
    max-width: 100%;
}
.sgnfse-upload-erros summary[b-l2f5kto9tg] { cursor: pointer; font-weight: 500; }
.sgnfse-upload-erros ul[b-l2f5kto9tg]     { margin: 6px 0 0; padding-left: 18px; }
.sgnfse-upload-erros li[b-l2f5kto9tg]     { margin: 2px 0; }
/* /Components/Processamento/ImprimirBoleto.razor.rz.scp.css */
/* ============================================================
   ImprimirBoleto — Prefixo sgimb-
   Layout: painel esquerdo escuro (stepper) + painel direito branco
   ============================================================ */

.sgimb-container[b-iu3qw2p6uy] {
    width: 100%;
    height: 100%;
    background: #f4f6f8;
}

.sgimb-wizard[b-iu3qw2p6uy] {
    display: flex;
    height: 100%;
    min-height: 560px;
}

/* ══════════════ PAINEL ESQUERDO ══════════════ */
.sgimb-left[b-iu3qw2p6uy] {
    width: 300px;
    min-width: 300px;
    background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
    color: #e2e8f0;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow-y: auto;
}

/* Progress bar no topo */
.sgimb-progress-track[b-iu3qw2p6uy] {
    height: 4px;
    background: rgba(148, 163, 184, 0.20);
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 6px;
}
.sgimb-progress-fill[b-iu3qw2p6uy] {
    height: 100%;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    transition: width 0.3s ease;
}

/* Cabeçalho do painel */
.sgimb-left-header[b-iu3qw2p6uy] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15);
    margin-bottom: 4px;
}
.sgimb-left-icon-wrap[b-iu3qw2p6uy] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(59,130,246,0.30), rgba(59,130,246,0.12));
    border: 1px solid rgba(59,130,246,0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.sgimb-left-icon-wrap span[b-iu3qw2p6uy] { font-size: 18px; color: #93c5fd !important; }
.sgimb-left-icon-wrap span[b-iu3qw2p6uy]::before { color: #93c5fd !important; }

.sgimb-left-heading[b-iu3qw2p6uy] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sgimb-left-title[b-iu3qw2p6uy] { margin: 0; font-size: 0.9rem; font-weight: 700; color: #f1f5f9; }
.sgimb-left-sub[b-iu3qw2p6uy]   { margin: 0; font-size: 0.7rem; color: #94a3b8; }

/* Steps */
.sgimb-step[b-iu3qw2p6uy] {
    display: flex;
    gap: 12px;
    padding: 10px 10px;
    border-radius: 8px;
    transition: background 0.2s;
    cursor: default;
}

.sgimb-step-active[b-iu3qw2p6uy] { background: rgba(59, 130, 246, 0.18); }
.sgimb-step-done[b-iu3qw2p6uy]   { cursor: pointer; opacity: 0.85; }
.sgimb-step-done:hover[b-iu3qw2p6uy] { background: rgba(148, 163, 184, 0.10); opacity: 1; }

.sgimb-step-circle[b-iu3qw2p6uy] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(148, 163, 184, 0.20);
    color: #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 13px;
    flex-shrink: 0;
}
.sgimb-step-active .sgimb-step-circle[b-iu3qw2p6uy] { background: #3b82f6; color: #fff; }
.sgimb-step-done   .sgimb-step-circle[b-iu3qw2p6uy] { background: #10b981; color: #fff; }
.sgimb-step-circle span[class*="icon-"][b-iu3qw2p6uy]::before { color: #fff !important; }

.sgimb-step-content[b-iu3qw2p6uy] { flex: 1; min-width: 0; }
.sgimb-step-title[b-iu3qw2p6uy] { font-size: 13px; font-weight: 600; color: #f1f5f9; line-height: 1.2; }
.sgimb-step-sub[b-iu3qw2p6uy]   { font-size: 11px; color: #94a3b8; margin-top: 2px; }
.sgimb-step-active .sgimb-step-title[b-iu3qw2p6uy] { color: #dbeafe; }

/* Summary no rodapé */
.sgimb-summary[b-iu3qw2p6uy] {
    margin-top: auto;
    padding: 14px;
    background: rgba(15, 23, 42, 0.60);
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sgimb-summary-row[b-iu3qw2p6uy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
}
.sgimb-summary-label[b-iu3qw2p6uy] { color: #94a3b8; display: flex; align-items: center; gap: 6px; }
.sgimb-summary-value[b-iu3qw2p6uy] { color: #f1f5f9; font-weight: 700; font-variant-numeric: tabular-nums; }
.sgimb-summary-sep[b-iu3qw2p6uy]   { height: 1px; background: rgba(148, 163, 184, 0.15); margin: 2px 0; }
.sgimb-summary--ok[b-iu3qw2p6uy]   { color: #34d399 !important; }
.sgimb-summary--erro[b-iu3qw2p6uy] { color: #f87171 !important; }

.sgimb-dot[b-iu3qw2p6uy] {
    width: 8px; height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}
.sgimb-dot--pronto[b-iu3qw2p6uy]    { background: #10b981; }
.sgimb-dot--gerar[b-iu3qw2p6uy]     { background: #f59e0b; }
.sgimb-dot--bloqueado[b-iu3qw2p6uy] { background: #64748b; }

/* ══════════════ PAINEL DIREITO ══════════════ */
.sgimb-right[b-iu3qw2p6uy] {
    flex: 1;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
}

.sgimb-step-body[b-iu3qw2p6uy] {
    flex: 1;
    overflow-y: auto;
    padding: 28px 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sgimb-step-head[b-iu3qw2p6uy] { display: flex; flex-direction: column; gap: 4px; }
.sgimb-step-heading[b-iu3qw2p6uy] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #0f172a;
}
.sgimb-step-desc[b-iu3qw2p6uy] { margin: 0; font-size: 0.82rem; color: #64748b; line-height: 1.5; }

/* ── Footer de ações ── */
.sgimb-footer[b-iu3qw2p6uy] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    border-top: 1px solid rgba(0,0,0,0.08);
    background: #f8fafc;
    flex-shrink: 0;
}
.sgimb-footer-spacer[b-iu3qw2p6uy] { flex: 1; }

.sgimb-btn[b-iu3qw2p6uy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 16px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s, transform 0.1s, background 0.15s;
    border: 1px solid transparent;
}
.sgimb-btn:hover:not(:disabled)[b-iu3qw2p6uy] { transform: translateY(-1px); }
.sgimb-btn:disabled[b-iu3qw2p6uy] { opacity: 0.45; cursor: not-allowed; }
.sgimb-btn span[class*="icon-"][b-iu3qw2p6uy] { font-size: 14px; }

.sgimb-btn--primary[b-iu3qw2p6uy] {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #ffffff;
}
.sgimb-btn--primary:hover:not(:disabled)[b-iu3qw2p6uy] { opacity: 0.92; }
.sgimb-btn--primary span[class*="icon-"][b-iu3qw2p6uy]::before { color: #fff !important; }

.sgimb-btn--secondary[b-iu3qw2p6uy] {
    background: #ffffff;
    color: #2563eb;
    border-color: rgba(37,99,235,0.35);
}
.sgimb-btn--secondary:hover:not(:disabled)[b-iu3qw2p6uy] { background: rgba(37,99,235,0.08); }
.sgimb-btn--secondary span[class*="icon-"][b-iu3qw2p6uy] { color: #2563eb !important; }
.sgimb-btn--secondary span[class*="icon-"][b-iu3qw2p6uy]::before { color: #2563eb !important; }

.sgimb-btn--ghost[b-iu3qw2p6uy] {
    background: transparent;
    color: #475569;
    border-color: transparent;
}
.sgimb-btn--ghost:hover:not(:disabled)[b-iu3qw2p6uy] { background: rgba(0,0,0,0.04); }
.sgimb-btn--ghost span[class*="icon-"][b-iu3qw2p6uy] { color: #475569 !important; }
.sgimb-btn--ghost span[class*="icon-"][b-iu3qw2p6uy]::before { color: #475569 !important; }

/* ── Tabela (step Revisar) ── */
.sgimb-table-wrap[b-iu3qw2p6uy] {
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 8px;
    overflow: auto;
    max-height: calc(100vh - 360px);
}

.sgimb-table[b-iu3qw2p6uy] { width: 100%; border-collapse: collapse; font-size: 0.82rem; }

.sgimb-th[b-iu3qw2p6uy] {
    padding: 10px 12px;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    background: #f8fafc;
    border-bottom: 1px solid rgba(0,0,0,0.10);
    text-align: left;
    white-space: nowrap;
    position: sticky; top: 0; z-index: 2;
}
.sgimb-th--num[b-iu3qw2p6uy] { text-align: right; }
.sgimb-th--actions[b-iu3qw2p6uy] { text-align: center; width: 1%; white-space: nowrap; }
.sgimb-td--actions[b-iu3qw2p6uy] { text-align: center; white-space: nowrap; }

.sgimb-btn-link[b-iu3qw2p6uy] {
    background: transparent;
    border: 1px solid transparent;
    color: #2563eb;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.74rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: background 0.12s, border-color 0.12s;
}
.sgimb-btn-link:hover:not(:disabled)[b-iu3qw2p6uy] {
    background: rgba(37,99,235,0.08);
    border-color: rgba(37,99,235,0.2);
}
.sgimb-btn-link:disabled[b-iu3qw2p6uy] { opacity: 0.45; cursor: not-allowed; }
.sgimb-btn-link span[class*="icon-"][b-iu3qw2p6uy] { font-size: 13px; }
.sgimb-btn-link span[class*="icon-"][b-iu3qw2p6uy]::before { color: #2563eb !important; }

.sgimb-action-note[b-iu3qw2p6uy] {
    display: block;
    font-size: 0.68rem;
    margin-top: 3px;
    color: #64748b;
}
.sgimb-action-note--sucesso[b-iu3qw2p6uy] { color: #15803d; }
.sgimb-action-note--erro[b-iu3qw2p6uy]    { color: #b91c1c; }

.sgimb-row[b-iu3qw2p6uy] { transition: background 0.12s; border-bottom: 1px solid rgba(0,0,0,0.05); }
.sgimb-row:hover[b-iu3qw2p6uy] { background: rgba(37,99,235,0.04); }

.sgimb-td[b-iu3qw2p6uy] { padding: 8px 12px; vertical-align: middle; }
.sgimb-td--num[b-iu3qw2p6uy] { text-align: right; font-variant-numeric: tabular-nums; }
.sgimb-mono[b-iu3qw2p6uy] { font-family: "JetBrains Mono", "Consolas", monospace; font-size: 0.78rem; }
.sgimb-ellipsis[b-iu3qw2p6uy] {
    max-width: 260px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* Status badges */
.sgimb-badge[b-iu3qw2p6uy] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}
.sgimb-badge--pronto[b-iu3qw2p6uy]         { background: rgba(16,185,129,0.15); color: #059669; }
.sgimb-badge--enviado[b-iu3qw2p6uy]        { background: rgba(37,99,235,0.15);  color: #1d4ed8; }
.sgimb-badge--elegivel[b-iu3qw2p6uy]       { background: rgba(245,158,11,0.15); color: #b45309; }
.sgimb-badge--aguardando_nf[b-iu3qw2p6uy]  { background: rgba(249,115,22,0.15); color: #c2410c; }
.sgimb-badge--debito[b-iu3qw2p6uy]         { background: rgba(100,116,139,0.20); color: #475569; }
.sgimb-badge--nao_elegivel[b-iu3qw2p6uy]   { background: rgba(239,68,68,0.15);   color: #b91c1c; }

/* Estados vazio/loading */
.sgimb-loading[b-iu3qw2p6uy], .sgimb-empty[b-iu3qw2p6uy] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 10px; padding: 50px 20px;
    color: #94a3b8; font-size: 0.88rem;
}
.sgimb-empty span[class*="icon-"][b-iu3qw2p6uy] { font-size: 32px; color: #cbd5e1 !important; }
.sgimb-empty span[class*="icon-"][b-iu3qw2p6uy]::before { color: #cbd5e1 !important; }

/* ── Passo Processar — progress bar + lista live ── */
.sgimb-live-progress[b-iu3qw2p6uy] { display: flex; flex-direction: column; gap: 6px; }

.sgimb-live-progress-bar[b-iu3qw2p6uy] {
    height: 8px;
    background: rgba(0,0,0,0.06);
    border-radius: 4px;
    overflow: hidden;
}
.sgimb-live-progress-fill[b-iu3qw2p6uy] {
    height: 100%;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    transition: width 0.3s ease;
}
.sgimb-live-progress-label[b-iu3qw2p6uy] { font-size: 0.78rem; color: #475569; text-align: right; }

.sgimb-live-list[b-iu3qw2p6uy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 8px;
    padding: 10px;
    max-height: calc(100vh - 400px);
    overflow-y: auto;
}

.sgimb-live-row[b-iu3qw2p6uy] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 6px;
    border-left: 3px solid transparent;
    transition: background 0.15s, border-color 0.15s;
    background: #ffffff;
}

.sgimb-live-row--pendente[b-iu3qw2p6uy]    { border-left-color: #cbd5e1;  background: #f8fafc; }
.sgimb-live-row--processando[b-iu3qw2p6uy] { border-left-color: #3b82f6;  background: rgba(59,130,246,0.06); }
.sgimb-live-row--sucesso[b-iu3qw2p6uy]     { border-left-color: #10b981;  background: rgba(16,185,129,0.06); }
.sgimb-live-row--erro[b-iu3qw2p6uy]        { border-left-color: #ef4444;  background: rgba(239,68,68,0.06); }

.sgimb-live-icon[b-iu3qw2p6uy] {
    width: 28px; height: 28px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    background: rgba(0,0,0,0.04);
}
.sgimb-live-icon span[class*="icon-"][b-iu3qw2p6uy] { font-size: 18px; }

.sgimb-live-row--pendente    .sgimb-live-icon span[b-iu3qw2p6uy],
.sgimb-live-row--pendente    .sgimb-live-icon span[b-iu3qw2p6uy]::before { color: #94a3b8 !important; }
.sgimb-live-row--processando .sgimb-live-icon[b-iu3qw2p6uy] { background: rgba(59,130,246,0.15); }
.sgimb-live-row--sucesso     .sgimb-live-icon[b-iu3qw2p6uy] { background: rgba(16,185,129,0.15); }
.sgimb-live-row--sucesso     .sgimb-live-icon span[b-iu3qw2p6uy],
.sgimb-live-row--sucesso     .sgimb-live-icon span[b-iu3qw2p6uy]::before { color: #059669 !important; }
.sgimb-live-row--erro        .sgimb-live-icon[b-iu3qw2p6uy] { background: rgba(239,68,68,0.15); }
.sgimb-live-row--erro        .sgimb-live-icon span[b-iu3qw2p6uy],
.sgimb-live-row--erro        .sgimb-live-icon span[b-iu3qw2p6uy]::before { color: #dc2626 !important; }

.sgimb-live-info[b-iu3qw2p6uy] { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sgimb-live-title[b-iu3qw2p6uy] { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; font-weight: 600; color: #0f172a; }
.sgimb-live-pagador[b-iu3qw2p6uy] {
    color: #334155; font-weight: 500;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.sgimb-live-meta[b-iu3qw2p6uy] { font-size: 0.72rem; color: #64748b; }
.sgimb-live-msg[b-iu3qw2p6uy] { font-weight: 600; color: #0f172a; }

.sgimb-live-row--sucesso .sgimb-live-msg[b-iu3qw2p6uy] { color: #059669; }
.sgimb-live-row--erro    .sgimb-live-msg[b-iu3qw2p6uy] { color: #b91c1c; }

/* Spinner */
.sgimb-spin[b-iu3qw2p6uy] {
    display: inline-block;
    width: 14px; height: 14px;
    border: 2px solid rgba(0,0,0,0.10);
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: sgimb-spin-b-iu3qw2p6uy 0.75s linear infinite;
}
.sgimb-spin--lg[b-iu3qw2p6uy] { width: 32px; height: 32px; border-width: 3px; }

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

/* ── Passo Resultado — cards ── */
.sgimb-result-cards[b-iu3qw2p6uy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}

.sgimb-result-card[b-iu3qw2p6uy] {
    padding: 16px 18px;
    border-radius: 10px;
    border: 1px solid;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.sgimb-result-card-value[b-iu3qw2p6uy] {
    font-size: 1.8rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}
.sgimb-result-card-label[b-iu3qw2p6uy] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sgimb-result-card--ok[b-iu3qw2p6uy] {
    background: rgba(16,185,129,0.08); border-color: rgba(16,185,129,0.30);
    color: #059669;
}
.sgimb-result-card--gerados[b-iu3qw2p6uy] {
    background: rgba(37,99,235,0.08); border-color: rgba(37,99,235,0.30);
    color: #1d4ed8;
}
.sgimb-result-card--erro[b-iu3qw2p6uy] {
    background: rgba(239,68,68,0.08); border-color: rgba(239,68,68,0.30);
    color: #b91c1c;
}
.sgimb-result-card--bloqueado[b-iu3qw2p6uy] {
    background: rgba(100,116,139,0.12); border-color: rgba(100,116,139,0.25);
    color: #475569;
}

/* PDFs individuais */
.sgimb-pdf-list[b-iu3qw2p6uy] {
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 8px;
    overflow: hidden;
}
.sgimb-pdf-list-head[b-iu3qw2p6uy] {
    display: flex; align-items: center; gap: 8px;
    padding: 10px 14px;
    background: #f8fafc;
    font-size: 0.74rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.04em;
    color: #475569;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
.sgimb-pdf-list-head span[class*="icon-"][b-iu3qw2p6uy] { font-size: 14px; color: #dc2626 !important; }
.sgimb-pdf-list-head span[class*="icon-"][b-iu3qw2p6uy]::before { color: #dc2626 !important; }

.sgimb-pdf-grid[b-iu3qw2p6uy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 8px;
    padding: 12px;
}

.sgimb-pdf-item[b-iu3qw2p6uy] {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 12px;
    border: 1px solid rgba(0,0,0,0.10);
    border-radius: 6px;
    text-decoration: none;
    color: #0f172a;
    transition: background 0.15s, border-color 0.15s;
}
.sgimb-pdf-item:hover[b-iu3qw2p6uy] {
    background: rgba(37,99,235,0.06);
    border-color: rgba(37,99,235,0.30);
}
.sgimb-pdf-item span[class*="icon-"][b-iu3qw2p6uy] { font-size: 20px; color: #dc2626 !important; flex-shrink: 0; }
.sgimb-pdf-item span[class*="icon-"][b-iu3qw2p6uy]::before { color: #dc2626 !important; }

.sgimb-pdf-item-text[b-iu3qw2p6uy] {
    display: flex; flex-direction: column; gap: 1px; min-width: 0;
}
.sgimb-pdf-item-sub[b-iu3qw2p6uy] {
    font-size: 0.72rem; color: #64748b;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* Falhas */
.sgimb-falhas[b-iu3qw2p6uy] {
    border: 1px solid rgba(239,68,68,0.25);
    background: rgba(239,68,68,0.04);
    border-radius: 8px;
    padding: 10px 14px;
    display: flex; flex-direction: column; gap: 6px;
}
.sgimb-falhas-head[b-iu3qw2p6uy] {
    display: flex; align-items: center; gap: 8px;
    font-size: 0.8rem; font-weight: 700;
    color: #b91c1c;
}
.sgimb-falhas-head span[class*="icon-"][b-iu3qw2p6uy] { font-size: 16px; color: #b91c1c !important; }
.sgimb-falhas-head span[class*="icon-"][b-iu3qw2p6uy]::before { color: #b91c1c !important; }

.sgimb-falha-row[b-iu3qw2p6uy] {
    display: flex;
    gap: 10px;
    font-size: 0.78rem;
    color: #7f1d1d;
    padding: 4px 0;
}
/* /Components/Processamento/ImprimirDANFeNFe.razor.rz.scp.css */
/* ===== ImprimirDANFeNFe — sgprt- prefix ===== */

.sgprt-container[b-0zfmf7rwkg] {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0;
}

.sgprt-card[b-0zfmf7rwkg] {
    width: 100%;
    height: 100%;
    min-height: 500px;
    background-color: var(--color-sf-content-bg-color);
    color: var(--color-sf-content-text-color);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

/* --- Top-bar escuro --- */
.sgprt-topbar[b-0zfmf7rwkg] {
    width: 100%;
    flex-shrink: 0;
    background-color: var(--color-sf-appbar-bg-color-alt1);
    padding: 12px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.sgprt-topbar-title[b-0zfmf7rwkg] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sgprt-topbar-title span[b-0zfmf7rwkg] {
    color: var(--color-sf-appbar-color-alt1);
    font-size: 18px;
}

.sgprt-topbar-title h5[b-0zfmf7rwkg] {
    color: var(--color-sf-appbar-color-alt1);
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
    white-space: nowrap;
}

.sgprt-topbar-info[b-0zfmf7rwkg] {
    color: var(--color-sf-appbar-color-alt1);
    font-size: 0.82rem;
    opacity: 0.8;
}

/* --- Área de conteúdo --- */
.sgprt-body[b-0zfmf7rwkg] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* --- Centralizado (loading, erro, vazio) --- */
.sgprt-center[b-0zfmf7rwkg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
    padding: 24px;
    color: var(--color-sf-content-text-color);
    font-size: 0.9rem;
}

.sgprt-spinner[b-0zfmf7rwkg] {
    font-size: 32px;
    color: var(--color-sf-primary);
}

.sgprt-empty-icon[b-0zfmf7rwkg] {
    font-size: 48px;
    opacity: 0.4;
}

.sgprt-btn-fechar[b-0zfmf7rwkg] {
    margin-top: 12px;
}

/* --- Modo Lote --- */
.sgprt-lote[b-0zfmf7rwkg] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 32px;
    overflow-y: auto;
    flex: 1;
}

.sgprt-lote-stats[b-0zfmf7rwkg] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.sgprt-stat[b-0zfmf7rwkg] {
    min-width: 100px;
    text-align: center;
    padding: 12px 16px;
    border-radius: 6px;
}

.sgprt-stat-num[b-0zfmf7rwkg] {
    font-size: 1.5rem;
    font-weight: 700;
}

.sgprt-stat-label[b-0zfmf7rwkg] {
    font-size: 0.78rem;
    opacity: 0.8;
    margin-top: 2px;
}

.sgprt-stat--total[b-0zfmf7rwkg] {
    background-color: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-color);
    color: var(--color-sf-content-text-color);
}

.sgprt-stat--sucesso[b-0zfmf7rwkg] {
    background-color: color-mix(in srgb, var(--color-sf-success) 12%, transparent);
    border: 1px solid var(--color-sf-success);
    color: var(--color-sf-content-text-color);
}

.sgprt-stat--erro[b-0zfmf7rwkg] {
    background-color: color-mix(in srgb, var(--color-sf-danger) 12%, transparent);
    border: 1px solid var(--color-sf-danger);
    color: var(--color-sf-content-text-color);
}

/* --- Log de resultados --- */
.sgprt-lote-log[b-0zfmf7rwkg] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 300px;
    overflow-y: auto;
}

.sgprt-log-item[b-0zfmf7rwkg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 0.85rem;
}

.sgprt-log-item.sucesso[b-0zfmf7rwkg] {
    background-color: color-mix(in srgb, var(--color-sf-success) 10%, transparent);
    border-left: 3px solid var(--color-sf-success);
}

.sgprt-log-item.erro[b-0zfmf7rwkg] {
    background-color: color-mix(in srgb, var(--color-sf-danger) 10%, transparent);
    border-left: 3px solid var(--color-sf-danger);
}

.sgprt-log-icon[b-0zfmf7rwkg] {
    font-weight: 700;
    min-width: 16px;
}

.sgprt-log-chave[b-0zfmf7rwkg] {
    font-weight: 500;
    font-size: 0.8rem;
    min-width: 80px;
}

.sgprt-log-msg[b-0zfmf7rwkg] {
    flex: 1;
    color: var(--color-sf-content-text-color-alt1);
}

/* --- Viewer no lote --- */
.sgprt-lote-viewer[b-0zfmf7rwkg] {
    flex: 1;
    min-height: 400px;
    border: 1px solid var(--color-sf-border-color);
    border-radius: 8px;
    overflow: hidden;
}

.sgprt-lote-footer[b-0zfmf7rwkg] {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
}
/* /Components/Processamento/ImprimirRps.razor.rz.scp.css */
/* ============================================================
   Imprimir RPS — Recibo Provisório de Serviços (NFS-e style)
   CSS prefix: sgrps-
   @media print: oculta toolbar, foca no papel
   ============================================================ */

.sgrps-container[b-93ou2oiiu2] { padding: 16px; height: 100%; display: flex; flex-direction: column; }

.sgrps-loading[b-93ou2oiiu2],
.sgrps-empty[b-93ou2oiiu2] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    flex: 1; gap: 16px; color: #6b7280;
}
.sgrps-spinner[b-93ou2oiiu2] {
    width: 40px; height: 40px; border-radius: 50%;
    border: 3px solid #e5e7eb; border-top-color: #2563eb;
    animation: sgrps-spin-b-93ou2oiiu2 0.8s linear infinite;
}
.sgrps-empty-icon[b-93ou2oiiu2] { font-size: 48px; color: #9ca3af; }
@keyframes sgrps-spin-b-93ou2oiiu2 { to { transform: rotate(360deg); } }

/* ───────── Toolbar ───────── */
.sgrps-toolbar[b-93ou2oiiu2] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 12px; background: #f8fafc;
    border: 1px solid #e2e8f0; border-radius: 8px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.sgrps-pager[b-93ou2oiiu2] { font-size: 13px; color: #475569; padding: 0 6px; }
.sgrps-toolbar-sep[b-93ou2oiiu2] { width: 1px; height: 24px; background: #cbd5e1; margin: 0 4px; }
.sgrps-toolbar-spacer[b-93ou2oiiu2] { flex: 1; }

.sgrps-btn[b-93ou2oiiu2] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 600;
    border: 1px solid transparent; cursor: pointer; transition: all .15s;
}
.sgrps-btn:disabled[b-93ou2oiiu2] { opacity: 0.5; cursor: not-allowed; }
.sgrps-btn--ghost[b-93ou2oiiu2] { background: transparent; color: #475569; border-color: transparent; }
.sgrps-btn--ghost:hover:not(:disabled)[b-93ou2oiiu2] { background: #e2e8f0; }
.sgrps-btn--primary[b-93ou2oiiu2] { background: #2563eb; color: #fff; }
.sgrps-btn--primary:hover:not(:disabled)[b-93ou2oiiu2] { background: #1d4ed8; }
.sgrps-btn--secondary[b-93ou2oiiu2] { background: #fff; color: #2563eb; border-color: #2563eb; }
.sgrps-btn--secondary:hover:not(:disabled)[b-93ou2oiiu2] { background: #eff6ff; }
.sgrps-btn--exec[b-93ou2oiiu2] { background: #16a34a; color: #fff; }
.sgrps-btn--exec:hover:not(:disabled)[b-93ou2oiiu2] { background: #15803d; }
.sgrps-btn--lote[b-93ou2oiiu2] { margin-left: 4px; }

.sgrps-status[b-93ou2oiiu2] {
    font-size: 12px; padding: 4px 10px; border-radius: 4px; font-weight: 600;
}
.sgrps-status--ok[b-93ou2oiiu2] { background: #dcfce7; color: #166534; }
.sgrps-status--err[b-93ou2oiiu2] { background: #fee2e2; color: #991b1b; }

/* ───────── Papel do RPS ───────── */
.sgrps-paper-wrap[b-93ou2oiiu2] {
    flex: 1; overflow: auto; background: #e5e7eb; padding: 24px;
    display: flex; justify-content: center;
}
.sgrps-paper[b-93ou2oiiu2] {
    width: 800px; max-width: 100%; background: #fff;
    padding: 32px; box-shadow: 0 4px 12px rgba(0,0,0,.08);
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000;
}

/* Header line do RPS */
.sgrps-header-line[b-93ou2oiiu2] {
    font-size: 13px; padding-bottom: 12px; border-bottom: 1px solid #000;
}

/* Linhas com 2 blocos lado-a-lado */
.sgrps-row[b-93ou2oiiu2] { margin-top: 10px; }
.sgrps-row--double[b-93ou2oiiu2] { display: flex; gap: 0; align-items: stretch; }

/* Bloco emitente (esquerda do header) */
.sgrps-emitente[b-93ou2oiiu2] {
    flex: 2; border: 1px solid #000; padding: 8px;
    text-align: center; font-size: 10px;
}
.sgrps-emitente-name[b-93ou2oiiu2] { font-weight: bold; font-size: 11px; margin-bottom: 4px; }
.sgrps-emitente-line[b-93ou2oiiu2] { line-height: 1.4; }
.sgrps-muted[b-93ou2oiiu2] { color: #444; font-weight: normal; }

/* Bloco numeração (direita do header) */
.sgrps-numero-box[b-93ou2oiiu2] {
    flex: 1; border: 1px solid #000; border-left: none; padding: 8px;
    text-align: center;
}
.sgrps-numero-row[b-93ou2oiiu2] { margin-bottom: 6px; }
.sgrps-numero-label[b-93ou2oiiu2] { font-size: 9px; color: #555; }
.sgrps-numero-value[b-93ou2oiiu2] { font-size: 14px; font-weight: bold; }
.sgrps-numero-value--sm[b-93ou2oiiu2] { font-size: 11px; }

/* Section title (cabeçalho de bloco) */
.sgrps-section-title[b-93ou2oiiu2] {
    margin-top: 12px; padding: 4px 0;
    font-size: 10px; font-weight: bold; letter-spacing: 0.04em;
    border-bottom: 1px solid #000;
}
.sgrps-section-title--center[b-93ou2oiiu2] { text-align: center; }

/* Tomador — grid 4 colunas (como o screenshot) */
.sgrps-tomador-grid[b-93ou2oiiu2] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    border: 1px solid #000;
    border-bottom: none;
}
.sgrps-field[b-93ou2oiiu2] {
    padding: 4px 8px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    display: flex; flex-direction: column; gap: 2px;
}
.sgrps-field--wide[b-93ou2oiiu2] { grid-column: span 1; }
.sgrps-field--narrow[b-93ou2oiiu2] { grid-column: span 1; }
.sgrps-field-label[b-93ou2oiiu2] { font-size: 8px; color: #555; text-transform: uppercase; letter-spacing: 0.04em; }
.sgrps-field-value[b-93ou2oiiu2] { font-size: 11px; min-height: 14px; }

/* Discriminação */
.sgrps-discriminacao[b-93ou2oiiu2] {
    border: 1px solid #000; padding: 8px; min-height: 80px;
    line-height: 1.5;
}
.sgrps-discriminacao-obs[b-93ou2oiiu2] { margin-top: 12px; }

/* Código de serviço */
.sgrps-codigo-servico[b-93ou2oiiu2] {
    border: 1px solid #000; border-top: none; padding: 4px 8px;
    font-size: 11px;
}

/* Tabela de valores */
.sgrps-valores[b-93ou2oiiu2] {
    width: 100%; border-collapse: collapse;
    border: 1px solid #000;
}
.sgrps-valores th[b-93ou2oiiu2], .sgrps-valores td[b-93ou2oiiu2] {
    padding: 6px 10px; border: 1px solid #000;
    font-size: 11px; text-align: left; font-weight: normal;
}
.sgrps-valores th[b-93ou2oiiu2] {
    background: #f8f8f8; width: 25%;
}
.sgrps-valores td[b-93ou2oiiu2] { width: 25%; }

/* Retenções federais */
.sgrps-retencoes[b-93ou2oiiu2] {
    border: 1px solid #000; border-top: none; padding: 6px 10px;
    font-size: 11px;
}

/* Outras informações */
.sgrps-outras-info[b-93ou2oiiu2] {
    border: 1px solid #000; padding: 8px;
    min-height: 60px; font-size: 10px; color: #444;
}

.sgrps-footer[b-93ou2oiiu2] {
    text-align: center; margin-top: 16px; padding-top: 8px;
    border-top: 1px solid #ccc; font-size: 10px; color: #666;
}

/* CSS de print global está em wwwroot/app.css (escopado não alcança body/dialog wrapper Syncfusion). */
/* /Components/Processamento/ProcessamentoLote.razor.rz.scp.css */
/* ============================================================
   ProcessamentoLote — Prefixo: sglote-
   Design: Premium wizard com stepper customizado
   Paleta: Azul primário do Syncfusion Fluent 2
   Painel esquerdo: gradiente escuro + cards de step animados
   Painel direito: conteúdo limpo — grid, log, resumo
   ============================================================ */

.sglote-container[b-u401vbl8fq] {
    --sglote-accent:       var(--color-sf-primary, #0078d4);
    --sglote-accent-light: color-mix(in srgb, var(--color-sf-primary) 70%, #fff);
    --sglote-success:      var(--color-sf-success, #107c10);
    --sglote-danger:       var(--color-sf-danger, #d83b01);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* ── Wizard layout ───────────────────────────────────────── */
.sglote-wizard[b-u401vbl8fq] {
    display: flex;
    height: 100%;
    min-height: 400px;
    flex: 1;
    overflow: hidden;
}

/* ══════════ PAINEL ESQUERDO ══════════ */
.sglote-left[b-u401vbl8fq] {
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    background: linear-gradient(180deg, #0a0f1a 0%, #0d1525 45%, #111d30 100%);
    display: flex;
    flex-direction: column;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    position: relative;
}

/* Ponto de luz sutil no canto superior */
.sglote-left[b-u401vbl8fq]::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(0, 120, 212, 0.15) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.sglote-left[b-u401vbl8fq]::after {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 1px; height: 100%;
    background: linear-gradient(180deg, transparent 0%, rgba(0,120,212,0.30) 30%, rgba(0,120,212,0.15) 70%, transparent 100%);
    z-index: 1;
}

/* ── Progress bar topo ── */
.sglote-progress-track[b-u401vbl8fq] {
    height: 3px;
    background: rgba(255,255,255,0.06);
    z-index: 2;
    flex-shrink: 0;
}

.sglote-progress-fill[b-u401vbl8fq] {
    height: 100%;
    background: linear-gradient(90deg, var(--sglote-accent) 0%, var(--sglote-accent-light) 100%);
    transition: width 0.5s cubic-bezier(0.4,0,0.2,1);
    box-shadow: 0 0 8px color-mix(in srgb, var(--sglote-accent) 60%, transparent);
}

/* ── Header esquerdo ── */
.sglote-left-header[b-u401vbl8fq] {
    position: relative; z-index: 2;
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    display: flex; align-items: center; gap: 12px;
    flex-shrink: 0;
}

.sglote-left-icon-wrap[b-u401vbl8fq] {
    width: 40px; height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--sglote-accent) 25%, transparent), color-mix(in srgb, var(--sglote-accent) 10%, transparent));
    border: 1px solid color-mix(in srgb, var(--sglote-accent) 35%, transparent);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 0 12px color-mix(in srgb, var(--sglote-accent) 20%, transparent);
}
.sglote-left-icon-wrap span[b-u401vbl8fq] { color: var(--sglote-accent-light) !important; font-size: 18px; }
.sglote-left-icon-wrap span[b-u401vbl8fq]::before { color: var(--sglote-accent-light) !important; }

.sglote-left-heading[b-u401vbl8fq] { display: flex; flex-direction: column; gap: 2px; }
.sglote-left-title[b-u401vbl8fq] {
    font-size: 0.8rem; font-weight: 700; color: #d1e4f5;
    margin: 0; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2;
}
.sglote-left-sub[b-u401vbl8fq] { font-size: 0.69rem; color: rgba(255,255,255,0.38); margin: 0; }

/* ── Steps ── */
.sglote-steps[b-u401vbl8fq] {
    position: relative; z-index: 2;
    flex: 1; padding: 20px 12px 16px;
    display: flex; flex-direction: column; gap: 0;
}

.sglote-step-card[b-u401vbl8fq] {
    position: relative;
    display: flex; align-items: center; gap: 12px;
    padding: 12px 12px 12px 10px;
    border-radius: 10px;
    transition: background 0.25s, box-shadow 0.25s;
    cursor: default; overflow: hidden;
}

/* Pending */
.sglote-step-card--pending .sglote-step-indicator[b-u401vbl8fq] { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.10); }
.sglote-step-card--pending .sglote-step-num[b-u401vbl8fq] { color: rgba(255,255,255,0.25); }
.sglote-step-card--pending .sglote-step-card-title[b-u401vbl8fq] { color: rgba(255,255,255,0.30); }
.sglote-step-card--pending .sglote-step-card-desc[b-u401vbl8fq] { color: rgba(255,255,255,0.18); }

/* Active */
.sglote-step-card--active[b-u401vbl8fq] {
    background: color-mix(in srgb, var(--sglote-accent) 8%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sglote-accent) 20%, transparent);
}
.sglote-step-card--active .sglote-step-indicator[b-u401vbl8fq] {
    background: linear-gradient(135deg, var(--sglote-accent), color-mix(in srgb, var(--sglote-accent) 80%, #000));
    border-color: var(--sglote-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--sglote-accent) 20%, transparent), 0 0 16px color-mix(in srgb, var(--sglote-accent) 35%, transparent);
    animation: sglote-pulse-b-u401vbl8fq 2s ease-in-out infinite;
}
.sglote-step-card--active .sglote-step-num[b-u401vbl8fq] { color: #fff; }
.sglote-step-card--active .sglote-step-card-title[b-u401vbl8fq] { color: #d1e4f5; font-weight: 600; }
.sglote-step-card--active .sglote-step-card-desc[b-u401vbl8fq] { color: rgba(180,210,240,0.65); }

/* Done */
.sglote-step-card--done[b-u401vbl8fq] { background: color-mix(in srgb, var(--sglote-accent) 5%, transparent); }
.sglote-step-card--done .sglote-step-indicator[b-u401vbl8fq] { background: color-mix(in srgb, var(--sglote-accent) 15%, transparent); border-color: color-mix(in srgb, var(--sglote-accent) 40%, transparent); }
.sglote-step-card--done .sglote-check-path[b-u401vbl8fq] { color: var(--sglote-accent-light); stroke-dasharray: 30; stroke-dashoffset: 0; animation: sglote-draw-check-b-u401vbl8fq 0.45s ease-out forwards; }
.sglote-step-card--done .sglote-step-card-title[b-u401vbl8fq] { color: rgba(255,255,255,0.55); }
.sglote-step-card--done .sglote-step-card-desc[b-u401vbl8fq] { color: rgba(255,255,255,0.28); }

/* Success */
.sglote-step-card--success[b-u401vbl8fq] {
    background: color-mix(in srgb, var(--sglote-success) 10%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sglote-success) 25%, transparent);
}
.sglote-step-card--success .sglote-step-indicator[b-u401vbl8fq] {
    background: linear-gradient(135deg, var(--sglote-success), color-mix(in srgb, var(--sglote-success) 70%, #000));
    border-color: var(--sglote-success);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--sglote-success) 20%, transparent), 0 0 16px color-mix(in srgb, var(--sglote-success) 40%, transparent);
}
.sglote-step-card--success .sglote-check-path[b-u401vbl8fq] { color: #fff; stroke: #fff; }
.sglote-step-card--success .sglote-step-card-title[b-u401vbl8fq] { color: #a7f3d0; font-weight: 600; }
.sglote-step-card--success .sglote-step-card-desc[b-u401vbl8fq] { color: rgba(167,243,208,0.60); }

.sglote-step-active-bar[b-u401vbl8fq] {
    position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px;
    border-radius: 0 2px 2px 0;
    background: linear-gradient(180deg, var(--sglote-accent-light), var(--sglote-accent));
    box-shadow: 0 0 8px color-mix(in srgb, var(--sglote-accent) 60%, transparent);
}

/* Indicador circular */
.sglote-step-indicator[b-u401vbl8fq] {
    width: 36px; height: 36px; border-radius: 50%;
    border: 1.5px solid transparent;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; transition: all 0.3s;
}
.sglote-step-num[b-u401vbl8fq] { font-size: 0.78rem; font-weight: 700; line-height: 1; }
.sglote-step-card-title[b-u401vbl8fq] { font-size: 0.78rem; font-weight: 500; line-height: 1.2; }
.sglote-step-card-desc[b-u401vbl8fq] { font-size: 0.65rem; line-height: 1.3; margin-top: 2px; }

/* Connector */
.sglote-step-connector[b-u401vbl8fq] { display: flex; justify-content: center; padding: 0 0 0 28px; height: 24px; }
.sglote-step-connector-line[b-u401vbl8fq] { width: 1.5px; height: 100%; background: rgba(255,255,255,0.08); transition: background 0.4s; }
.sglote-step-connector-line--done[b-u401vbl8fq] { background: color-mix(in srgb, var(--sglote-accent) 40%, transparent); }

/* ══════════ PAINEL DIREITO ══════════ */
.sglote-right[b-u401vbl8fq] {
    flex: 1; display: flex; flex-direction: column;
    overflow: hidden;
    background: var(--color-sf-content-bg-color);
}

/* ── Step header ── */
.sglote-step-header[b-u401vbl8fq] {
    display: flex; align-items: center; gap: 10px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--color-sf-border-light);
    flex-shrink: 0;
}
.sglote-step-badge[b-u401vbl8fq] {
    width: 28px; height: 28px; border-radius: 50%;
    background: var(--sglote-accent); color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.78rem; font-weight: 700; flex-shrink: 0;
}
.sglote-step-badge--success[b-u401vbl8fq] { background: var(--sglote-success); }
.sglote-step-title[b-u401vbl8fq] { font-size: 0.95rem; font-weight: 600; margin: 0; color: var(--color-sf-content-text-color); }
.sglote-step-counter[b-u401vbl8fq] {
    margin-left: auto; font-size: 0.78rem; font-weight: 600;
    color: var(--sglote-accent);
}

/* ── Grid de prévia ── */
.sglote-grid[b-u401vbl8fq] { flex: 1; overflow: auto; padding-left: 20px; }
.sglote-table[b-u401vbl8fq] { width: 100%; border-collapse: collapse; font-size: 0.82rem; }
.sglote-th[b-u401vbl8fq] {
    padding: 8px 12px; text-align: left; font-weight: 600; font-size: 0.75rem;
    color: var(--color-sf-content-text-color-alt1);
    background: var(--color-sf-content-bg-color-alt1);
    border-bottom: 1px solid var(--color-sf-border-light);
    position: sticky; top: 0; z-index: 1; white-space: nowrap;
}
.sglote-th--pk[b-u401vbl8fq] { width: 80px; text-align: right; }
.sglote-td[b-u401vbl8fq] {
    padding: 6px 12px; border-bottom: 1px solid var(--color-sf-border-light);
    color: var(--color-sf-content-text-color);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px;
}
.sglote-td--pk[b-u401vbl8fq] { text-align: right; width: 80px; }
.sglote-row:hover[b-u401vbl8fq] { background: var(--color-sf-content-bg-color-alt1); }

/* ── Log de execução ── */
.sglote-log[b-u401vbl8fq] { flex: 1; overflow-y: auto; padding: 8px 0; }
.sglote-log-item[b-u401vbl8fq] {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 20px;
    border-bottom: 1px solid var(--color-sf-border-light);
    transition: background 0.2s;
}
.sglote-log-item--executando[b-u401vbl8fq] { background: color-mix(in srgb, var(--sglote-accent) 6%, transparent); }
.sglote-log-item--sucesso[b-u401vbl8fq] { background: color-mix(in srgb, var(--sglote-success) 4%, transparent); }
.sglote-log-item--erro[b-u401vbl8fq] { background: color-mix(in srgb, var(--sglote-danger) 4%, transparent); }

.sglote-log-status[b-u401vbl8fq] { width: 24px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sglote-log-icon[b-u401vbl8fq] { font-size: 16px; }
.sglote-log-icon--pendente[b-u401vbl8fq] { color: var(--color-sf-content-text-color-alt1) !important; }
.sglote-log-icon--pendente[b-u401vbl8fq]::before { color: var(--color-sf-content-text-color-alt1) !important; }
.sglote-log-icon--executando[b-u401vbl8fq] { color: var(--sglote-accent) !important; }
.sglote-log-icon--executando[b-u401vbl8fq]::before { color: var(--sglote-accent) !important; }
.sglote-log-icon--sucesso[b-u401vbl8fq] { color: var(--sglote-success) !important; }
.sglote-log-icon--sucesso[b-u401vbl8fq]::before { color: var(--sglote-success) !important; }
.sglote-log-icon--erro[b-u401vbl8fq] { color: var(--sglote-danger) !important; }
.sglote-log-icon--erro[b-u401vbl8fq]::before { color: var(--sglote-danger) !important; }

.sglote-log-info[b-u401vbl8fq] { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
.sglote-log-pk[b-u401vbl8fq] { font-weight: 600; font-size: 0.78rem; color: var(--color-sf-content-text-color); min-width: 60px; }
.sglote-log-field[b-u401vbl8fq] { font-size: 0.78rem; color: var(--color-sf-content-text-color-alt1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px; }
.sglote-log-msg[b-u401vbl8fq] { margin-left: auto; font-size: 0.75rem; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sglote-msg--ok[b-u401vbl8fq] { color: var(--sglote-success); }
.sglote-msg--erro[b-u401vbl8fq] { color: var(--sglote-danger); font-weight: 500; }

/* ── Resumo ── */
/* ── Resultado — animação de conclusão ── */
.sglote-result-area[b-u401vbl8fq] {
    flex: 1; display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    padding: 24px 20px; gap: 32px;
    animation: sglote-fade-in-b-u401vbl8fq 0.5s ease-out;
}

.sglote-result[b-u401vbl8fq] {
    display: flex; align-items: center; gap: 20px;
    padding: 24px 32px; border-radius: 16px;
    animation: sglote-slide-up-b-u401vbl8fq 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.sglote-result--ok[b-u401vbl8fq] {
    background: color-mix(in srgb, var(--sglote-success) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--sglote-success) 25%, transparent);
}
.sglote-result--erro[b-u401vbl8fq] {
    background: color-mix(in srgb, var(--sglote-danger) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--sglote-danger) 25%, transparent);
}

.sglote-result-icon-wrap[b-u401vbl8fq] {
    position: relative; width: 64px; height: 64px; flex-shrink: 0;
}
.sglote-result-icon-ring[b-u401vbl8fq] {
    position: absolute; inset: 0; border-radius: 50%;
    border: 1.5px solid currentColor; opacity: 0.15;
}
.sglote-result--ok .sglote-result-icon-wrap[b-u401vbl8fq] { color: var(--sglote-success); }
.sglote-result--erro .sglote-result-icon-wrap[b-u401vbl8fq] { color: var(--sglote-danger); }

/* SVG checkmark animado */
.sglote-result-checkmark[b-u401vbl8fq] { width: 64px; height: 64px; }

.sglote-result-circle[b-u401vbl8fq] {
    stroke-width: 2;
    stroke-miterlimit: 10;
    animation: sglote-circle-fill-b-u401vbl8fq 0.6s ease-in-out 0.1s forwards;
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
}
.sglote-result--ok .sglote-result-circle[b-u401vbl8fq] { stroke: var(--sglote-success); }
.sglote-result--erro .sglote-result-circle[b-u401vbl8fq] { stroke: var(--sglote-danger); }

.sglote-result-check[b-u401vbl8fq] {
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: sglote-check-stroke-b-u401vbl8fq 0.4s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards;
}
.sglote-result--ok .sglote-result-check[b-u401vbl8fq] { stroke: var(--sglote-success); }
.sglote-result--erro .sglote-result-check[b-u401vbl8fq] { stroke: var(--sglote-danger); }

.sglote-result-body[b-u401vbl8fq] { display: flex; flex-direction: column; gap: 6px; }
.sglote-result-headline[b-u401vbl8fq] {
    margin: 0; font-size: 1.05rem; font-weight: 700;
    color: var(--color-sf-content-text-color);
}
.sglote-result-detail[b-u401vbl8fq] {
    margin: 0; font-size: 0.85rem;
    color: var(--color-sf-content-text-color-alt1);
}
.sglote-result-detail--erro[b-u401vbl8fq] { color: var(--sglote-danger); font-weight: 500; }

.sglote-resumo[b-u401vbl8fq] {
    display: flex; justify-content: center; gap: 24px;
    padding: 0 20px; align-items: center;
    animation: sglote-fade-in-b-u401vbl8fq 0.8s ease-out 0.3s both;
}
.sglote-stat[b-u401vbl8fq] {
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    padding: 20px 32px; border-radius: 12px; border: 1px solid var(--color-sf-border-light);
}
.sglote-stat-value[b-u401vbl8fq] { font-size: 2rem; font-weight: 700; line-height: 1; }
.sglote-stat-label[b-u401vbl8fq] { font-size: 0.78rem; color: var(--color-sf-content-text-color-alt1); font-weight: 500; }
.sglote-stat--total .sglote-stat-value[b-u401vbl8fq] { color: var(--sglote-accent); }
.sglote-stat--ok .sglote-stat-value[b-u401vbl8fq] { color: var(--sglote-success); }
.sglote-stat--erro .sglote-stat-value[b-u401vbl8fq] { color: var(--sglote-danger); }

/* ── Erros ── */
.sglote-erros[b-u401vbl8fq] { padding: 0 20px 20px; }
.sglote-erros-title[b-u401vbl8fq] { font-size: 0.85rem; font-weight: 600; margin: 0 0 8px; color: var(--sglote-danger); }
.sglote-erro-item[b-u401vbl8fq] { display: flex; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--color-sf-border-light); font-size: 0.8rem; }
.sglote-erro-pk[b-u401vbl8fq] { font-weight: 600; color: var(--color-sf-content-text-color); min-width: 60px; }
.sglote-erro-msg[b-u401vbl8fq] { color: var(--sglote-danger); }

/* ── Footer ── */
.sglote-footer[b-u401vbl8fq] {
    display: flex; justify-content: flex-end; align-items: center; gap: 10px;
    padding: 12px 20px;
    border-top: 1px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color-alt1);
    flex-shrink: 0;
}
.sglote-btn[b-u401vbl8fq] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 18px; border-radius: 4px; font-size: 0.82rem; font-weight: 500;
    cursor: pointer; border: none; transition: opacity 0.15s;
}
.sglote-btn:hover[b-u401vbl8fq] { opacity: 0.88; }

.sglote-btn--cancel[b-u401vbl8fq] { background: transparent; color: var(--color-sf-content-text-color-alt1); border: 1px solid var(--color-sf-border-light); }
.sglote-btn--cancel span[b-u401vbl8fq] { color: var(--color-sf-content-text-color-alt1) !important; }
.sglote-btn--cancel span[b-u401vbl8fq]::before { color: var(--color-sf-content-text-color-alt1) !important; }

.sglote-btn--exec[b-u401vbl8fq] { background: var(--sglote-accent); color: #fff; }
.sglote-btn--exec span[b-u401vbl8fq] { color: #fff !important; }
.sglote-btn--exec span[b-u401vbl8fq]::before { color: #fff !important; }

.sglote-btn--done[b-u401vbl8fq] { background: var(--sglote-success); color: #fff; }
.sglote-btn--done span[b-u401vbl8fq] { color: #fff !important; }
.sglote-btn--done span[b-u401vbl8fq]::before { color: #fff !important; }

/* ── Animations ── */
@keyframes sglote-pulse-b-u401vbl8fq {
    0%, 100% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--sglote-accent) 20%, transparent), 0 0 16px color-mix(in srgb, var(--sglote-accent) 35%, transparent); }
    50% { box-shadow: 0 0 0 5px color-mix(in srgb, var(--sglote-accent) 12%, transparent), 0 0 24px color-mix(in srgb, var(--sglote-accent) 25%, transparent); }
}

@keyframes sglote-draw-check-b-u401vbl8fq {
    from { stroke-dashoffset: 30; }
    to { stroke-dashoffset: 0; }
}

@keyframes sglote-circle-fill-b-u401vbl8fq {
    to { stroke-dashoffset: 0; }
}

@keyframes sglote-check-stroke-b-u401vbl8fq {
    to { stroke-dashoffset: 0; }
}

@keyframes sglote-slide-up-b-u401vbl8fq {
    from { opacity: 0; transform: translateY(24px) scale(0.95); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes sglote-fade-in-b-u401vbl8fq {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes sglote-spin-b-u401vbl8fq {
    to { transform: rotate(360deg); }
}
.sglote-spin[b-u401vbl8fq] { animation: sglote-spin-b-u401vbl8fq 1s linear infinite; }
/* /Components/Processamento/RecPeriodicidadeMatriz.razor.rz.scp.css */
/* ══ Matriz de periodicidade (REC_CONTRATO_PERIODICIDADE_ITEM) ══ */

.sgrpm-wrap[b-m38zanm784] {
    padding: 14px 18px 18px;
    background: var(--color-sf-card-bg-color);
    border-radius: 10px;
}

/* Toolbar superior */
.sgrpm-toolbar[b-m38zanm784] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px dashed var(--color-sf-card-border-color);
}
.sgrpm-toolbar-info[b-m38zanm784] { display: flex; align-items: center; gap: 10px; }
.sgrpm-toolbar-icon[b-m38zanm784] {
    font-size: 1.6rem;
    color: #7c3aed;
    background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(124,58,237,0.04));
    padding: 6px 8px;
    border-radius: 8px;
}
.sgrpm-toolbar-title[b-m38zanm784] {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--color-sf-content-text-color);
}
.sgrpm-toolbar-sub[b-m38zanm784] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
}

/* Layout: matriz à esquerda + calendário à direita */
.sgrpm-content[b-m38zanm784] {
    display: flex;
    gap: 18px;
    align-items: stretch;
}
.sgrpm-content > .sgrpm-grid[b-m38zanm784] {
    flex: 1 1 auto;
    min-width: 0;
}
.sgrpm-content > .sgrpm-cal[b-m38zanm784] {
    flex: 0 0 280px;
}

/* Grid 6×7 */
.sgrpm-grid[b-m38zanm784] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px;
    table-layout: fixed;
}
.sgrpm-grid thead th[b-m38zanm784] { padding-bottom: 6px; }
.sgrpm-corner[b-m38zanm784] {
    width: 110px;
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-left: 4px;
}
.sgrpm-day-head[b-m38zanm784] {
    text-align: center;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    position: relative;
}
.sgrpm-day-label[b-m38zanm784] {
    padding: 4px 0;
    font-size: 0.85rem;
}
.sgrpm-col-toggle[b-m38zanm784], .sgrpm-row-toggle[b-m38zanm784] {
    background: transparent;
    border: none;
    color: var(--color-sf-content-text-color-alt1);
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.9rem;
    opacity: 0.55;
    transition: opacity 0.15s, color 0.15s, background 0.15s;
}
.sgrpm-col-toggle:hover[b-m38zanm784], .sgrpm-row-toggle:hover[b-m38zanm784] {
    opacity: 1;
    color: #7c3aed;
    background: rgba(124,58,237,0.10);
}

.sgrpm-week-head[b-m38zanm784] {
    text-align: left;
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 8px;
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
}
.sgrpm-week-head > span[b-m38zanm784] {
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    font-size: 0.85rem;
}

/* Célula clicável — wrapper neutro, switch dentro */
.sgrpm-cell[b-m38zanm784] {
    height: 44px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding: 0;
}
.sgrpm-cell:hover .sgrpm-switch:not(.sgrpm-switch--on)[b-m38zanm784] {
    background: #cbd5e1;
}
.sgrpm-cell:hover .sgrpm-switch--on[b-m38zanm784] {
    background: linear-gradient(135deg, #6d28d9 0%, #5b21b6 100%);
}

/* Switch iOS-like (pill com knob deslizante) */
.sgrpm-switch[b-m38zanm784] {
    display: inline-block;
    position: relative;
    width: 52px;
    height: 28px;
    background: #e2e8f0;
    border-radius: 999px;
    transition: background 0.20s ease;
    vertical-align: middle;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.08);
}
.sgrpm-switch-knob[b-m38zanm784] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.04);
    transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.sgrpm-switch--on[b-m38zanm784] {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
    box-shadow: inset 0 1px 2px rgba(124,58,237,0.30), 0 0 0 1px rgba(124,58,237,0.20);
}
.sgrpm-switch--on .sgrpm-switch-knob[b-m38zanm784] {
    transform: translateX(24px);
}

/* Estados auxiliares */
.sgrpm-skel[b-m38zanm784],
.sgrpm-empty[b-m38zanm784] {
    padding: 28px 14px;
    text-align: center;
    color: var(--color-sf-content-text-color-alt1);
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
}
.sgrpm-spin[b-m38zanm784] {
    display: inline-block;
    animation: sgrpm-rotate-b-m38zanm784 1.2s linear infinite;
}
@keyframes sgrpm-rotate-b-m38zanm784 { to { transform: rotate(360deg); } }
.sgrpm-empty-icon[b-m38zanm784] {
    font-size: 1.5rem;
    color: #2563eb;
}
.sgrpm-empty p[b-m38zanm784] { margin: 0; }

.sgrpm-dirty[b-m38zanm784] {
    margin-top: 14px;
    padding: 8px 14px;
    background: rgba(245, 158, 11, 0.12);
    color: #92400e;
    border: 1px dashed rgba(245, 158, 11, 0.40);
    border-radius: 8px;
    font-size: 0.82rem;
    display: flex;
    gap: 8px;
    align-items: center;
}
.sgrpm-dirty .icon-ic_fluent_warning_16_regular[b-m38zanm784] {
    color: #d97706;
}

/* ── Calendário read-only ─────────────────────────────────────── */
.sgrpm-cal[b-m38zanm784] {
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.sgrpm-cal-header[b-m38zanm784] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}
.sgrpm-cal-title[b-m38zanm784] {
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.05em;
    color: var(--color-sf-content-text-color);
    flex: 1;
    text-align: center;
}
.sgrpm-cal-nav[b-m38zanm784] {
    background: transparent;
    border: none;
    color: var(--color-sf-content-text-color-alt1);
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 1rem;
    transition: background 0.12s, color 0.12s;
}
.sgrpm-cal-nav:hover[b-m38zanm784] {
    background: rgba(124,58,237,0.08);
    color: #7c3aed;
}

/* Cabeçalho dos dias da semana (D S T Q Q S S) */
.sgrpm-cal-weekhead[b-m38zanm784] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 4px 0 2px;
    border-bottom: 1px dashed var(--color-sf-card-border-color);
}

/* Grade dos dias — 7 colunas, 6 linhas (42 células) */
.sgrpm-cal-days[b-m38zanm784] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
    flex: 1 1 auto;
    align-content: start;
}
.sgrpm-cal-day[b-m38zanm784] {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color);
    background: transparent;
    position: relative;
    transition: background 0.15s;
}
.sgrpm-cal-day--off[b-m38zanm784] {
    background: transparent;
    pointer-events: none;
}
.sgrpm-cal-day--coleta[b-m38zanm784] {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
    color: #fff;
    font-weight: 700;
    box-shadow: 0 1px 3px rgba(124,58,237,0.30);
}
.sgrpm-cal-day--hoje[b-m38zanm784] {
    outline: 2px solid #2563eb;
    outline-offset: -2px;
}
.sgrpm-cal-day--coleta.sgrpm-cal-day--hoje[b-m38zanm784] {
    outline-color: #fbbf24;
}

/* Legenda */
.sgrpm-cal-legend[b-m38zanm784] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 6px;
    padding-top: 8px;
    border-top: 1px dashed var(--color-sf-card-border-color);
    font-size: 11px;
    color: var(--color-sf-content-text-color-alt1);
}
.sgrpm-cal-legend-item[b-m38zanm784] {
    display: flex;
    align-items: center;
    gap: 6px;
}
.sgrpm-cal-legend-dot[b-m38zanm784] {
    width: 12px;
    height: 12px;
    border-radius: 4px;
    flex: 0 0 auto;
}
.sgrpm-cal-legend-dot--coleta[b-m38zanm784] {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
}
.sgrpm-cal-legend-dot--hoje[b-m38zanm784] {
    background: transparent;
    border: 2px solid #2563eb;
}

/* Responsivo — em telas estreitas, calendário vai pra baixo */
@media (max-width: 1100px) {
    .sgrpm-content[b-m38zanm784] {
        flex-direction: column;
    }
    .sgrpm-content > .sgrpm-cal[b-m38zanm784] {
        flex: 1 1 auto;
        max-width: 360px;
    }
}
/* /Components/Processamento/ReimportarDuplicatasXml.razor.rz.scp.css */
/* ============================================================
   ReimportarDuplicatasXml — Prefixo: sgdup-
   Design: Premium wizard com stepper customizado
   Painel esquerdo: gradiente violeta/índigo profundo + cards animados
   Painel direito: conteúdo limpo com tipografia hierárquica
   ============================================================ */

/* ── Variáveis locais ── */
.sgdup-container[b-mkwy4ubuey] {
    --sgdup-bg-deep:       #0c0a1e;
    --sgdup-bg-mid:        #130f28;
    --sgdup-bg-panel:      #1a1535;
    --sgdup-accent:        #7c3aed;
    --sgdup-accent-light:  #a78bfa;
    --sgdup-accent-glow:   rgba(124, 58, 237, 0.35);
    --sgdup-accent-soft:   rgba(124, 58, 237, 0.12);
    --sgdup-success:       #22c55e;
    --sgdup-success-glow:  rgba(34, 197, 94, 0.30);
    --sgdup-text-bright:   #f5f0ff;
    --sgdup-text-mid:      rgba(245, 240, 255, 0.65);
    --sgdup-text-dim:      rgba(245, 240, 255, 0.35);
    --sgdup-border-subtle: rgba(167, 139, 250, 0.08);
    --sgdup-border-mid:    rgba(167, 139, 250, 0.15);

    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--color-sf-content-bg-color);
}

/* ============================================================
   LOADING
   ============================================================ */
.sgdup-center[b-mkwy4ubuey] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 56px 24px;
    flex: 1;
}

.sgdup-loader[b-mkwy4ubuey] {
    position: relative;
    width: 56px;
    height: 56px;
}

.sgdup-loader-ring[b-mkwy4ubuey] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2.5px solid transparent;
    border-top-color: var(--color-sf-primary);
    animation: sgdup-spin-b-mkwy4ubuey 1s linear infinite;
}

.sgdup-loader-ring--2[b-mkwy4ubuey] {
    inset: 8px;
    border-top-color: transparent;
    border-right-color: var(--color-sf-primary);
    opacity: 0.6;
    animation-duration: 1.4s;
    animation-direction: reverse;
}

.sgdup-loader-ring--3[b-mkwy4ubuey] {
    inset: 16px;
    border-top-color: var(--color-sf-primary);
    opacity: 0.3;
    animation-duration: 1.8s;
}

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

.sgdup-loading-text[b-mkwy4ubuey] {
    font-size: 0.85rem;
    color: var(--color-sf-content-text-color-alt1);
    letter-spacing: 0.02em;
}

.sgdup-error-icon[b-mkwy4ubuey] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--color-sf-danger) 12%, transparent);
    border: 2px solid color-mix(in srgb, var(--color-sf-danger) 30%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgdup-error-icon .e-icons[b-mkwy4ubuey] {
    font-size: 22px;
    color: var(--color-sf-danger-text, #a4262c);
}

/* ============================================================
   WIZARD LAYOUT
   ============================================================ */

.sgdup-wizard[b-mkwy4ubuey] {
    display: flex;
    height: 100%;
    min-height: 520px;
    flex: 1;
    overflow: hidden;
}

/* ============================================================
   PAINEL ESQUERDO — violeta/índigo + stepper customizado
   ============================================================ */

.sgdup-left[b-mkwy4ubuey] {
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    background: linear-gradient(180deg, #0c0a1e 0%, #130f28 45%, #161030 100%);
    display: flex;
    flex-direction: column;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    position: relative;
}

/* Linha de brilho lateral direita com tonalidade violeta */
.sgdup-left[b-mkwy4ubuey]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(124, 58, 237, 0.35) 30%,
        rgba(124, 58, 237, 0.18) 70%,
        transparent 100%);
    z-index: 1;
}

/* Ponto de luz sutil no canto superior */
.sgdup-left[b-mkwy4ubuey]::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(124, 58, 237, 0.18) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

/* ── Progress bar ── */
.sgdup-progress-track[b-mkwy4ubuey] {
    position: relative;
    height: 3px;
    background: rgba(255, 255, 255, 0.06);
    z-index: 2;
    flex-shrink: 0;
}

.sgdup-progress-fill[b-mkwy4ubuey] {
    height: 100%;
    background: linear-gradient(90deg, #7c3aed 0%, #a78bfa 100%);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px rgba(124, 58, 237, 0.6);
}

/* ── Cabeçalho ── */
.sgdup-left-header[b-mkwy4ubuey] {
    position: relative;
    z-index: 2;
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(167, 139, 250, 0.08);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.sgdup-left-icon-wrap[b-mkwy4ubuey] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.30) 0%, rgba(124, 58, 237, 0.12) 100%);
    border: 1px solid rgba(124, 58, 237, 0.40);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 0 12px rgba(124, 58, 237, 0.25);
}

.sgdup-left-icon-wrap .e-icons[b-mkwy4ubuey] {
    font-size: 18px;
    color: #c4b5fd;
}

.sgdup-left-heading[b-mkwy4ubuey] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgdup-left-title[b-mkwy4ubuey] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #ede9fe;
    margin: 0;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
}

.sgdup-left-sub[b-mkwy4ubuey] {
    font-size: 0.69rem;
    color: rgba(255, 255, 255, 0.35);
    margin: 0;
    line-height: 1.3;
}

/* ── Área dos steps ── */
.sgdup-steps[b-mkwy4ubuey] {
    position: relative;
    z-index: 2;
    flex: 1;
    padding: 20px 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ── Card de step ── */
.sgdup-step-card[b-mkwy4ubuey] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 12px 12px 10px;
    border-radius: 10px;
    transition: background 0.25s, box-shadow 0.25s;
    cursor: default;
    overflow: hidden;
}

/* Pendente */
.sgdup-step-card--pending .sgdup-step-indicator[b-mkwy4ubuey] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

.sgdup-step-card--pending .sgdup-step-num[b-mkwy4ubuey] {
    color: rgba(255, 255, 255, 0.22);
}

.sgdup-step-card--pending .sgdup-step-card-title[b-mkwy4ubuey] {
    color: rgba(255, 255, 255, 0.28);
}

.sgdup-step-card--pending .sgdup-step-card-desc[b-mkwy4ubuey] {
    color: rgba(255, 255, 255, 0.16);
}

/* Ativo */
.sgdup-step-card--active[b-mkwy4ubuey] {
    background: rgba(124, 58, 237, 0.10);
    box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.22);
}

.sgdup-step-card--active .sgdup-step-indicator[b-mkwy4ubuey] {
    background: linear-gradient(135deg, #7c3aed, #6d28d9);
    border-color: #7c3aed;
    box-shadow:
        0 0 0 3px rgba(124, 58, 237, 0.22),
        0 0 18px rgba(124, 58, 237, 0.40);
    animation: sgdup-pulse-glow-b-mkwy4ubuey 2s ease-in-out infinite;
}

.sgdup-step-card--active .sgdup-step-num[b-mkwy4ubuey] {
    color: #ffffff;
}

.sgdup-step-card--active .sgdup-step-card-title[b-mkwy4ubuey] {
    color: #ede9fe;
    font-weight: 600;
}

.sgdup-step-card--active .sgdup-step-card-desc[b-mkwy4ubuey] {
    color: rgba(196, 181, 253, 0.65);
}

/* Concluído */
.sgdup-step-card--done[b-mkwy4ubuey] {
    background: rgba(34, 197, 94, 0.05);
}

.sgdup-step-card--done .sgdup-step-indicator[b-mkwy4ubuey] {
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.38);
}

.sgdup-step-card--done .sgdup-check-path[b-mkwy4ubuey] {
    color: #86efac;
    stroke-dasharray: 30;
    stroke-dashoffset: 0;
    animation: sgdup-draw-check-b-mkwy4ubuey 0.45s ease-out forwards;
}

.sgdup-step-card--done .sgdup-step-card-title[b-mkwy4ubuey] {
    color: rgba(255, 255, 255, 0.50);
}

.sgdup-step-card--done .sgdup-step-card-desc[b-mkwy4ubuey] {
    color: rgba(255, 255, 255, 0.25);
}

/* Sucesso (passo 3 concluído) */
.sgdup-step-card--success[b-mkwy4ubuey] {
    background: rgba(34, 197, 94, 0.08);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.20);
}

.sgdup-step-card--success .sgdup-step-indicator[b-mkwy4ubuey] {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border-color: #22c55e;
    box-shadow:
        0 0 0 3px rgba(34, 197, 94, 0.20),
        0 0 16px rgba(34, 197, 94, 0.35);
}

.sgdup-step-card--success .sgdup-check-path[b-mkwy4ubuey] {
    color: #ffffff;
    stroke: #ffffff;
    stroke-dasharray: 30;
    stroke-dashoffset: 0;
    animation: sgdup-draw-check-b-mkwy4ubuey 0.45s ease-out forwards;
}

.sgdup-step-card--success .sgdup-step-card-title[b-mkwy4ubuey] {
    color: #d1fae5;
    font-weight: 600;
}

.sgdup-step-card--success .sgdup-step-card-desc[b-mkwy4ubuey] {
    color: rgba(167, 243, 208, 0.60);
}

/* Barra lateral */
.sgdup-step-active-bar[b-mkwy4ubuey] {
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 0 2px 2px 0;
    background: linear-gradient(180deg, #a78bfa, #7c3aed);
    box-shadow: 0 0 8px rgba(124, 58, 237, 0.65);
}

/* ── Indicador circular ── */
.sgdup-step-indicator[b-mkwy4ubuey] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sgdup-step-num[b-mkwy4ubuey] {
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}

.sgdup-check-svg[b-mkwy4ubuey] {
    width: 16px;
    height: 16px;
}

.sgdup-check-path[b-mkwy4ubuey] {
    stroke-dasharray: 30;
    stroke-dashoffset: 30;
    animation: sgdup-draw-check-b-mkwy4ubuey 0.45s 0.05s ease-out forwards;
}

/* ── Corpo do card ── */
.sgdup-step-card-body[b-mkwy4ubuey] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.sgdup-step-card-title[b-mkwy4ubuey] {
    font-size: 0.82rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.50);
    line-height: 1.2;
    transition: color 0.25s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgdup-step-card-desc[b-mkwy4ubuey] {
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.26);
    line-height: 1.2;
    transition: color 0.25s;
}

/* ── Conector ── */
.sgdup-connector[b-mkwy4ubuey] {
    padding: 0 0 0 29px;
    height: 28px;
    display: flex;
    align-items: stretch;
}

.sgdup-connector-line[b-mkwy4ubuey] {
    width: 2px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 1px;
    position: relative;
    overflow: hidden;
}

.sgdup-connector-fill[b-mkwy4ubuey] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background: linear-gradient(180deg, #7c3aed, rgba(124, 58, 237, 0.3));
    transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.sgdup-connector-fill--animate[b-mkwy4ubuey] {
    height: 100%;
}

.sgdup-connector--done .sgdup-connector-line[b-mkwy4ubuey] {
    background: rgba(34, 197, 94, 0.12);
}

.sgdup-connector--done .sgdup-connector-fill[b-mkwy4ubuey] {
    height: 100%;
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.45), rgba(34, 197, 94, 0.18));
}

/* ── Rodapé ── */
.sgdup-left-footer[b-mkwy4ubuey] {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    padding: 14px 18px;
    border-top: 1px solid rgba(167, 139, 250, 0.07);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sgdup-footer-dots[b-mkwy4ubuey] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sgdup-footer-dot[b-mkwy4ubuey] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.13);
    transition: all 0.3s;
}

.sgdup-footer-dot--active[b-mkwy4ubuey] {
    background: #7c3aed;
    width: 18px;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(124, 58, 237, 0.55);
}

.sgdup-footer-label[b-mkwy4ubuey] {
    font-size: 0.68rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.26);
    letter-spacing: 0.08em;
    font-variant-numeric: tabular-nums;
}

/* ── Animações ── */
@keyframes sgdup-pulse-glow-b-mkwy4ubuey {
    0%, 100% { box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.22), 0 0 18px rgba(124, 58, 237, 0.40); }
    50%       { box-shadow: 0 0 0 5px rgba(124, 58, 237, 0.13), 0 0 26px rgba(124, 58, 237, 0.55); }
}

@keyframes sgdup-draw-check-b-mkwy4ubuey {
    from { stroke-dashoffset: 30; }
    to   { stroke-dashoffset: 0; }
}

/* ============================================================
   PAINEL DIREITO
   ============================================================ */

.sgdup-right[b-mkwy4ubuey] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--color-sf-content-bg-color);
    border-radius: 0 8px 8px 0;
    overflow: hidden;
}

.sgdup-step[b-mkwy4ubuey] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 28px;
    flex: 1;
    overflow-y: auto;
}

/* ── Cabeçalho do passo ── */
.sgdup-step-header[b-mkwy4ubuey] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-sf-border-light);
    margin-bottom: 2px;
}

.sgdup-step-badge[b-mkwy4ubuey] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: var(--color-sf-primary);
    background: var(--color-sf-primary-bg-color);
    border: 1px solid color-mix(in srgb, var(--color-sf-primary) 22%, transparent);
    border-radius: 6px;
    padding: 4px 8px;
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.sgdup-step-badge--success[b-mkwy4ubuey] {
    color: var(--color-sf-success-text, #107c10);
    background: color-mix(in srgb, var(--color-sf-success) 10%, transparent);
    border-color: color-mix(in srgb, var(--color-sf-success) 25%, transparent);
}

.sgdup-step-title-wrap[b-mkwy4ubuey] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgdup-step-title[b-mkwy4ubuey] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    margin: 0;
    line-height: 1.2;
}

.sgdup-step-sub[b-mkwy4ubuey] {
    font-size: 0.74rem;
    color: var(--color-sf-content-text-color-alt1);
    margin: 0;
}

/* ── Info grid ── */
.sgdup-info-grid[b-mkwy4ubuey] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 10px;
    overflow: hidden;
    background: var(--color-sf-content-bg-color-alt1);
}

.sgdup-info-item[b-mkwy4ubuey] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--color-sf-border-light);
    border-right: 1px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color);
    transition: background 0.15s;
}

.sgdup-info-item:nth-child(2n)[b-mkwy4ubuey] {
    border-right: none;
}

.sgdup-info-item:nth-last-child(-n+2)[b-mkwy4ubuey] {
    border-bottom: none;
}

.sgdup-info-item--full[b-mkwy4ubuey] {
    grid-column: 1 / -1;
    border-right: none;
}

.sgdup-info-item:hover[b-mkwy4ubuey] {
    background: var(--color-sf-primary-bg-color);
}

.sgdup-info-label[b-mkwy4ubuey] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-sf-content-text-color-alt1);
    letter-spacing: 0.06em;
}

.sgdup-info-value[b-mkwy4ubuey] {
    font-size: 0.86rem;
    color: var(--color-sf-content-text-color);
    font-weight: 500;
    word-break: break-word;
}

.sgdup-info-value--highlight[b-mkwy4ubuey] {
    color: var(--color-sf-primary);
    font-weight: 700;
}

.sgdup-chave[b-mkwy4ubuey] {
    font-size: 0.72rem;
    letter-spacing: 0.02em;
    word-break: break-all;
    color: var(--color-sf-content-text-color-alt1);
}

.sgdup-badge[b-mkwy4ubuey] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-sf-primary);
    color: #fff;
    border-radius: 10px;
    padding: 2px 10px;
    font-weight: 700;
    font-size: 0.82rem;
    min-width: 28px;
    letter-spacing: 0.01em;
}

.sgdup-msg[b-mkwy4ubuey] {
    margin-top: 2px;
}

/* ── Tags ── */
.sgdup-tag[b-mkwy4ubuey] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.sgdup-tag--existente[b-mkwy4ubuey] {
    background: color-mix(in srgb, var(--color-sf-success) 12%, transparent);
    color: var(--color-sf-success-text, #107c10);
    border: 1px solid color-mix(in srgb, var(--color-sf-success) 28%, transparent);
}

.sgdup-tag--nova[b-mkwy4ubuey] {
    background: color-mix(in srgb, #c58000 10%, transparent);
    color: #7d5300;
    border: 1px solid color-mix(in srgb, #c58000 25%, transparent);
}

@media (prefers-color-scheme: dark) {
    .sgdup-tag--nova[b-mkwy4ubuey] { color: #d4900a; }
}

/* ── Totais (passo 1) ── */
.sgdup-totais[b-mkwy4ubuey] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 13px 16px;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 10px;
}

.sgdup-totais-item[b-mkwy4ubuey] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgdup-totais-label[b-mkwy4ubuey] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-sf-content-text-color-alt1);
    letter-spacing: 0.05em;
}

.sgdup-totais-value[b-mkwy4ubuey] {
    font-size: 0.94rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
}

.sgdup-totais-value--ok[b-mkwy4ubuey] {
    color: var(--color-sf-success-text, #107c10);
}

.sgdup-totais-sep[b-mkwy4ubuey] {
    width: 1px;
    height: 32px;
    background: var(--color-sf-border-light);
    flex-shrink: 0;
}

.sgdup-totais-match[b-mkwy4ubuey] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.73rem;
    font-weight: 600;
    color: var(--color-sf-success-text, #107c10);
    background: color-mix(in srgb, var(--color-sf-success) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-sf-success) 22%, transparent);
    padding: 3px 10px;
    border-radius: 20px;
    margin-left: auto;
}

.sgdup-totais-check[b-mkwy4ubuey] {
    font-size: 11px;
}

/* ── Ações ── */
.sgdup-step-actions[b-mkwy4ubuey] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 14px;
    border-top: 1px solid var(--color-sf-border-light);
    margin-top: auto;
    flex-shrink: 0;
}

/* Botão primário */
.sgdup-btn-next.e-btn.e-primary[b-mkwy4ubuey] {
    background: linear-gradient(135deg, var(--color-sf-primary) 0%, color-mix(in srgb, var(--color-sf-primary) 70%, #1a0060) 100%) !important;
    border: none !important;
    box-shadow: 0 2px 12px color-mix(in srgb, var(--color-sf-primary) 35%, transparent) !important;
    transition: box-shadow 0.2s, transform 0.15s !important;
}

.sgdup-btn-next.e-btn.e-primary:hover[b-mkwy4ubuey] {
    box-shadow: 0 4px 18px color-mix(in srgb, var(--color-sf-primary) 50%, transparent) !important;
    transform: translateY(-1px) !important;
}

.sgdup-btn-next.e-btn.e-primary:active[b-mkwy4ubuey] {
    transform: translateY(0) !important;
}

/* Botão cancelar */
.sgdup-btn-cancel[b-mkwy4ubuey] {
    background: transparent !important;
    border: 1px solid var(--color-sf-border-light) !important;
    color: var(--color-sf-content-text-color) !important;
}

.sgdup-btn-cancel:hover[b-mkwy4ubuey] {
    background: var(--color-sf-primary-bg-color) !important;
    border-color: var(--color-sf-primary) !important;
    color: var(--color-sf-primary) !important;
}

/* ============================================================
   PASSO 2 — IMPORTANDO
   ============================================================ */
.sgdup-importing-wrap[b-mkwy4ubuey] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 32px 24px;
}

.sgdup-importing-visual[b-mkwy4ubuey] {
    position: relative;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgdup-importing-ring[b-mkwy4ubuey] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2.5px solid transparent;
    border-top-color: var(--color-sf-primary);
    animation: sgdup-spin-b-mkwy4ubuey 1s linear infinite;
}

.sgdup-importing-ring--2[b-mkwy4ubuey] {
    inset: 10px;
    border-top-color: transparent;
    border-right-color: var(--color-sf-primary);
    opacity: 0.5;
    animation-duration: 1.5s;
    animation-direction: reverse;
}

.sgdup-importing-icon[b-mkwy4ubuey] {
    font-size: 22px;
    color: var(--color-sf-primary);
}

.sgdup-importing-info[b-mkwy4ubuey] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.sgdup-importing-count[b-mkwy4ubuey] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

.sgdup-importing-label[b-mkwy4ubuey] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sgdup-importing-bar-track[b-mkwy4ubuey] {
    width: 100%;
    max-width: 280px;
    height: 4px;
    background: var(--color-sf-border-light);
    border-radius: 2px;
    overflow: hidden;
}

.sgdup-importing-bar-fill[b-mkwy4ubuey] {
    height: 100%;
    background: linear-gradient(90deg, var(--color-sf-primary) 0%, color-mix(in srgb, var(--color-sf-primary) 60%, #00d4ff) 100%);
    border-radius: 2px;
    transition: width 0.3s ease;
    box-shadow: 0 0 8px color-mix(in srgb, var(--color-sf-primary) 50%, transparent);
}

/* ============================================================
   PASSO 2 — RESULTADO
   ============================================================ */
.sgdup-result[b-mkwy4ubuey] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--color-sf-border-light);
    animation: sgdup-result-in-b-mkwy4ubuey 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes sgdup-result-in-b-mkwy4ubuey {
    from { opacity: 0; transform: scale(0.96) translateY(6px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}

.sgdup-result--ok[b-mkwy4ubuey] {
    background: color-mix(in srgb, var(--color-sf-success) 6%, var(--color-sf-content-bg-color-alt1));
    border-color: color-mix(in srgb, var(--color-sf-success) 25%, transparent);
}

.sgdup-result--erro[b-mkwy4ubuey] {
    background: color-mix(in srgb, var(--color-sf-danger) 6%, var(--color-sf-content-bg-color-alt1));
    border-color: color-mix(in srgb, var(--color-sf-danger) 20%, transparent);
}

.sgdup-result-icon-wrap[b-mkwy4ubuey] {
    position: relative;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgdup-result-icon-ring[b-mkwy4ubuey] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1.5px solid currentColor;
    opacity: 0.2;
}

.sgdup-result--ok .sgdup-result-icon-wrap[b-mkwy4ubuey] {
    color: var(--color-sf-success);
}

.sgdup-result--erro .sgdup-result-icon-wrap[b-mkwy4ubuey] {
    color: var(--color-sf-danger);
}

.sgdup-result-icon[b-mkwy4ubuey] {
    font-size: 24px;
    position: relative;
    z-index: 1;
}

.sgdup-result--ok .sgdup-result-icon[b-mkwy4ubuey] {
    color: var(--color-sf-success-text, #107c10);
}

.sgdup-result--erro .sgdup-result-icon[b-mkwy4ubuey] {
    color: var(--color-sf-danger-text, #a4262c);
}

.sgdup-result-body[b-mkwy4ubuey] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sgdup-result-headline[b-mkwy4ubuey] {
    margin: 0;
    font-size: 0.97rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    line-height: 1.2;
}

.sgdup-result-detail[b-mkwy4ubuey] {
    margin: 0;
    font-size: 0.84rem;
    color: var(--color-sf-content-text-color-alt1);
    line-height: 1.5;
}

.sgdup-result-detail strong[b-mkwy4ubuey] {
    color: var(--color-sf-content-text-color);
    font-weight: 600;
}

/* ── Log ── */
.sgdup-log[b-mkwy4ubuey] {
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 10px;
    overflow: hidden;
}

.sgdup-log-header[b-mkwy4ubuey] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--color-sf-border-light);
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sgdup-log-icon[b-mkwy4ubuey] {
    font-size: 13px;
}

.sgdup-log-body[b-mkwy4ubuey] {
    margin: 0;
    padding: 12px 14px;
    max-height: 160px;
    overflow-y: auto;
    font-size: 0.72rem;
    line-height: 1.7;
    color: var(--color-sf-content-text-color-alt1);
    white-space: pre-wrap;
    word-break: break-word;
}
/* /Components/Processamento/ReimportarItensNFe.razor.rz.scp.css */
/* ============================================================
   ReimportarItensNFe — Prefixo: sgrim-
   Design: Premium wizard com stepper customizado
   Painel esquerdo: gradiente escuro profundo + cards de step animados
   Painel direito: conteúdo limpo com tipografia hierárquica
   ============================================================ */

/* ── Variáveis locais ── */
.sgrim-container[b-2exlak3dn4] {
    --sgrim-bg-deep:       #080d1a;
    --sgrim-bg-mid:        #0f172a;
    --sgrim-bg-panel:      #141e36;
    --sgrim-accent:        #3b82f6;
    --sgrim-accent-glow:   rgba(59, 130, 246, 0.35);
    --sgrim-accent-soft:   rgba(59, 130, 246, 0.12);
    --sgrim-success:       #22c55e;
    --sgrim-success-glow:  rgba(34, 197, 94, 0.30);
    --sgrim-text-bright:   #f0f6ff;
    --sgrim-text-mid:      rgba(240, 246, 255, 0.65);
    --sgrim-text-dim:      rgba(240, 246, 255, 0.35);
    --sgrim-border-subtle: rgba(255, 255, 255, 0.07);
    --sgrim-border-mid:    rgba(255, 255, 255, 0.13);

    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--color-sf-content-bg-color);
}

/* ============================================================
   LOADING — Spinner triplo concêntrico
   ============================================================ */
.sgrim-center[b-2exlak3dn4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 56px 24px;
    flex: 1;
}

.sgrim-loader[b-2exlak3dn4] {
    position: relative;
    width: 56px;
    height: 56px;
}

.sgrim-loader-ring[b-2exlak3dn4] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2.5px solid transparent;
    border-top-color: var(--color-sf-primary);
    animation: sgrim-spin-b-2exlak3dn4 1s linear infinite;
}

.sgrim-loader-ring--2[b-2exlak3dn4] {
    inset: 8px;
    border-top-color: transparent;
    border-right-color: var(--color-sf-primary);
    opacity: 0.6;
    animation-duration: 1.4s;
    animation-direction: reverse;
}

.sgrim-loader-ring--3[b-2exlak3dn4] {
    inset: 16px;
    border-top-color: var(--color-sf-primary);
    opacity: 0.3;
    animation-duration: 1.8s;
}

@keyframes sgrim-spin-b-2exlak3dn4 {
    to { transform: rotate(360deg); }
}

.sgrim-loading-text[b-2exlak3dn4] {
    font-size: 0.85rem;
    color: var(--color-sf-content-text-color-alt1);
    letter-spacing: 0.02em;
}

.sgrim-error-icon[b-2exlak3dn4] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--color-sf-danger) 12%, transparent);
    border: 2px solid color-mix(in srgb, var(--color-sf-danger) 30%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgrim-error-icon .e-icons[b-2exlak3dn4] {
    font-size: 22px;
    color: var(--color-sf-danger-text, #a4262c);
}

/* ============================================================
   WIZARD LAYOUT
   ============================================================ */

.sgrim-wizard[b-2exlak3dn4] {
    display: flex;
    height: 100%;
    min-height: 520px;
    flex: 1;
    overflow: hidden;
}

/* ============================================================
   PAINEL ESQUERDO — gradiente profundo + stepper customizado
   ============================================================ */

.sgrim-left[b-2exlak3dn4] {
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    background: linear-gradient(180deg, #080d1a 0%, #0f172a 45%, #111827 100%);
    display: flex;
    flex-direction: column;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    position: relative;
}

/* Noise texture overlay sutil */
.sgrim-left[b-2exlak3dn4]::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
}

/* Linha de brilho lateral direita */
.sgrim-left[b-2exlak3dn4]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(59, 130, 246, 0.3) 30%,
        rgba(59, 130, 246, 0.15) 70%,
        transparent 100%);
    z-index: 1;
}

/* ── Progress bar no topo ── */
.sgrim-progress-track[b-2exlak3dn4] {
    position: relative;
    height: 3px;
    background: rgba(255, 255, 255, 0.07);
    z-index: 2;
    flex-shrink: 0;
}

.sgrim-progress-fill[b-2exlak3dn4] {
    height: 100%;
    background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.6);
}

/* ── Cabeçalho do painel ── */
.sgrim-left-header[b-2exlak3dn4] {
    position: relative;
    z-index: 2;
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.sgrim-left-icon-wrap[b-2exlak3dn4] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.25) 0%, rgba(59, 130, 246, 0.10) 100%);
    border: 1px solid rgba(59, 130, 246, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 0 12px rgba(59, 130, 246, 0.2);
}

.sgrim-left-icon-wrap .e-icons[b-2exlak3dn4] {
    font-size: 18px;
    color: #93c5fd;
}

.sgrim-left-heading[b-2exlak3dn4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgrim-left-title[b-2exlak3dn4] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #e2eeff;
    margin: 0;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
}

.sgrim-left-sub[b-2exlak3dn4] {
    font-size: 0.69rem;
    color: rgba(255, 255, 255, 0.38);
    margin: 0;
    line-height: 1.3;
}

/* ── Área dos steps ── */
.sgrim-steps[b-2exlak3dn4] {
    position: relative;
    z-index: 2;
    flex: 1;
    padding: 20px 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ── Card de step ── */
.sgrim-step-card[b-2exlak3dn4] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 12px 12px 10px;
    border-radius: 10px;
    transition: background 0.25s, box-shadow 0.25s;
    cursor: default;
    overflow: hidden;
}

/* Estado: pendente (padrão) */
.sgrim-step-card--pending .sgrim-step-indicator[b-2exlak3dn4] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.10);
}

.sgrim-step-card--pending .sgrim-step-num[b-2exlak3dn4] {
    color: rgba(255, 255, 255, 0.25);
}

.sgrim-step-card--pending .sgrim-step-card-title[b-2exlak3dn4] {
    color: rgba(255, 255, 255, 0.30);
}

.sgrim-step-card--pending .sgrim-step-card-desc[b-2exlak3dn4] {
    color: rgba(255, 255, 255, 0.18);
}

/* Estado: ativo */
.sgrim-step-card--active[b-2exlak3dn4] {
    background: rgba(59, 130, 246, 0.08);
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.20);
}

.sgrim-step-card--active .sgrim-step-indicator[b-2exlak3dn4] {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    border-color: #3b82f6;
    box-shadow:
        0 0 0 3px rgba(59, 130, 246, 0.20),
        0 0 16px rgba(59, 130, 246, 0.35);
    animation: sgrim-pulse-glow-b-2exlak3dn4 2s ease-in-out infinite;
}

.sgrim-step-card--active .sgrim-step-num[b-2exlak3dn4] {
    color: #ffffff;
}

.sgrim-step-card--active .sgrim-step-card-title[b-2exlak3dn4] {
    color: #e0eeff;
    font-weight: 600;
}

.sgrim-step-card--active .sgrim-step-card-desc[b-2exlak3dn4] {
    color: rgba(160, 200, 255, 0.65);
}

/* Estado: concluído */
.sgrim-step-card--done[b-2exlak3dn4] {
    background: rgba(34, 197, 94, 0.05);
}

.sgrim-step-card--done .sgrim-step-indicator[b-2exlak3dn4] {
    background: rgba(34, 197, 94, 0.15);
    border-color: rgba(34, 197, 94, 0.40);
}

.sgrim-step-card--done .sgrim-check-path[b-2exlak3dn4] {
    color: #86efac;
    stroke-dasharray: 30;
    stroke-dashoffset: 0;
    animation: sgrim-draw-check-b-2exlak3dn4 0.45s ease-out forwards;
}

.sgrim-step-card--done .sgrim-step-card-title[b-2exlak3dn4] {
    color: rgba(255, 255, 255, 0.55);
}

.sgrim-step-card--done .sgrim-step-card-desc[b-2exlak3dn4] {
    color: rgba(255, 255, 255, 0.28);
}

/* Estado: sucesso (passo 3 após import bem sucedida) */
.sgrim-step-card--success[b-2exlak3dn4] {
    background: rgba(34, 197, 94, 0.08);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.20);
}

.sgrim-step-card--success .sgrim-step-indicator[b-2exlak3dn4] {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border-color: #22c55e;
    box-shadow:
        0 0 0 3px rgba(34, 197, 94, 0.20),
        0 0 16px rgba(34, 197, 94, 0.35);
}

.sgrim-step-card--success .sgrim-check-path[b-2exlak3dn4] {
    color: #ffffff;
    stroke: #ffffff;
    stroke-dasharray: 30;
    stroke-dashoffset: 0;
    animation: sgrim-draw-check-b-2exlak3dn4 0.45s ease-out forwards;
}

.sgrim-step-card--success .sgrim-step-card-title[b-2exlak3dn4] {
    color: #d1fae5;
    font-weight: 600;
}

.sgrim-step-card--success .sgrim-step-card-desc[b-2exlak3dn4] {
    color: rgba(167, 243, 208, 0.60);
}

/* Barra lateral de destaque no step ativo */
.sgrim-step-active-bar[b-2exlak3dn4] {
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 0 2px 2px 0;
    background: linear-gradient(180deg, #60a5fa, #3b82f6);
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.6);
}

/* ── Indicador circular do step ── */
.sgrim-step-indicator[b-2exlak3dn4] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sgrim-step-num[b-2exlak3dn4] {
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}

/* SVG check mark */
.sgrim-check-svg[b-2exlak3dn4] {
    width: 16px;
    height: 16px;
}

.sgrim-check-path[b-2exlak3dn4] {
    stroke-dasharray: 30;
    stroke-dashoffset: 30;
    animation: sgrim-draw-check-b-2exlak3dn4 0.45s 0.05s ease-out forwards;
}

/* ── Corpo do card de step ── */
.sgrim-step-card-body[b-2exlak3dn4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.sgrim-step-card-title[b-2exlak3dn4] {
    font-size: 0.82rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.2;
    transition: color 0.25s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgrim-step-card-desc[b-2exlak3dn4] {
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.28);
    line-height: 1.2;
    transition: color 0.25s;
}

/* ── Conector entre steps ── */
.sgrim-connector[b-2exlak3dn4] {
    padding: 0 0 0 29px;
    height: 28px;
    display: flex;
    align-items: stretch;
}

.sgrim-connector-line[b-2exlak3dn4] {
    width: 2px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 1px;
    position: relative;
    overflow: hidden;
}

.sgrim-connector-fill[b-2exlak3dn4] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background: linear-gradient(180deg, #3b82f6, rgba(59, 130, 246, 0.3));
    transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.sgrim-connector-fill--animate[b-2exlak3dn4] {
    height: 100%;
}

.sgrim-connector--done .sgrim-connector-line[b-2exlak3dn4] {
    background: rgba(34, 197, 94, 0.15);
}

.sgrim-connector--done .sgrim-connector-fill[b-2exlak3dn4] {
    height: 100%;
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.5), rgba(34, 197, 94, 0.2));
}

/* ── Rodapé do painel ── */
.sgrim-left-footer[b-2exlak3dn4] {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    padding: 14px 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sgrim-footer-dots[b-2exlak3dn4] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sgrim-footer-dot[b-2exlak3dn4] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    transition: all 0.3s;
}

.sgrim-footer-dot--active[b-2exlak3dn4] {
    background: #3b82f6;
    width: 18px;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(59, 130, 246, 0.5);
}

.sgrim-footer-label[b-2exlak3dn4] {
    font-size: 0.68rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.28);
    letter-spacing: 0.08em;
    font-variant-numeric: tabular-nums;
}

/* ── Animações ── */
@keyframes sgrim-pulse-glow-b-2exlak3dn4 {
    0%, 100% { box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.20), 0 0 16px rgba(59, 130, 246, 0.35); }
    50%       { box-shadow: 0 0 0 5px rgba(59, 130, 246, 0.12), 0 0 24px rgba(59, 130, 246, 0.50); }
}

@keyframes sgrim-draw-check-b-2exlak3dn4 {
    from { stroke-dashoffset: 30; }
    to   { stroke-dashoffset: 0; }
}

/* ============================================================
   PAINEL DIREITO
   ============================================================ */

.sgrim-right[b-2exlak3dn4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--color-sf-content-bg-color);
    border-radius: 0 8px 8px 0;
    overflow: hidden;
}

/* ── Passo (conteúdo) ── */
.sgrim-step[b-2exlak3dn4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 28px;
    flex: 1;
    overflow-y: auto;
}

/* ── Cabeçalho do passo ── */
.sgrim-step-header[b-2exlak3dn4] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-sf-border-light);
    margin-bottom: 2px;
}

/* Badge numérico do passo */
.sgrim-step-badge[b-2exlak3dn4] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: var(--color-sf-primary);
    background: var(--color-sf-primary-bg-color);
    border: 1px solid color-mix(in srgb, var(--color-sf-primary) 22%, transparent);
    border-radius: 6px;
    padding: 4px 8px;
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.sgrim-step-badge--success[b-2exlak3dn4] {
    color: var(--color-sf-success-text, #107c10);
    background: color-mix(in srgb, var(--color-sf-success) 10%, transparent);
    border-color: color-mix(in srgb, var(--color-sf-success) 25%, transparent);
}

.sgrim-step-title-wrap[b-2exlak3dn4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sgrim-step-title[b-2exlak3dn4] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color);
    margin: 0;
    line-height: 1.2;
}

.sgrim-step-sub[b-2exlak3dn4] {
    font-size: 0.74rem;
    color: var(--color-sf-content-text-color-alt1);
    margin: 0;
}

/* ── Info grid (passo 0) ── */
.sgrim-info-grid[b-2exlak3dn4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 10px;
    overflow: hidden;
    background: var(--color-sf-content-bg-color-alt1);
}

.sgrim-info-item[b-2exlak3dn4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--color-sf-border-light);
    border-right: 1px solid var(--color-sf-border-light);
    background: var(--color-sf-content-bg-color);
    transition: background 0.15s;
}

.sgrim-info-item:nth-child(2n)[b-2exlak3dn4] {
    border-right: none;
}

.sgrim-info-item:nth-last-child(-n+2)[b-2exlak3dn4] {
    border-bottom: none;
}

.sgrim-info-item--full[b-2exlak3dn4] {
    grid-column: 1 / -1;
    border-right: none;
}

.sgrim-info-item:hover[b-2exlak3dn4] {
    background: var(--color-sf-primary-bg-color);
}

.sgrim-info-label[b-2exlak3dn4] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-sf-content-text-color-alt1);
    letter-spacing: 0.06em;
}

.sgrim-info-value[b-2exlak3dn4] {
    font-size: 0.86rem;
    color: var(--color-sf-content-text-color);
    font-weight: 500;
    word-break: break-word;
}

.sgrim-info-value--highlight[b-2exlak3dn4] {
    color: var(--color-sf-primary);
    font-weight: 700;
}

.sgrim-chave[b-2exlak3dn4] {
    font-size: 0.72rem;
    letter-spacing: 0.02em;
    word-break: break-all;
    color: var(--color-sf-content-text-color-alt1);
}

.sgrim-badge[b-2exlak3dn4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-sf-primary);
    color: #fff;
    border-radius: 10px;
    padding: 2px 10px;
    font-weight: 700;
    font-size: 0.82rem;
    min-width: 28px;
    letter-spacing: 0.01em;
}

.sgrim-msg[b-2exlak3dn4] {
    margin-top: 2px;
}

/* ── Tags (passo 1) ── */
.sgrim-tag[b-2exlak3dn4] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.sgrim-tag--ok[b-2exlak3dn4] {
    background: color-mix(in srgb, var(--color-sf-success) 12%, transparent);
    color: var(--color-sf-success-text, #107c10);
    border: 1px solid color-mix(in srgb, var(--color-sf-success) 28%, transparent);
}

.sgrim-tag--novo[b-2exlak3dn4] {
    background: color-mix(in srgb, #c58000 10%, transparent);
    color: #7d5300;
    border: 1px solid color-mix(in srgb, #c58000 25%, transparent);
}

@media (prefers-color-scheme: dark) {
    .sgrim-tag--novo[b-2exlak3dn4] { color: #d4900a; }
}

/* ── Ações do passo ── */
.sgrim-step-actions[b-2exlak3dn4] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 14px;
    border-top: 1px solid var(--color-sf-border-light);
    margin-top: auto;
    flex-shrink: 0;
}

/* Botão primário com gradiente */
.sgrim-btn-next.e-btn.e-primary[b-2exlak3dn4] {
    background: linear-gradient(135deg, var(--color-sf-primary) 0%, color-mix(in srgb, var(--color-sf-primary) 70%, #1a0060) 100%) !important;
    border: none !important;
    box-shadow: 0 2px 12px color-mix(in srgb, var(--color-sf-primary) 35%, transparent) !important;
    transition: box-shadow 0.2s, transform 0.15s !important;
}

.sgrim-btn-next.e-btn.e-primary:hover[b-2exlak3dn4] {
    box-shadow: 0 4px 18px color-mix(in srgb, var(--color-sf-primary) 50%, transparent) !important;
    transform: translateY(-1px) !important;
}

.sgrim-btn-next.e-btn.e-primary:active[b-2exlak3dn4] {
    transform: translateY(0) !important;
}

/* ── Botão cancelar / voltar ── */
.sgrim-btn-cancel[b-2exlak3dn4] {
    background: transparent !important;
    border: 1px solid var(--color-sf-border-light) !important;
    color: var(--color-sf-content-text-color) !important;
}

.sgrim-btn-cancel:hover[b-2exlak3dn4] {
    background: var(--color-sf-primary-bg-color) !important;
    border-color: var(--color-sf-primary) !important;
    color: var(--color-sf-primary) !important;
}

/* ============================================================
   PASSO 2 — IMPORTANDO
   ============================================================ */
.sgrim-importing-wrap[b-2exlak3dn4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 32px 24px;
}

.sgrim-importing-visual[b-2exlak3dn4] {
    position: relative;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgrim-importing-ring[b-2exlak3dn4] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2.5px solid transparent;
    border-top-color: var(--color-sf-primary);
    animation: sgrim-spin-b-2exlak3dn4 1s linear infinite;
}

.sgrim-importing-ring--2[b-2exlak3dn4] {
    inset: 10px;
    border-top-color: transparent;
    border-right-color: var(--color-sf-primary);
    opacity: 0.5;
    animation-duration: 1.5s;
    animation-direction: reverse;
}

.sgrim-importing-icon[b-2exlak3dn4] {
    font-size: 22px;
    color: var(--color-sf-primary);
}

.sgrim-importing-info[b-2exlak3dn4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.sgrim-importing-count[b-2exlak3dn4] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

.sgrim-importing-label[b-2exlak3dn4] {
    font-size: 0.78rem;
    color: var(--color-sf-content-text-color-alt1);
}

.sgrim-importing-bar-track[b-2exlak3dn4] {
    width: 100%;
    max-width: 280px;
    height: 4px;
    background: var(--color-sf-border-light);
    border-radius: 2px;
    overflow: hidden;
}

.sgrim-importing-bar-fill[b-2exlak3dn4] {
    height: 100%;
    background: linear-gradient(90deg, var(--color-sf-primary) 0%, color-mix(in srgb, var(--color-sf-primary) 60%, #00d4ff) 100%);
    border-radius: 2px;
    transition: width 0.3s ease;
    box-shadow: 0 0 8px color-mix(in srgb, var(--color-sf-primary) 50%, transparent);
}

/* ============================================================
   PASSO 2 — RESULTADO
   ============================================================ */
.sgrim-result[b-2exlak3dn4] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--color-sf-border-light);
    animation: sgrim-result-in-b-2exlak3dn4 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes sgrim-result-in-b-2exlak3dn4 {
    from { opacity: 0; transform: scale(0.96) translateY(6px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}

.sgrim-result--ok[b-2exlak3dn4] {
    background: color-mix(in srgb, var(--color-sf-success) 6%, var(--color-sf-content-bg-color-alt1));
    border-color: color-mix(in srgb, var(--color-sf-success) 25%, transparent);
}

.sgrim-result--erro[b-2exlak3dn4] {
    background: color-mix(in srgb, var(--color-sf-danger) 6%, var(--color-sf-content-bg-color-alt1));
    border-color: color-mix(in srgb, var(--color-sf-danger) 20%, transparent);
}

.sgrim-result-icon-wrap[b-2exlak3dn4] {
    position: relative;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sgrim-result-icon-ring[b-2exlak3dn4] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1.5px solid currentColor;
    opacity: 0.2;
}

.sgrim-result--ok .sgrim-result-icon-wrap[b-2exlak3dn4] {
    color: var(--color-sf-success);
}

.sgrim-result--erro .sgrim-result-icon-wrap[b-2exlak3dn4] {
    color: var(--color-sf-danger);
}

.sgrim-result-icon[b-2exlak3dn4] {
    font-size: 24px;
    position: relative;
    z-index: 1;
}

.sgrim-result--ok .sgrim-result-icon[b-2exlak3dn4] {
    color: var(--color-sf-success-text, #107c10);
}

.sgrim-result--erro .sgrim-result-icon[b-2exlak3dn4] {
    color: var(--color-sf-danger-text, #a4262c);
}

.sgrim-result-body[b-2exlak3dn4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sgrim-result-headline[b-2exlak3dn4] {
    margin: 0;
    font-size: 0.97rem;
    font-weight: 700;
    color: var(--color-sf-content-text-color);
    line-height: 1.2;
}

.sgrim-result-detail[b-2exlak3dn4] {
    margin: 0;
    font-size: 0.84rem;
    color: var(--color-sf-content-text-color-alt1);
    line-height: 1.5;
}

.sgrim-result-detail strong[b-2exlak3dn4] {
    color: var(--color-sf-content-text-color);
    font-weight: 600;
}

/* ── Log ── */
.sgrim-log[b-2exlak3dn4] {
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 10px;
    overflow: hidden;
}

.sgrim-log-header[b-2exlak3dn4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--color-sf-border-light);
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--color-sf-content-text-color-alt1);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sgrim-log-icon[b-2exlak3dn4] {
    font-size: 13px;
}

.sgrim-log-body[b-2exlak3dn4] {
    margin: 0;
    padding: 12px 14px;
    max-height: 160px;
    overflow-y: auto;
    font-size: 0.72rem;
    line-height: 1.7;
    color: var(--color-sf-content-text-color-alt1);
    white-space: pre-wrap;
    word-break: break-word;
}
/* /Components/Processamento/VisualizarMTRPDF.razor.rz.scp.css */
/* ===== VisualizarMTRPDF — sgmtr- prefix ===== */

.sgmtr-container[b-znr0brdvl3] {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0;
}

.sgmtr-card[b-znr0brdvl3] {
    width: 100%;
    height: 100%;
    min-height: 500px;
    background-color: var(--color-sf-content-bg-color);
    color: var(--color-sf-content-text-color);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

/* --- Área de conteúdo --- */
.sgmtr-body[b-znr0brdvl3] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* --- Centralizado (loading, erro, vazio) --- */
.sgmtr-center[b-znr0brdvl3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
    padding: 24px;
    color: var(--color-sf-content-text-color);
    font-size: 0.9rem;
}

.sgmtr-spinner[b-znr0brdvl3] {
    font-size: 32px;
    color: var(--color-sf-primary);
}

.sgmtr-empty-icon[b-znr0brdvl3] {
    font-size: 48px;
    opacity: 0.4;
}

.sgmtr-btn-fechar[b-znr0brdvl3] {
    margin-top: 12px;
}

/* --- Viewer (singular + lote) --- */
.sgmtr-viewer-wrap[b-znr0brdvl3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.sgmtr-viewer-header[b-znr0brdvl3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background-color: var(--color-sf-appbar-bg-color-alt1);
    color: var(--color-sf-appbar-color-alt1);
    gap: 12px;
    min-height: 56px;
    flex-shrink: 0;
}

.sgmtr-viewer-header-left[b-znr0brdvl3] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.sgmtr-viewer-icon[b-znr0brdvl3] {
    font-size: 22px;
    color: var(--color-sf-appbar-color-alt1);
    flex-shrink: 0;
}

.sgmtr-viewer-icon[b-znr0brdvl3]::before {
    color: var(--color-sf-appbar-color-alt1) !important;
}

.sgmtr-viewer-title[b-znr0brdvl3] {
    font-size: 0.95rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgmtr-viewer-header-right[b-znr0brdvl3] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.sgmtr-viewer-btn[b-znr0brdvl3] {
    color: var(--color-sf-appbar-color-alt1) !important;
}

.sgmtr-viewer-btn:hover[b-znr0brdvl3] {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.sgmtr-viewer-btn-close[b-znr0brdvl3] {
    color: var(--color-sf-appbar-color-alt1) !important;
    min-width: 36px !important;
}

.sgmtr-viewer-btn-close:hover[b-znr0brdvl3] {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.sgmtr-viewer-body[b-znr0brdvl3] {
    flex: 1;
    overflow: hidden;
    position: relative;
}

/* --- Modo Lote --- */
.sgmtr-lote[b-znr0brdvl3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 32px;
    overflow-y: auto;
    flex: 1;
}

.sgmtr-lote-stats[b-znr0brdvl3] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.sgmtr-stat[b-znr0brdvl3] {
    min-width: 100px;
    text-align: center;
    padding: 12px 16px;
    border-radius: 6px;
}

.sgmtr-stat-num[b-znr0brdvl3] {
    font-size: 1.5rem;
    font-weight: 700;
}

.sgmtr-stat-label[b-znr0brdvl3] {
    font-size: 0.78rem;
    opacity: 0.8;
    margin-top: 2px;
}

.sgmtr-stat--total[b-znr0brdvl3] {
    background-color: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-color);
    color: var(--color-sf-content-text-color);
}

.sgmtr-stat--sucesso[b-znr0brdvl3] {
    background-color: color-mix(in srgb, var(--color-sf-success) 12%, transparent);
    border: 1px solid var(--color-sf-success);
    color: var(--color-sf-content-text-color);
}

.sgmtr-stat--erro[b-znr0brdvl3] {
    background-color: color-mix(in srgb, var(--color-sf-danger) 12%, transparent);
    border: 1px solid var(--color-sf-danger);
    color: var(--color-sf-content-text-color);
}

/* --- Log de resultados --- */
.sgmtr-lote-log[b-znr0brdvl3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 300px;
    overflow-y: auto;
}

.sgmtr-log-item[b-znr0brdvl3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 0.85rem;
}

.sgmtr-log-item.sucesso[b-znr0brdvl3] {
    background-color: color-mix(in srgb, var(--color-sf-success) 10%, transparent);
    border-left: 3px solid var(--color-sf-success);
}

.sgmtr-log-item.erro[b-znr0brdvl3] {
    background-color: color-mix(in srgb, var(--color-sf-danger) 10%, transparent);
    border-left: 3px solid var(--color-sf-danger);
}

.sgmtr-log-icon[b-znr0brdvl3] {
    font-weight: 700;
    min-width: 16px;
}

.sgmtr-log-chave[b-znr0brdvl3] {
    font-weight: 500;
    font-size: 0.8rem;
    min-width: 80px;
}

.sgmtr-log-msg[b-znr0brdvl3] {
    flex: 1;
    color: var(--color-sf-content-text-color-alt1);
}

/* --- Viewer no lote --- */
.sgmtr-lote-viewer[b-znr0brdvl3] {
    flex: 1;
    min-height: 500px;
    border: 1px solid var(--color-sf-border-color);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.sgmtr-lote-footer[b-znr0brdvl3] {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
}
/* /Components/Shared/BrandSpinner.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   BrandSpinner — Fiori Horizon / Segla branded loader
   Prefix: sgbsp-
═══════════════════════════════════════════════════════════ */

.sgbsp-wrap[b-0bfoc3n61q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 24px;
    width: 100%;
}

.sgbsp-stage[b-0bfoc3n61q] {
    position: relative;
    width: var(--sgbsp-size, 80px);
    height: var(--sgbsp-size, 80px);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Anéis rotativos ── */
.sgbsp-ring[b-0bfoc3n61q] {
    position: absolute;
    border-radius: 50%;
    border-style: solid;
    border-color: transparent;
}

.sgbsp-ring--outer[b-0bfoc3n61q] {
    inset: 0;
    border-width: 3px;
    border-top-color: #6366f1;   /* indigo */
    border-right-color: #8b93f7;
    animation: sgbsp-spin-b-0bfoc3n61q 1.4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
}

.sgbsp-ring--inner[b-0bfoc3n61q] {
    inset: 8px;
    border-width: 2px;
    border-bottom-color: #a5abf9;
    border-left-color: #c7cbfc;
    animation: sgbsp-spin-b-0bfoc3n61q 2.2s cubic-bezier(0.65, 0.05, 0.36, 1) infinite reverse;
}

/* ── Logo central (pulsa suavemente) ── */
.sgbsp-logo-wrap[b-0bfoc3n61q] {
    position: absolute;
    inset: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: sgbsp-pulse-b-0bfoc3n61q 1.8s ease-in-out infinite;
}

.sgbsp-logo[b-0bfoc3n61q] {
    width: 78%;
    height: 78%;
    object-fit: contain;
    opacity: 0.85;
}

/* ── Label ── */
.sgbsp-label[b-0bfoc3n61q] {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #6366f1;
    letter-spacing: 0.2px;
    animation: sgbsp-fade-b-0bfoc3n61q 1.6s ease-in-out infinite;
}

/* ── Animações ── */
@keyframes sgbsp-spin-b-0bfoc3n61q {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@keyframes sgbsp-pulse-b-0bfoc3n61q {
    0%, 100% { transform: scale(1);    opacity: 0.85; }
    50%      { transform: scale(1.08); opacity: 1; }
}

@keyframes sgbsp-fade-b-0bfoc3n61q {
    0%, 100% { opacity: 0.55; }
    50%      { opacity: 1; }
}

/* ── Dark mode ── */
@media (prefers-color-scheme: dark) {
    .sgbsp-logo[b-0bfoc3n61q] {
        opacity: 0.75;
        filter: brightness(1.3);
    }
    .sgbsp-label[b-0bfoc3n61q] {
        color: #a5abf9;
    }
}
/* /Components/Shared/DanfeViewer.razor.rz.scp.css */
/* ===== DanfeViewer — sgdnf- prefix ===== */

.sgdnf-container[b-7ouwftn9lw] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background-color: var(--color-sf-content-bg-color);
}

/* --- Header --- */
.sgdnf-header[b-7ouwftn9lw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background-color: var(--color-sf-appbar-bg-color-alt1);
    color: var(--color-sf-appbar-color-alt1);
    gap: 12px;
    min-height: 56px;
    flex-shrink: 0;
}

.sgdnf-header-left[b-7ouwftn9lw] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.sgdnf-header-icon[b-7ouwftn9lw] {
    font-size: 22px;
    color: var(--color-sf-appbar-color-alt1);
    flex-shrink: 0;
}

.sgdnf-header-info[b-7ouwftn9lw] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sgdnf-title[b-7ouwftn9lw] {
    font-size: 0.95rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgdnf-chave[b-7ouwftn9lw] {
    font-size: 0.75rem;
    opacity: 0.75;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgdnf-header-right[b-7ouwftn9lw] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.sgdnf-btn[b-7ouwftn9lw] {
    color: var(--color-sf-appbar-color-alt1) !important;
}

.sgdnf-btn:hover[b-7ouwftn9lw] {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.sgdnf-btn-close[b-7ouwftn9lw] {
    color: var(--color-sf-appbar-color-alt1) !important;
    min-width: 36px !important;
}

.sgdnf-btn-close:hover[b-7ouwftn9lw] {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* --- Body --- */
.sgdnf-body[b-7ouwftn9lw] {
    flex: 1;
    overflow: hidden;
    position: relative;
}

/* --- Loading --- */
.sgdnf-loading[b-7ouwftn9lw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 12px;
    color: var(--color-sf-content-text-color);
    font-size: 0.9rem;
}

.sgdnf-spinner[b-7ouwftn9lw] {
    font-size: 32px;
    color: var(--color-sf-primary);
}

/* --- Error --- */
.sgdnf-error[b-7ouwftn9lw] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 24px;
}

/* --- Empty state --- */
.sgdnf-empty[b-7ouwftn9lw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 12px;
    color: var(--color-sf-content-text-color);
    opacity: 0.5;
    font-size: 0.9rem;
}

.sgdnf-empty-icon[b-7ouwftn9lw] {
    font-size: 48px;
}
/* /Components/Shared/HomeGreeting.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   HomeGreeting — Saudação da home
   Prefix: sghg-
═══════════════════════════════════════════════════════════ */

.sghg-shell[b-0voexsg83g] {
    width: 100%;
    padding: 24px 32px 12px 32px;
    box-sizing: border-box;
}

.sghg-content[b-0voexsg83g] {
    max-width: 1600px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 48px;
}

.sghg-heading[b-0voexsg83g] {
    flex: 0 0 auto;
}

/* ── Título da saudação ── */
.sghg-title[b-0voexsg83g] {
    margin: 0;
    font-size: 24px;
    font-weight: 200;
    line-height: 1.15;
    letter-spacing: -0.6px;
    color: var(--color-sf-primary-border-color-hover);
    font-family: "Inter", system-ui, sans-serif;
}

.sghg-subtitle[b-0voexsg83g] {
    margin: 6px 0 0 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #6b7280;
    font-weight: 500;
    letter-spacing: 0.1px;
}

.sghg-subtitle-icon[b-0voexsg83g] {
    color: #9ca3af;
    font-size: 16px;
}

/* ── KPIs inline (à direita do nome) ── */
.sghg-kpis[b-0voexsg83g] {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    align-items: center;
    flex: 0 0 auto;
}

.sghg-kpi[b-0voexsg83g] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 0;
}

.sghg-kpi-icon[b-0voexsg83g] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: var(--sghg-kpi-tint, #64748b);
    font-size: 20px;
    flex-shrink: 0;
    border: 1px solid color-mix(in srgb, var(--sghg-kpi-tint, #64748b) 22%, transparent);
    transition: background 0.2s, border-color 0.2s;
}

.sghg-kpi:hover .sghg-kpi-icon[b-0voexsg83g] {
    background: color-mix(in srgb, var(--sghg-kpi-tint, #64748b) 8%, transparent);
    border-color: color-mix(in srgb, var(--sghg-kpi-tint, #64748b) 35%, transparent);
}

.sghg-kpi-meta[b-0voexsg83g] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.sghg-kpi-value[b-0voexsg83g] {
    font-size: 19px;
    font-weight: 300;
    color: var(--color-sf-border-pressed);
    line-height: 1.1;
    letter-spacing: -0.3px;
    font-variant-numeric: tabular-nums;
}

.sghg-kpi-label[b-0voexsg83g] {
    font-size: 12px;
    color: #6b7280;
    font-weight: 500;
    letter-spacing: 0.1px;
}

/* ── Dark mode ── */
[b-0voexsg83g] .e-dark-mode .sghg-shell,
.e-dark-mode .sghg-shell[b-0voexsg83g] {
    color: #e8e8e8;
}

:global(.e-dark-mode) .sghg-title[b-0voexsg83g],
:global(body.dark-theme) .sghg-title[b-0voexsg83g] {
    color: #f3f4f6;
}

:global(.e-dark-mode) .sghg-crumb-item--active[b-0voexsg83g],
:global(body.dark-theme) .sghg-crumb-item--active[b-0voexsg83g] {
    color: #f3f4f6;
}

:global(.e-dark-mode) .sghg-kpi-value[b-0voexsg83g],
:global(body.dark-theme) .sghg-kpi-value[b-0voexsg83g] {
    color: #f3f4f6;
}

:global(.e-dark-mode) .sghg-subtitle[b-0voexsg83g],
:global(body.dark-theme) .sghg-subtitle[b-0voexsg83g] {
    color: #9ca3af;
}

/* ── Responsivo ── */
@media (max-width: 768px) {
    .sghg-shell[b-0voexsg83g] {
        padding: 16px 20px 8px 20px;
    }
    .sghg-title[b-0voexsg83g] {
        font-size: 28px;
    }
    .sghg-kpis[b-0voexsg83g] {
        gap: 18px;
    }
    .sghg-kpi-value[b-0voexsg83g] {
        font-size: 18px;
    }
}