/* /Components/Chamados/ChamadoCard.razor.rz.scp.css */
.chamado-card[b-6q32q3z8n6] {
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.chamado-card:hover[b-6q32q3z8n6],
.chamado-card:focus-visible[b-6q32q3z8n6] {
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .08) !important;
}

.chamado-icon[b-6q32q3z8n6] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    font-size: 1.1rem;
}

.chamado-chevron[b-6q32q3z8n6] {
    opacity: 0.3;
    transition: opacity 0.15s ease, transform 0.15s ease;
    align-self: center;
}

.chamado-card:hover .chamado-chevron[b-6q32q3z8n6] {
    opacity: 0.7;
    transform: translateX(2px);
}

.min-width-0[b-6q32q3z8n6] {
    min-width: 0;
}
/* /Components/Documentos/MarkdownEditorModal.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   MarkdownEditorModal.razor.css — Estilos ESPECÍFICOS do workspace de edição
   Layout split-workspace vem de /assets/css/split-workspace.css (global)
   Aqui ficam apenas: preview markdown, cards IA, impact colors, progress
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Preview markdown styles ──────────────────────────────────────────── */
[b-o7rq6hxb5c] .ws-preview {
    overflow-y: auto;
    flex: 1 1 auto;
    min-height: 0;
}

[b-o7rq6hxb5c] .ws-preview h1,
[b-o7rq6hxb5c] .ws-preview h2,
[b-o7rq6hxb5c] .ws-preview h3 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

[b-o7rq6hxb5c] .ws-preview pre {
    background: var(--bs-gray-100);
    border-radius: 0.5rem;
    padding: 0.75rem;
    overflow-x: auto;
    font-size: 0.82rem;
}

[b-o7rq6hxb5c] .ws-preview code {
    font-size: 0.85em;
}

[b-o7rq6hxb5c] .ws-preview table {
    width: 100%;
    border-collapse: collapse;
    margin: 0.5rem 0;
}

[b-o7rq6hxb5c] .ws-preview th,
[b-o7rq6hxb5c] .ws-preview td {
    border: 1px solid var(--bs-border-color);
    padding: 0.35rem 0.5rem;
    font-size: 0.82rem;
}

[b-o7rq6hxb5c] .ws-preview th {
    background: var(--bs-gray-100);
    font-weight: 600;
}

[b-o7rq6hxb5c] .ws-preview blockquote {
    border-left: 3px solid var(--bs-primary);
    padding-left: 0.75rem;
    color: var(--bs-secondary);
    margin: 0.5rem 0;
}

[b-o7rq6hxb5c] .ws-preview img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
}

/* ── Cards premium painel IA ──────────────────────────────────────────── */
[b-o7rq6hxb5c] .ws-ia-card {
    border-radius: 12px;
    border: 1px solid var(--bs-border-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease, transform 0.15s ease;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

[b-o7rq6hxb5c] .ws-ia-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.09);
    transform: translateY(-1px);
}

[b-o7rq6hxb5c] .ws-ia-card-header {
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid var(--bs-border-color-translucent);
    background: var(--bs-body-bg);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-o7rq6hxb5c] .ws-ia-card-body {
    padding: 0.6rem 0.75rem;
}

[b-o7rq6hxb5c] .ws-ia-card-footer {
    padding: 0.5rem 0.75rem;
    border-top: 1px solid var(--bs-border-color-translucent);
}

/* Impact indicator left border */
[b-o7rq6hxb5c] .ws-impact-high { border-left: 3px solid var(--bs-success); }
[b-o7rq6hxb5c] .ws-impact-medium { border-left: 3px solid var(--bs-warning); }
[b-o7rq6hxb5c] .ws-impact-low { border-left: 3px solid var(--bs-info); }

/* Progress bars premium (8px) */
[b-o7rq6hxb5c] .ws-progress {
    height: 8px;
    border-radius: 4px;
}
/* /Components/Editor/HermmesMarkdownEditor.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   HermmesMarkdownEditor.razor.css — Estilos do editor CM6 + preview
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Editor CM6 container ─────────────────────────────────────────────── */
[b-yidmbxn0ht] .hermmes-cm-editor {
    display: flex;
    flex-direction: column;
}

[b-yidmbxn0ht] .hermmes-cm-editor .cm-editor {
    height: 100%;
    border: none;
}

[b-yidmbxn0ht] .hermmes-cm-editor .cm-scroller {
    scrollbar-width: thin;
    scrollbar-color: var(--bs-gray-300) transparent;
}

[b-yidmbxn0ht] .hermmes-cm-editor .cm-scroller::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

[b-yidmbxn0ht] .hermmes-cm-editor .cm-scroller::-webkit-scrollbar-track {
    background: transparent;
}

[b-yidmbxn0ht] .hermmes-cm-editor .cm-scroller::-webkit-scrollbar-thumb {
    background: var(--bs-gray-300);
    border-radius: 3px;
    transition: background 0.2s;
}

[b-yidmbxn0ht] .hermmes-cm-editor .cm-scroller::-webkit-scrollbar-thumb:hover {
    background: var(--bs-gray-500);
}

/* ── Divisor entre editor e preview ───────────────────────────────────── */
[b-yidmbxn0ht] .hermmes-cm-divider {
    width: 5px;
    min-width: 5px;
    background: var(--bs-border-color);
    flex-shrink: 0;
    cursor: col-resize;
    transition: background 0.15s ease;
    position: relative;
}

[b-yidmbxn0ht] .hermmes-cm-divider:hover {
    background: var(--bs-primary);
}

[b-yidmbxn0ht] .hermmes-cm-divider::after {
    content: "⋮";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--bs-gray-500);
    font-size: 0.65rem;
    pointer-events: none;
}

/* ── Preview panel ────────────────────────────────────────────────────── */
[b-yidmbxn0ht] .hermmes-cm-preview {
    scrollbar-width: thin;
    scrollbar-color: var(--bs-gray-300) transparent;
    border-left: 1px solid var(--bs-border-color);
}

[b-yidmbxn0ht] .hermmes-cm-preview::-webkit-scrollbar {
    width: 6px;
}

[b-yidmbxn0ht] .hermmes-cm-preview::-webkit-scrollbar-track {
    background: transparent;
}

[b-yidmbxn0ht] .hermmes-cm-preview::-webkit-scrollbar-thumb {
    background: var(--bs-gray-300);
    border-radius: 3px;
}

[b-yidmbxn0ht] .hermmes-cm-preview::-webkit-scrollbar-thumb:hover {
    background: var(--bs-gray-500);
}

/* ── Preview markdown styles ──────────────────────────────────────────── */
[b-yidmbxn0ht] .hermmes-cm-preview h1,
[b-yidmbxn0ht] .hermmes-cm-preview h2,
[b-yidmbxn0ht] .hermmes-cm-preview h3 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

[b-yidmbxn0ht] .hermmes-cm-preview pre {
    background: var(--bs-gray-100);
    border-radius: 0.5rem;
    padding: 0.75rem;
    overflow-x: auto;
    font-size: 0.82rem;
}

[b-yidmbxn0ht] .hermmes-cm-preview code {
    font-size: 0.85em;
}

[b-yidmbxn0ht] .hermmes-cm-preview table {
    width: 100%;
    border-collapse: collapse;
    margin: 0.5rem 0;
}

[b-yidmbxn0ht] .hermmes-cm-preview th,
[b-yidmbxn0ht] .hermmes-cm-preview td {
    border: 1px solid var(--bs-border-color);
    padding: 0.35rem 0.5rem;
    font-size: 0.82rem;
}

[b-yidmbxn0ht] .hermmes-cm-preview th {
    background: var(--bs-gray-100);
    font-weight: 600;
}

[b-yidmbxn0ht] .hermmes-cm-preview blockquote {
    border-left: 3px solid var(--bs-primary);
    padding-left: 0.75rem;
    color: var(--bs-secondary);
    margin: 0.5rem 0;
}

/* ── Toolbar premium: botões do lado direito com tamanho consistente ─── */
[b-yidmbxn0ht] .ws-toolbar-btn {
    font-size: 0.85rem;
    padding: 0.25rem 0.5rem;
    min-width: 32px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

[b-yidmbxn0ht] .ws-toolbar-btn i {
    font-size: 0.95rem;
}

/* ── Responsividade ───────────────────────────────────────────────────── */
@media (max-width: 767.98px) {
    [b-yidmbxn0ht] .hermmes-cm-preview {
        display: none !important;
    }
    [b-yidmbxn0ht] .hermmes-cm-divider {
        display: none !important;
    }
}
/* /Components/Shared/AnexosPanel.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   AnexosPanel.razor.css — CSS Scoped para o componente AnexosPanel
   Chat UX v16
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Wrapper ──────────────────────────────────────────────────────────────── */
.anexos-panel-wrapper[b-swjt04wych] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

/* ── Zona de drag-and-drop ────────────────────────────────────────────────── */
.anexos-dropzone[b-swjt04wych] {
    border: 2px dashed var(--bs-border-color, #dee2e6);
    background: transparent;
    transition: border-color 0.2s ease, background-color 0.2s ease;
    cursor: pointer;
    min-height: 100px;
}

.anexos-dropzone:hover[b-swjt04wych] {
    border-color: var(--bs-primary, #6f42c1);
    background: rgba(var(--bs-primary-rgb, 111, 66, 193), 0.04);
}

.dropzone-active[b-swjt04wych] {
    border-color: var(--bs-primary, #6f42c1) !important;
    background: rgba(var(--bs-primary-rgb, 111, 66, 193), 0.08) !important;
    transform: scale(1.01);
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb, 111, 66, 193), 0.15);
}

/* ── Item da fila de upload ───────────────────────────────────────────────── */
.anexo-fila-item[b-swjt04wych] {
    background: var(--bs-body-bg, #fff);
    transition: background-color 0.15s ease;
}

.anexo-fila-item:hover[b-swjt04wych] {
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.anexo-icon-sm[b-swjt04wych] {
    flex-shrink: 0;
}

/* ── Card de anexo do histórico ───────────────────────────────────────────── */
.anexo-card[b-swjt04wych] {
    background: var(--bs-body-bg, #fff);
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.anexo-card:hover[b-swjt04wych] {
    background: var(--bs-tertiary-bg, #f8f9fa);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

/* ── Barra de progresso ───────────────────────────────────────────────────── */
.progress[b-swjt04wych] {
    border-radius: 2px;
    overflow: hidden;
}

/* ── Cursor pointer no label de seleção ──────────────────────────────────── */
.cursor-pointer[b-swjt04wych] {
    cursor: pointer;
}

/* ── Truncate helper ──────────────────────────────────────────────────────── */
.min-width-0[b-swjt04wych] {
    min-width: 0;
}
/* /Components/Shared/FontesRagPanel.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   FontesRagPanel.razor.css — Estilos do painel de transparência RAG (v13)
   Scoped ao componente via CSS Isolation do Blazor.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── Container principal ─────────────────────────────────────────────────── */
.rag-panel[b-h6rn04coxl] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    background: var(--bs-body-bg);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    font-size: 0.82rem;
}

.rag-panel--loading[b-h6rn04coxl],
.rag-panel--empty[b-h6rn04coxl] {
    border-style: dashed;
    opacity: 0.85;
}

/* ── Cabeçalho ───────────────────────────────────────────────────────────── */
.rag-panel-header[b-h6rn04coxl] {
    padding: 0.6rem 0.85rem;
    background: var(--bs-tertiary-bg, #f8f9fa);
    border-bottom: 1px solid var(--bs-border-color);
}

/* ── Legenda de relevância ───────────────────────────────────────────────── */
.rag-legenda[b-h6rn04coxl] {
    padding: 0.35rem 0.85rem 0;
}

.rag-legenda-item[b-h6rn04coxl] {
    font-size: 0.68rem;
    display: flex;
    align-items: center;
}

.rag-legenda-high[b-h6rn04coxl]  { color: #198754; }
.rag-legenda-medium[b-h6rn04coxl] { color: #fd7e14; }
.rag-legenda-low[b-h6rn04coxl]   { color: #6c757d; }

/* ── Lista de fontes ─────────────────────────────────────────────────────── */
.rag-fontes-lista[b-h6rn04coxl] {
    padding: 0.5rem 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* ── Item de fonte ───────────────────────────────────────────────────────── */
.rag-fonte-item[b-h6rn04coxl] {
    padding: 0.5rem 0.65rem;
    border-radius: 0.5rem;
    border-left: 3px solid transparent;
    background: var(--bs-tertiary-bg, #f8f9fa);
    transition: background-color 0.15s ease;
}

.rag-fonte-item:hover[b-h6rn04coxl] {
    background: var(--bs-secondary-bg, #e9ecef);
}

/* Tier colors */
.rag-score-high[b-h6rn04coxl]   { border-left-color: #198754; }
.rag-score-medium[b-h6rn04coxl] { border-left-color: #fd7e14; }
.rag-score-low[b-h6rn04coxl]    { border-left-color: #adb5bd; }

/* ── Barra de score ──────────────────────────────────────────────────────── */
.rag-score-bar[b-h6rn04coxl] {
    width: 48px;
    height: 5px;
    background: var(--bs-border-color);
    border-radius: 99px;
    overflow: hidden;
}

.rag-score-fill[b-h6rn04coxl] {
    height: 100%;
    border-radius: 99px;
    transition: width 0.4s ease;
}

.rag-fill-high[b-h6rn04coxl]   { background: #198754; }
.rag-fill-medium[b-h6rn04coxl] { background: #fd7e14; }
.rag-fill-low[b-h6rn04coxl]    { background: #adb5bd; }

/* ── Badges de tier ──────────────────────────────────────────────────────── */
.rag-badge-high[b-h6rn04coxl] {
    background: rgba(25, 135, 84, 0.12);
    color: #198754;
    font-size: 0.65rem;
    font-weight: 600;
}

.rag-badge-medium[b-h6rn04coxl] {
    background: rgba(253, 126, 20, 0.12);
    color: #fd7e14;
    font-size: 0.65rem;
    font-weight: 600;
}

.rag-badge-low[b-h6rn04coxl] {
    background: rgba(108, 117, 125, 0.12);
    color: #6c757d;
    font-size: 0.65rem;
    font-weight: 600;
}

/* ── Chunk expandível ────────────────────────────────────────────────────── */
.rag-chunk-content[b-h6rn04coxl] {
    font-size: 0.75rem;
    color: var(--bs-secondary-color);
    border-left: 2px solid var(--bs-border-color);
    padding-left: 0.5rem;
    margin-left: 0.25rem;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
}

details > summary[b-h6rn04coxl] {
    cursor: pointer;
    user-select: none;
    list-style: none;
}

details > summary[b-h6rn04coxl]::-webkit-details-marker {
    display: none;
}

details[open] > summary[b-h6rn04coxl] {
    color: var(--bs-primary);
}

/* ── Rodapé ──────────────────────────────────────────────────────────────── */
.rag-panel-footer[b-h6rn04coxl] {
    padding: 0.4rem 0.85rem;
    font-size: 0.68rem;
    color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg, #f8f9fa);
    border-top: 1px solid var(--bs-border-color);
    opacity: 0.85;
}

/* ── Botão de fechar ─────────────────────────────────────────────────────── */
.btn-icon[b-h6rn04coxl] {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    color: var(--bs-secondary-color);
    transition: background-color 0.15s ease, color 0.15s ease;
}

.btn-icon:hover[b-h6rn04coxl] {
    background: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}

/* ── Scrollbar fina ──────────────────────────────────────────────────────── */
.rag-fontes-lista[b-h6rn04coxl]::-webkit-scrollbar {
    width: 4px;
}

.rag-fontes-lista[b-h6rn04coxl]::-webkit-scrollbar-track {
    background: transparent;
}

.rag-fontes-lista[b-h6rn04coxl]::-webkit-scrollbar-thumb {
    background: var(--bs-border-color);
    border-radius: 2px;
}
/* /Components/Shared/Inputs/InputDocumento.razor.rz.scp.css */
/* Componentes de input com máscara — estilo premium compartilhado.
   CSS isolado (.razor.css) — gera seletor escopado pelo Blazor. */

.input-validation-icon[b-u6pwsmj1eq] {
    pointer-events: none;
    z-index: 2;
    padding-right: 0.5rem;
    font-size: 1rem;
}

/* Input com badge de validação precisa de padding-right extra para não
   sobrepor o texto do usuário sobre o ícone. */
.position-relative > input.form-control[b-u6pwsmj1eq] {
    padding-right: 2.25rem;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.position-relative > input.form-control.is-valid[b-u6pwsmj1eq],
.position-relative > input.form-control.is-invalid[b-u6pwsmj1eq] {
    background-image: none; /* remove o ícone SVG padrão do Bootstrap — usamos o nosso */
}

.position-relative > input.form-control:focus[b-u6pwsmj1eq] {
    box-shadow: 0 0 0 0.25rem rgba(99, 102, 241, 0.15);
}
/* /Components/Shared/Kpi/DashboardStatCard.razor.rz.scp.css */
/* Card KPI premium do dashboard — fundo neutro (surface) + accent lateral fino
   + ícone em chip + hover-lift. Cores via CSS vars (--bs-*) → respeita os 6
   temas (theme.css) e dark mode. Substitui os cards-hero de gradiente pastel. */

.stat-card[b-zu9jg35s2y] {
    position: relative;
    overflow: hidden;
    background: var(--bs-card-bg);
    transition: transform .18s ease, box-shadow .18s ease;
}

.stat-card:hover[b-zu9jg35s2y] {
    transform: translateY(-3px);
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .10) !important;
}

/* Barra de accent lateral (4px). */
.stat-card__accent[b-zu9jg35s2y] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    border-radius: 4px 0 0 4px;
    background: var(--stat-accent);
}

.stat-card--primary[b-zu9jg35s2y] { --stat-accent: var(--bs-primary); --stat-icon-bg: rgba(var(--bs-primary-rgb), .12); --stat-icon-fg: var(--bs-primary); }
.stat-card--success[b-zu9jg35s2y] { --stat-accent: var(--bs-success); --stat-icon-bg: rgba(var(--bs-success-rgb), .12); --stat-icon-fg: var(--bs-success); }
.stat-card--danger[b-zu9jg35s2y] { --stat-accent: var(--bs-danger); --stat-icon-bg: rgba(var(--bs-danger-rgb), .12); --stat-icon-fg: var(--bs-danger); }
.stat-card--warning[b-zu9jg35s2y] { --stat-accent: var(--bs-warning); --stat-icon-bg: rgba(var(--bs-warning-rgb), .15); --stat-icon-fg: var(--bs-warning-text-emphasis); }
.stat-card--info[b-zu9jg35s2y] { --stat-accent: var(--bs-info); --stat-icon-bg: rgba(var(--bs-info-rgb), .12); --stat-icon-fg: var(--bs-info); }
.stat-card--neutral[b-zu9jg35s2y] { --stat-accent: var(--bs-border-color); --stat-icon-bg: var(--bs-tertiary-bg); --stat-icon-fg: var(--bs-secondary-color); }

.stat-card__icon[b-zu9jg35s2y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .75rem;
    background: var(--stat-icon-bg);
    color: var(--stat-icon-fg);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.stat-card__label[b-zu9jg35s2y] {
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .04em;
    color: var(--bs-secondary-color);
}

.stat-card__value[b-zu9jg35s2y] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--bs-emphasis-color);
}

.stat-card__variation[b-zu9jg35s2y] {
    font-size: .8rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.stat-card__sub[b-zu9jg35s2y] {
    font-size: .75rem;
    color: var(--bs-secondary-color);
}

@media (max-width: 575.98px) {
    .stat-card__value[b-zu9jg35s2y] { font-size: 1.45rem; }
}

@media (prefers-reduced-motion: reduce) {
    .stat-card[b-zu9jg35s2y],
    .stat-card:hover[b-zu9jg35s2y] {
        transition: none;
        transform: none;
    }
}
/* /Components/Shared/Kpi/DocumentoIndicadoresCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   DocumentoIndicadoresCard.razor.css — Estilos scoped
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Base ────────────────────────────────────────────────────────────────── */
.doc-indicadores[b-rv6r071u7e] {
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color-translucent);
}

/* ── Grid horizontal de indicadores — responsivo por container ────────────── */
.indicadores__grid[b-rv6r071u7e] {
    display: grid;
    /* auto-fill com minmax garante que colunas colapsem automaticamente
       quando o container (coluna do workspace) encolhe — sem depender de viewport */
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    gap: 0;
}

.indicadores__item[b-rv6r071u7e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 8px 4px;
    position: relative;
    transition: background-color 0.3s ease;
}

/* Separador vertical entre itens (exceto o último) */
.indicadores__item:not(:last-child)[b-rv6r071u7e]::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background: var(--bs-border-color-translucent);
}

.indicadores__label[b-rv6r071u7e] {
    font-size: 0.65rem;
    color: var(--bs-secondary-color);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 2px;
    font-weight: 500;
}

.indicadores__valor[b-rv6r071u7e] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Compact ─────────────────────────────────────────────────────────────── */
.doc-indicadores--compact[b-rv6r071u7e] {
    overflow: hidden;
}

.doc-indicadores--compact .indicadores__valor[b-rv6r071u7e] {
    font-size: 0.9rem;
}

/* ── Detailed ────────────────────────────────────────────────────────────── */
.doc-indicadores--detailed[b-rv6r071u7e] {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.indicadores__grid--detailed .indicadores__item[b-rv6r071u7e] {
    padding: 10px 6px;
}

.indicadores__grid--detailed .indicadores__valor[b-rv6r071u7e] {
    font-size: 1.1rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   Animação sutil — Campo Sugestões quando > 0
   Pulso suave + realce de fundo para induzir melhoria sem ser agressivo
   ══════════════════════════════════════════════════════════════════════════ */

/* Fundo sutil no item quando há sugestões */
.indicadores__item--highlight[b-rv6r071u7e] {
    background: rgba(var(--bs-warning-rgb), 0.06);
    border-radius: 8px;
}

/* Valor com cor de destaque */
.indicadores__valor--sugestoes[b-rv6r071u7e] {
    color: var(--bs-warning-text-emphasis);
}

/* Ícone com pulso suave — 1 ciclo e para (não contínuo) */
.indicadores__icon-sugestoes[b-rv6r071u7e] {
    font-size: 0.75em;
    animation: sugestoes-pulse-b-rv6r071u7e 2s ease-in-out 1;
}

@keyframes sugestoes-pulse-b-rv6r071u7e {
    0%   { opacity: 0.4; transform: scale(0.8); }
    40%  { opacity: 1;   transform: scale(1.15); }
    70%  { opacity: 0.9; transform: scale(1); }
    100% { opacity: 1;   transform: scale(1); }
}

/* Brilho sutil no hover do item com sugestões */
.indicadores__item--highlight:hover[b-rv6r071u7e] {
    background: rgba(var(--bs-warning-rgb), 0.10);
}

/* Responsivo: auto-fill com minmax(60px, 1fr) cuida do colapso automático.
   Media query por viewport removido — em workspaces com colunas redimensionáveis,
   o container pode ser estreito mesmo em viewports largos. */
/* /Components/Shared/OnboardingCard.razor.rz.scp.css */
/* ── OnboardingCard — Animações e estilos ─────────────────────────────────── */

.onboarding-card[b-20v37mqk6a] {
    animation: onboarding-slide-in-b-20v37mqk6a 0.4s ease-out;
    background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
}

.onboarding-fade-out[b-20v37mqk6a] {
    animation: onboarding-fade-out-b-20v37mqk6a 0.5s ease-in forwards;
}

@keyframes onboarding-slide-in-b-20v37mqk6a {
    from {
        opacity: 0;
        transform: translateY(-12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes onboarding-fade-out-b-20v37mqk6a {
    from {
        opacity: 1;
        transform: translateY(0);
        max-height: 500px;
    }
    to {
        opacity: 0;
        transform: translateY(-12px);
        max-height: 0;
        margin-bottom: 0;
        padding: 0;
        overflow: hidden;
    }
}
/* /Components/Shared/SaudeAssistentePanel.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   SaudeAssistentePanel — Estilos do painel de saúde da assistente
   ═══════════════════════════════════════════════════════════════════════════════ */

.saude-panel[b-d171r9t92w] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.saude-panel--loading[b-d171r9t92w],
.saude-panel--error[b-d171r9t92w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    min-height: 60px;
}

/* ── Cabeçalho com ring ──────────────────────────────────────────────────── */

.saude-header[b-d171r9t92w] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.saude-ring-container[b-d171r9t92w] {
    position: relative;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
}

.saude-ring[b-d171r9t92w] {
    width: 100%;
    height: 100%;
}

.saude-ring-progress[b-d171r9t92w] {
    transition: stroke-dashoffset 0.8s ease-in-out;
}

.saude-ring-label[b-d171r9t92w] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: baseline;
    gap: 1px;
}

.saude-score[b-d171r9t92w] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

.saude-percent[b-d171r9t92w] {
    font-size: 0.65rem;
    font-weight: 600;
    color: #9ca3af;
}

.saude-status[b-d171r9t92w] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.saude-status-label[b-d171r9t92w] {
    font-size: 0.85rem;
    font-weight: 600;
}

.saude-refresh-btn[b-d171r9t92w] {
    font-size: 0.75rem;
    text-decoration: none !important;
}

.saude-refresh-btn:hover[b-d171r9t92w] {
    color: #3b82f6 !important;
}

.spin[b-d171r9t92w] {
    animation: spin-b-d171r9t92w 0.8s linear infinite;
}

@keyframes spin-b-d171r9t92w {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* ── Breakdown por categoria ─────────────────────────────────────────────── */

.saude-breakdown[b-d171r9t92w] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f3f4f6;
}

.saude-bar-item[b-d171r9t92w] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.saude-bar-label[b-d171r9t92w] {
    display: flex;
    justify-content: space-between;
    font-size: 0.7rem;
    color: #6b7280;
}

.saude-bar-score[b-d171r9t92w] {
    font-weight: 600;
}

.saude-bar-track[b-d171r9t92w] {
    height: 4px;
    background: #f3f4f6;
    border-radius: 2px;
    overflow: hidden;
}

.saude-bar-fill[b-d171r9t92w] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.6s ease-in-out;
}

/* ── Insights ────────────────────────────────────────────────────────────── */

.saude-insights[b-d171r9t92w] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.saude-insights-title[b-d171r9t92w] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #374151;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.saude-insight-item[b-d171r9t92w] {
    background: #f9fafb;
    border-radius: 8px;
    padding: 0.6rem 0.75rem;
    border-left: 3px solid #e5e7eb;
}

.saude-insight--alta[b-d171r9t92w] {
    border-left-color: #ef4444;
}

.saude-insight--média[b-d171r9t92w] {
    border-left-color: #f59e0b;
}

.saude-insight--baixa[b-d171r9t92w] {
    border-left-color: #3b82f6;
}

.saude-insight-header[b-d171r9t92w] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.25rem;
}

.saude-insight-badge[b-d171r9t92w] {
    font-size: 0.6rem;
    padding: 0.1rem 0.35rem;
    border-radius: 4px;
}

.saude-insight-titulo[b-d171r9t92w] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #1f2937;
}

.saude-insight-descricao[b-d171r9t92w] {
    font-size: 0.72rem;
    color: #6b7280;
    margin: 0;
    line-height: 1.4;
}

.saude-insight-action[b-d171r9t92w] {
    font-size: 0.7rem;
    text-decoration: none !important;
    margin-top: 0.25rem;
}

.saude-toggle-all[b-d171r9t92w] {
    font-size: 0.72rem;
    text-decoration: none !important;
    align-self: center;
}

.saude-insights-empty[b-d171r9t92w] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */

.saude-footer[b-d171r9t92w] {
    margin-top: 0.5rem;
    text-align: right;
}
/* /Components/Shared/SemAcessoEmptyState.razor.rz.scp.css */
.sem-acesso-empty-state[b-jch487yn34] {
    background: linear-gradient(180deg, rgba(13, 110, 253, 0.02) 0%, transparent 60%);
}

.sem-acesso-icon-wrapper[b-jch487yn34] {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background: rgba(13, 110, 253, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sem-acesso-icon-wrapper i[b-jch487yn34] {
    font-size: 1.875rem;
    color: rgba(13, 110, 253, 0.7);
}

.sem-acesso-mensagem[b-jch487yn34] {
    max-width: 480px;
    line-height: 1.5;
}
/* /Components/Shared/VelmaxMascot/VelmaxChatPanel.razor.rz.scp.css */
/* ── VelmaxChatPanel — CSS isolado ────────────────────────────────── */

.velmax-chat[b-wvw2vtw5q6] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 320px;
}

/* ── Messages Area ── */

.velmax-chat-messages[b-wvw2vtw5q6] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 8px;
    max-height: 340px;
    scrollbar-width: thin;
    scrollbar-color: #d7dae2 transparent;
}

.velmax-chat-messages[b-wvw2vtw5q6]::-webkit-scrollbar { width: 10px; height: 10px; }
.velmax-chat-messages[b-wvw2vtw5q6]::-webkit-scrollbar-thumb {
    background: #d7dae2;
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
}
.velmax-chat-messages[b-wvw2vtw5q6]::-webkit-scrollbar-track { background: transparent; }

:global([data-bs-theme="dark"]) .velmax-chat-messages[b-wvw2vtw5q6] {
    scrollbar-color: rgba(255, 255, 255, 0.12) transparent;
}
:global([data-bs-theme="dark"]) .velmax-chat-messages[b-wvw2vtw5q6]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
}

/* ── Empty State ── */

.velmax-chat-empty[b-wvw2vtw5q6] {
    text-align: center;
    padding: 24px 8px;
}

.velmax-chat-empty-icon[b-wvw2vtw5q6] {
    font-size: 40px;
    margin-bottom: 8px;
    animation: velmax-bounce-b-wvw2vtw5q6 2s ease-in-out infinite;
}

.velmax-chat-suggestions[b-wvw2vtw5q6] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
}

.velmax-suggestion-chip[b-wvw2vtw5q6] {
    appearance: none;
    border: 1px solid rgba(185, 140, 255, 0.25);
    background: rgba(185, 140, 255, 0.06);
    color: var(--bs-body-color);
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.velmax-suggestion-chip:hover[b-wvw2vtw5q6] {
    background: rgba(185, 140, 255, 0.15);
    border-color: rgba(185, 140, 255, 0.4);
    transform: translateY(-1px);
}

/* ── Message Bubbles ── */

.velmax-chat-msg[b-wvw2vtw5q6] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    animation: velmax-msg-in-b-wvw2vtw5q6 200ms ease-out;
}

.velmax-chat-msg.user[b-wvw2vtw5q6] {
    justify-content: flex-end;
}

.velmax-chat-msg.user .velmax-chat-content[b-wvw2vtw5q6] {
    background: rgba(185, 140, 255, 0.15);
    border-radius: 14px 14px 4px 14px;
    color: var(--bs-body-color);
    max-width: 80%;
}

.velmax-chat-msg.assistant .velmax-chat-content[b-wvw2vtw5q6] {
    background: var(--bs-body-bg, #f8f9fa);
    border: 1px solid var(--bs-border-color, #eee);
    border-radius: 14px 14px 14px 4px;
    max-width: 85%;
}

.velmax-chat-content[b-wvw2vtw5q6] {
    padding: 10px 14px;
    font-size: 13px;
    line-height: 1.55;
    word-break: break-word;
}

.velmax-chat-avatar[b-wvw2vtw5q6] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(185, 140, 255, 0.1);
    display: grid;
    place-items: center;
    flex-shrink: 0;
    font-size: 14px;
}

/* ── Streaming Cursor ── */

.velmax-chat-cursor[b-wvw2vtw5q6] {
    display: inline-block;
    animation: velmax-cursor-blink-b-wvw2vtw5q6 600ms steps(1) infinite;
    color: #b98cff;
    font-weight: bold;
}

/* ── Daily Limit ── */

.velmax-chat-limit[b-wvw2vtw5q6] {
    padding: 6px 0;
    text-align: center;
    border-top: 1px solid var(--bs-border-color, #eee);
}

/* ── Input Area ── */

.velmax-chat-input[b-wvw2vtw5q6] {
    display: flex;
    gap: 8px;
    padding-top: 8px;
}

.velmax-chat-input[b-wvw2vtw5q6]  .form-control {
    border-radius: 20px;
    padding: 8px 16px;
    font-size: 13px;
    border: 1px solid var(--bs-border-color, #eee);
}

.velmax-chat-input[b-wvw2vtw5q6]  .form-control:focus {
    box-shadow: 0 0 0 2px rgba(185, 140, 255, 0.2);
    border-color: rgba(185, 140, 255, 0.4);
}

.velmax-send-btn[b-wvw2vtw5q6] {
    width: 38px;
    height: 38px;
    border-radius: 50% !important;
    background: rgba(185, 140, 255, 0.15) !important;
    color: #b98cff !important;
    border: 1px solid rgba(185, 140, 255, 0.25) !important;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    padding: 0 !important;
    transition: all 0.15s ease;
}

.velmax-send-btn:hover:not(:disabled)[b-wvw2vtw5q6] {
    background: rgba(185, 140, 255, 0.25) !important;
    transform: scale(1.05);
}

.velmax-send-btn:disabled[b-wvw2vtw5q6] {
    opacity: 0.4;
}

/* ── Keyframes ── */

@keyframes velmax-bounce-b-wvw2vtw5q6 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

@keyframes velmax-msg-in-b-wvw2vtw5q6 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes velmax-cursor-blink-b-wvw2vtw5q6 {
    0%, 49% { opacity: 1; }
    50%, 100% { opacity: 0; }
}
/* /Components/Shared/VelmaxMascot/VelmaxHelpModal.razor.rz.scp.css */
/* ── VelmaxHelpModal — XXL 3 Colunas ─────────────────────────────── */

/* ── Backdrop ── */
.velmax-modal-backdrop[b-pev7qf7wqe] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    background: rgba(0, 0, 0, 0.55);
    display: grid;
    place-items: center;
    animation: velmax-fade-in-b-pev7qf7wqe 200ms ease-out;
    backdrop-filter: blur(3px);
}

/* ── Modal Container (XXL) ── */
.velmax-modal[b-pev7qf7wqe] {
    width: min(1200px, calc(100vw - 48px));
    max-height: min(780px, calc(100vh - 48px));
    display: flex;
    flex-direction: column;
    border-radius: 1.5rem;
    background: var(--bs-card-bg, #fff);
    border: 1px solid var(--bs-border-color, #eee);
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.3),
                0 0 0 1px rgba(185, 140, 255, 0.1);
    animation: velmax-modal-in-b-pev7qf7wqe 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
    overflow: hidden;
}

/* ── Header ── */
.velmax-modal-header[b-pev7qf7wqe] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--bs-border-color, #eee);
    flex-shrink: 0;
}

.velmax-modal-avatar[b-pev7qf7wqe] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(185, 140, 255, 0.1);
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.velmax-header-search[b-pev7qf7wqe] {
    flex: 1;
    max-width: 320px;
    margin-left: auto;
    margin-right: 12px;
}

.velmax-header-search[b-pev7qf7wqe]  .input-group {
    border-radius: 10px;
    overflow: hidden;
}

.velmax-header-search[b-pev7qf7wqe]  .form-control:focus {
    box-shadow: none;
    border-color: rgba(185, 140, 255, 0.4);
}

.velmax-header-search[b-pev7qf7wqe]  .input-group-text {
    border-color: var(--bs-border-color, #eee);
}

/* ── Welcome ── */
.velmax-welcome[b-pev7qf7wqe] {
    padding: 10px 24px;
    background: rgba(185, 140, 255, 0.05);
    border-bottom: 1px solid var(--bs-border-color, #eee);
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--bs-body-color);
    flex-shrink: 0;
}

/* ── Body (scrollable, 3 colunas) ── */
.velmax-modal-body[b-pev7qf7wqe] {
    flex: 1;
    overflow-y: auto;
    padding: 20px 24px;
    scrollbar-width: thin;
    scrollbar-color: #d7dae2 transparent;
}

.velmax-modal-body[b-pev7qf7wqe]::-webkit-scrollbar { width: 10px; height: 10px; }
.velmax-modal-body[b-pev7qf7wqe]::-webkit-scrollbar-thumb {
    background: #d7dae2;
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
}
.velmax-modal-body[b-pev7qf7wqe]::-webkit-scrollbar-track { background: transparent; }

:global([data-bs-theme="dark"]) .velmax-modal-body[b-pev7qf7wqe] {
    scrollbar-color: rgba(255, 255, 255, 0.12) transparent;
}
:global([data-bs-theme="dark"]) .velmax-modal-body[b-pev7qf7wqe]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
}

/* ── Column Title ── */
.velmax-col-title[b-pev7qf7wqe] {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--bs-body-color);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

/* ── Column Content (scrollable individually) ── */
.velmax-col-content[b-pev7qf7wqe] {
    flex: 1;
    overflow-y: auto;
    padding-right: 4px;
    max-height: calc(780px - 200px);
    scrollbar-width: thin;
    scrollbar-color: #d7dae2 transparent;
}

.velmax-col-content[b-pev7qf7wqe]::-webkit-scrollbar { width: 10px; height: 10px; }
.velmax-col-content[b-pev7qf7wqe]::-webkit-scrollbar-thumb {
    background: #d7dae2;
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
}
.velmax-col-content[b-pev7qf7wqe]::-webkit-scrollbar-track { background: transparent; }

:global([data-bs-theme="dark"]) .velmax-col-content[b-pev7qf7wqe] {
    scrollbar-color: rgba(255, 255, 255, 0.12) transparent;
}
:global([data-bs-theme="dark"]) .velmax-col-content[b-pev7qf7wqe]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
}

/* Chat column needs to fill height */
.velmax-col-chat[b-pev7qf7wqe] {
    display: flex;
    flex-direction: column;
}

/* ── Tips ── */
.velmax-tip-card[b-pev7qf7wqe] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    border-radius: 12px;
    background: var(--bs-body-bg, #f8f9fa);
    border: 1px solid var(--bs-border-color, #eee);
    margin-bottom: 8px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.velmax-tip-card:hover[b-pev7qf7wqe] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.velmax-tip-icon[b-pev7qf7wqe] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(185, 140, 255, 0.12);
    color: #b98cff;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    font-size: 14px;
}

/* ── FAQ ── */
.velmax-faq-list[b-pev7qf7wqe] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.velmax-faq-item[b-pev7qf7wqe] {
    border-radius: 10px;
    border: 1px solid var(--bs-border-color, #eee);
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.15s ease;
}

.velmax-faq-item:hover[b-pev7qf7wqe] {
    border-color: rgba(185, 140, 255, 0.3);
}

.velmax-faq-item.expanded[b-pev7qf7wqe] {
    border-color: rgba(185, 140, 255, 0.4);
    background: rgba(185, 140, 255, 0.03);
}

.velmax-faq-question[b-pev7qf7wqe] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 500;
    color: var(--bs-body-color);
}

.velmax-faq-answer[b-pev7qf7wqe] {
    padding: 0 14px 12px;
    font-size: 12px;
    line-height: 1.6;
    color: var(--bs-secondary-color);
    animation: velmax-slide-down-b-pev7qf7wqe 200ms ease-out;
}

/* ── Guides ── */
.velmax-guide-card[b-pev7qf7wqe] {
    border-radius: 10px;
    border: 1px solid var(--bs-border-color, #eee);
    padding: 12px;
    margin-bottom: 8px;
}

.velmax-guide-icon[b-pev7qf7wqe] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(185, 140, 255, 0.12);
    color: #b98cff;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    font-size: 14px;
}

.velmax-guide-steps[b-pev7qf7wqe] {
    margin: 0;
    padding-left: 18px;
    font-size: 12px;
    line-height: 1.6;
    color: var(--bs-secondary-color);
}

.velmax-guide-steps li[b-pev7qf7wqe] {
    padding: 2px 0;
}

.velmax-guide-steps li[b-pev7qf7wqe]::marker {
    color: #b98cff;
    font-weight: 600;
}

/* ── Search Results ── */
.velmax-search-result[b-pev7qf7wqe] {
    padding: 12px;
    border-radius: 10px;
    border: 1px solid var(--bs-border-color, #eee);
    transition: background 0.15s ease;
    height: 100%;
}

.velmax-search-result:hover[b-pev7qf7wqe] {
    background: rgba(185, 140, 255, 0.04);
}

/* ── Footer ── */
.velmax-modal-footer[b-pev7qf7wqe] {
    padding: 10px 24px;
    border-top: 1px solid var(--bs-border-color, #eee);
    text-align: center;
    flex-shrink: 0;
}

/* ── Nav Pills override (se necessario) ── */
.velmax-modal-body[b-pev7qf7wqe]  .nav-pills .nav-link {
    font-size: 13px;
    padding: 6px 14px;
    color: var(--bs-body-color);
}

.velmax-modal-body[b-pev7qf7wqe]  .nav-pills .nav-link.active {
    background: rgba(185, 140, 255, 0.15);
    color: #b98cff;
}

/* ── Column separators ── */
.velmax-modal-body[b-pev7qf7wqe]  .col-lg-4 {
    border-right: 1px solid var(--bs-border-color, #eee);
}

.velmax-modal-body[b-pev7qf7wqe]  .col-lg-4:last-child {
    border-right: none;
}

/* Scrollbar padrao do sistema ja definido acima em .velmax-col-content */

/* ── Keyframes ── */
@keyframes velmax-fade-in-b-pev7qf7wqe {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes velmax-modal-in-b-pev7qf7wqe {
    from { opacity: 0; transform: scale(0.94) translateY(16px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

@keyframes velmax-slide-down-b-pev7qf7wqe {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── Mobile: stack columns ── */
@media (max-width: 991.98px) {
    .velmax-modal[b-pev7qf7wqe] {
        width: calc(100vw - 16px);
        max-height: calc(100vh - 32px);
        border-radius: 1rem;
    }

    .velmax-modal-header[b-pev7qf7wqe] {
        flex-wrap: wrap;
        gap: 8px;
        padding: 12px 16px;
    }

    .velmax-header-search[b-pev7qf7wqe] {
        max-width: 100%;
        order: 3;
        flex-basis: 100%;
    }

    .velmax-modal-body[b-pev7qf7wqe] {
        padding: 12px 16px;
    }

    .velmax-col-content[b-pev7qf7wqe] {
        max-height: none;
    }

    .velmax-modal-body[b-pev7qf7wqe]  .col-lg-4 {
        border-right: none;
        border-bottom: 1px solid var(--bs-border-color, #eee);
        padding-bottom: 16px;
    }

    .velmax-modal-body[b-pev7qf7wqe]  .col-lg-4:last-child {
        border-bottom: none;
    }
}

/* ── Conteúdo rico (markdown via Markdig) — Regra 38 ──────────────────────────
   .velmax-md é o container Blazor-scoped; o HTML interno vem do MarkdownRenderService
   (sem scope-id), então cascateamos com ::deep. */
.velmax-md[b-pev7qf7wqe]  p {
    margin: 0 0 8px;
}

.velmax-md[b-pev7qf7wqe]  p:last-child {
    margin-bottom: 0;
}

.velmax-md[b-pev7qf7wqe]  ul,
.velmax-md[b-pev7qf7wqe]  ol {
    margin: 0 0 8px;
    padding-left: 18px;
}

.velmax-md[b-pev7qf7wqe]  li {
    margin-bottom: 3px;
}

.velmax-md[b-pev7qf7wqe]  code {
    font-family: 'Cascadia Code', 'Consolas', 'Monaco', monospace;
    font-size: 0.85em;
    background: rgba(185, 140, 255, 0.12);
    color: #7a4fd0;
    padding: 1px 5px;
    border-radius: 4px;
}

.velmax-md[b-pev7qf7wqe]  pre {
    background: var(--bs-tertiary-bg, #f6f3fc);
    border: 1px solid rgba(185, 140, 255, 0.25);
    border-radius: 8px;
    padding: 10px 12px;
    overflow-x: auto;
    margin: 0 0 8px;
}

.velmax-md[b-pev7qf7wqe]  pre code {
    background: none;
    color: inherit;
    padding: 0;
    font-size: 0.8em;
    line-height: 1.45;
}

.velmax-md[b-pev7qf7wqe]  table {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 8px;
    font-size: 0.82em;
}

.velmax-md[b-pev7qf7wqe]  th,
.velmax-md[b-pev7qf7wqe]  td {
    border: 1px solid var(--bs-border-color, #e6e0f2);
    padding: 5px 8px;
    text-align: left;
}

.velmax-md[b-pev7qf7wqe]  th {
    background: rgba(185, 140, 255, 0.10);
    font-weight: 600;
}

.velmax-md[b-pev7qf7wqe]  blockquote {
    border-left: 3px solid #b98cff;
    margin: 0 0 8px;
    padding: 2px 0 2px 12px;
    color: var(--bs-secondary-color, #6c757d);
}

.velmax-md[b-pev7qf7wqe]  a {
    color: #8a5cf0;
    text-decoration: none;
    border-bottom: 1px solid rgba(138, 92, 240, 0.35);
}

.velmax-md[b-pev7qf7wqe]  a:hover {
    border-bottom-color: #8a5cf0;
}

.velmax-md[b-pev7qf7wqe]  img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 4px 0;
}

.velmax-md[b-pev7qf7wqe]  hr {
    border: 0;
    border-top: 1px solid var(--bs-border-color, #e6e0f2);
    margin: 10px 0;
}

/* Fluxogramas mermaid: <pre class="mermaid"> é o container nativo (velmaxMermaid
   renderiza o SVG dentro dele). Sem o visual de bloco de código. */
.velmax-md[b-pev7qf7wqe]  pre.mermaid {
    background: transparent;
    border: none;
    padding: 4px 0;
    text-align: center;
    overflow-x: auto;
}

.velmax-md[b-pev7qf7wqe]  pre.mermaid svg {
    max-width: 100%;
    height: auto;
}
/* /Components/Shared/VelmaxMascot/VelmaxSidebar.razor.rz.scp.css */
/* ── VelmaxSidebar — CSS isolado ────────────────────────────────── */
/* Todas as animacoes visuais sao CSS puro (zero roundtrip SignalR). */

.velmax-sidebar[b-vrj7oyg2bh] {
    list-style: none;
}

.velmax-card[b-vrj7oyg2bh] {
    background: transparent;
    overflow: visible;
}

/* ── SVG Character ── */

.velmax-character[b-vrj7oyg2bh] {
    width: 90px;
    margin: 0 auto;
    animation: velmax-float-b-vrj7oyg2bh 3.2s ease-in-out infinite;
    filter: drop-shadow(0 0 8px rgba(185, 140, 255, 0.25));
    cursor: pointer;
    transition: transform 0.2s ease;
}

.velmax-character:hover[b-vrj7oyg2bh] {
    transform: scale(1.08);
}

.velmax-character:active[b-vrj7oyg2bh] {
    transform: scale(0.95);
}

/* Dark mode: glow neon forte */
:global([data-bs-theme="dark"]) .velmax-character[b-vrj7oyg2bh] {
    filter: drop-shadow(0 0 14px rgba(185, 140, 255, 0.45))
            drop-shadow(0 0 4px rgba(185, 140, 255, 0.2));
}

/* Light mode: glow sutil */
:global([data-bs-theme="light"]) .velmax-character[b-vrj7oyg2bh] {
    filter: drop-shadow(0 0 4px rgba(185, 140, 255, 0.15));
}

/* ── SVG Strokes ── */

.velmax-character[b-vrj7oyg2bh]  svg .stroke {
    fill: none;
    stroke: #b98cff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.velmax-character[b-vrj7oyg2bh]  svg .stroke-ghost {
    fill: none;
    stroke: rgba(185, 140, 255, 0.16);
    stroke-width: 2;
    stroke-linecap: round;
}

/* ── 1. Cursor/antena — blink ── */

.velmax-character[b-vrj7oyg2bh]  .velmax-cursor {
    animation: velmax-cursor-blink-b-vrj7oyg2bh 950ms steps(1) infinite;
}

/* ── 2. Linha tracejada — scroll ── */

.velmax-character[b-vrj7oyg2bh]  .velmax-dashed {
    stroke-dasharray: 10 8;
    animation: velmax-dash-scroll-b-vrj7oyg2bh 900ms steps(2) infinite;
}

/* ── 3. Corpo — frame swap ── */

.velmax-character[b-vrj7oyg2bh]  .velmax-body-a {
    animation: velmax-frame-a-b-vrj7oyg2bh 3.2s steps(1) infinite;
}

.velmax-character[b-vrj7oyg2bh]  .velmax-body-b {
    animation: velmax-frame-b-b-vrj7oyg2bh 3.2s steps(1) infinite;
}

/* ── 4. Olhos — blink ── */

.velmax-character[b-vrj7oyg2bh]  .velmax-eyes-open {
    animation: velmax-eyes-blink-b-vrj7oyg2bh 4s ease-in-out infinite;
}

.velmax-character[b-vrj7oyg2bh]  .velmax-eyes-closed {
    animation: velmax-eyes-blink-inv-b-vrj7oyg2bh 4s ease-in-out infinite;
}

/* ── 6. Tentaculos — frame swap ── */

.velmax-character[b-vrj7oyg2bh]  .velmax-legs-a {
    animation: velmax-frame-a-b-vrj7oyg2bh 3.2s steps(1) infinite;
}

.velmax-character[b-vrj7oyg2bh]  .velmax-legs-b {
    animation: velmax-frame-b-b-vrj7oyg2bh 3.2s steps(1) infinite;
}

/* ── Label (com skew terminal) ── */

.velmax-label[b-vrj7oyg2bh] {
    font-size: 14px;
    color: #b98cff;
    letter-spacing: 0.02em;
    margin-top: 2px;
    opacity: 0.85;
    font-weight: 500;
    transform: skew(-10deg);
}

/* ── Hint ── */

.velmax-hint[b-vrj7oyg2bh] {
    font-size: 10px;
    color: var(--bs-secondary-color, #999);
    /*margin-top: 2px;*/
    opacity: 0.7;
}

/* ── Speech Bubble (ACIMA do mascote) ── */

.velmax-bubble[b-vrj7oyg2bh] {
    position: relative;
    padding: 10px 14px;
    border-radius: 14px;
    background: var(--bs-card-bg, #f7f7f8);
    border: 1px solid var(--bs-border-color, #eee);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    font-size: 12px;
    line-height: 1.45;
    color: var(--bs-body-color);
    text-align: left;
    margin-bottom: 10px;
    animation: velmax-bubble-in-b-vrj7oyg2bh 250ms cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.velmax-bubble:hover[b-vrj7oyg2bh] {
    border-color: rgba(185, 140, 255, 0.35);
    box-shadow: 0 4px 16px rgba(185, 140, 255, 0.1);
}

.velmax-bubble-tail[b-vrj7oyg2bh] {
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 12px;
    height: 12px;
    background: var(--bs-card-bg, #f7f7f8);
    border-right: 1px solid var(--bs-border-color, #eee);
    border-bottom: 1px solid var(--bs-border-color, #eee);
}

/* ══ KEYFRAMES ══ */

/* Float/idle suave */
@keyframes velmax-float-b-vrj7oyg2bh {
    0%, 100% { transform: translateY(0) rotate(-1deg); }
    50% { transform: translateY(-6px) rotate(0.8deg); }
}

/* Cursor/antena blink */
@keyframes velmax-cursor-blink-b-vrj7oyg2bh {
    0%, 48%, 100% { opacity: 1; }
    49%, 85% { opacity: 0; }
}

/* Linha tracejada scroll */
@keyframes velmax-dash-scroll-b-vrj7oyg2bh {
    0%, 100% { stroke-dashoffset: 0; }
    50% { stroke-dashoffset: -6; }
}

/* Olhos blink (abertos → fecham brevemente → abrem) */
@keyframes velmax-eyes-blink-b-vrj7oyg2bh {
    0%, 90%, 100% { opacity: 1; }
    93%, 97% { opacity: 0; }
}

/* Olhos blink inverso (fechados aparecem quando abertos somem) */
@keyframes velmax-eyes-blink-inv-b-vrj7oyg2bh {
    0%, 90%, 100% { opacity: 0; }
    93%, 97% { opacity: 1; }
}

/* Frame swap A (visivel primeira metade do ciclo) */
@keyframes velmax-frame-a-b-vrj7oyg2bh {
    0%, 49.9% { opacity: 1; }
    50%, 99.9% { opacity: 0; }
}

/* Frame swap B (visivel segunda metade do ciclo) */
@keyframes velmax-frame-b-b-vrj7oyg2bh {
    0%, 49.9% { opacity: 0; }
    50%, 99.9% { opacity: 1; }
}

/* Bubble entrada */
@keyframes velmax-bubble-in-b-vrj7oyg2bh {
    from { opacity: 0; transform: translateY(8px) scale(0.92); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
/* /Pages/App/ChamadoDetalhe.razor.rz.scp.css */
.msg-avatar[b-mhh4gphhtc] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    font-size: 0.95rem;
}

.msg-card[b-mhh4gphhtc] {
    transition: transform 0.1s ease;
}

.msg-content[b-mhh4gphhtc] {
    font-size: 0.95rem;
    line-height: 1.6;
}

.msg-content p[b-mhh4gphhtc] {
    margin-bottom: 0;
}

.min-width-0[b-mhh4gphhtc] {
    min-width: 0;
}

/* ── Responsive indent for team/IA messages ── */
@media (max-width: 767.98px) {
    [b-mhh4gphhtc] .ms-md-4 {
        margin-left: 0 !important;
    }
}
/* /Pages/App/Chamados.razor.rz.scp.css */
/* ── Chamados — CSS isolado ──────────────────────────────────────── */

/* ── Nav pills — scroll horizontal sem scrollbar visível ── */
.chamados-nav[b-f4l4sfh79a] {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.chamados-nav[b-f4l4sfh79a]::-webkit-scrollbar {
    display: none;
}

/* ── Placeholder skeleton ── */
.placeholder-glow .placeholder[b-f4l4sfh79a] {
    display: block;
    height: 1rem;
}

/* ── Painel Velmax ── */
.velmax-support-card[b-f4l4sfh79a] {
    position: sticky;
    top: 80px;
}

.velmax-panel-header[b-f4l4sfh79a] {
    background: linear-gradient(135deg,
        rgba(185, 140, 255, 0.06) 0%,
        rgba(185, 140, 255, 0.02) 100%);
    border-bottom: 1px solid var(--bs-border-color, rgba(0,0,0,.08));
}

/* Avatar Velmax com indicador online */
.velmax-avatar-wrapper[b-f4l4sfh79a] {
    position: relative;
    width: 44px;
    height: 44px;
}

.velmax-avatar-emoji[b-f4l4sfh79a] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(185, 140, 255, 0.12);
    font-size: 22px;
    line-height: 1;
    border: 2px solid rgba(185, 140, 255, 0.2);
}

.velmax-online-dot[b-f4l4sfh79a] {
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #22c55e;
    border: 2px solid var(--bs-card-bg, #fff);
}

/* Wrapper do chat — altura fixa para não expandir infinitamente */
.velmax-chat-wrapper[b-f4l4sfh79a] {
    min-height: 320px;
    max-height: 420px;
    overflow: hidden;
}

/* Divisor "não encontrou resposta?" */
.velmax-divider hr[b-f4l4sfh79a] {
    border-color: var(--bs-border-color, rgba(0,0,0,.1));
    opacity: 1;
}

/* ── Dark mode overrides ── */
:global([data-bs-theme="dark"]) .velmax-panel-header[b-f4l4sfh79a] {
    background: linear-gradient(135deg,
        rgba(185, 140, 255, 0.08) 0%,
        rgba(185, 140, 255, 0.03) 100%);
}

:global([data-bs-theme="dark"]) .velmax-online-dot[b-f4l4sfh79a] {
    border-color: var(--bs-card-bg, #1e1e2e);
}

/* ── Utilitário ── */
.min-width-0[b-f4l4sfh79a] {
    min-width: 0;
}
/* /Pages/App/ChatMessageList.razor.rz.scp.css */
/* Bolhas de mensagem com border-radius assimétrico, cor por papel e contorno
   leve na IA — alinhado visualmente ao WidgetEmbed que o cliente vê.
   ::deep não é necessário: todos os elementos afetados estão no próprio template. */

.bubble-base[b-umzirb5mn5] {
    padding: .625rem .875rem;
    word-wrap: break-word;
    line-height: 1.5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    max-width: 100%;
}

/* Mensagem do usuário — alinhada à direita, brand color, canto inferior
   direito reto (espelha o widget). */
.bubble-user[b-umzirb5mn5] {
    background: var(--bs-primary, #0d6efd);
    color: #ffffff;
    border-radius: 1rem 1rem .25rem 1rem;
}

/* Mensagem da IA — alinhada à esquerda, fundo branco com contorno suave,
   canto inferior esquerdo reto. */
.bubble-assistant[b-umzirb5mn5] {
    background: #ffffff;
    color: var(--bs-body-color, #1f2937);
    border: 1px solid var(--bs-border-color, #e5e7eb);
    border-radius: 1rem 1rem 1rem .25rem;
}

/* Mensagem do atendente humano — esquerda, verde claro discreto,
   mesmo border-radius da IA mas cor distinta para diferenciar visualmente. */
.bubble-agent[b-umzirb5mn5] {
    background: #d1e7dd;
    color: var(--bs-body-color, #1f2937);
    border: 1px solid rgba(25, 135, 84, 0.15);
    border-radius: 1rem 1rem 1rem .25rem;
}

/* Tema escuro: ajusta IA para fundo cartão e usuário para variante mais suave
   da brand. (Bootstrap 5 usa data-bs-theme="dark" no html.) */
:global([data-bs-theme="dark"]) .bubble-assistant[b-umzirb5mn5] {
    background: var(--bs-body-bg, #1f2937);
    color: var(--bs-body-color, #f3f4f6);
    border-color: var(--bs-border-color-translucent, rgba(255, 255, 255, 0.125));
}

:global([data-bs-theme="dark"]) .bubble-agent[b-umzirb5mn5] {
    background: rgba(25, 135, 84, 0.18);
    color: var(--bs-body-color, #f3f4f6);
    border-color: rgba(25, 135, 84, 0.35);
}

/* Anexo card dentro da bolha do usuário — quando bolha tem fundo escuro,
   o card branco bate bem; mantemos comportamento atual. */
/* /Pages/App/ConfigFaturamento.razor.rz.scp.css */
/* Polimento visual premium para a aba Faturamento.
   CSS isolado — seletores são escopados automaticamente pelo Blazor. */

/* Toggle PF/PJ: efeito hover lift + transição suave no card interno. */
[b-dtlen0hwip] .tab-faturamento .tipo-card-btn .card {
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
    cursor: pointer;
}

[b-dtlen0hwip] .tab-faturamento .tipo-card-btn:hover:not([disabled]) .card {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    border-color: var(--bs-primary) !important;
}

[b-dtlen0hwip] .tab-faturamento .tipo-card-btn[aria-pressed="true"] .card {
    background-color: rgba(99, 102, 241, 0.05);
}

[b-dtlen0hwip] .tab-faturamento .tipo-card-btn:focus-visible .card {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

/* Card de pré-visualização da NF — fundo "papel" sutil. */
[b-dtlen0hwip] .tab-faturamento .card.bg-body-tertiary {
    transition: background-color 200ms ease;
}

/* Entrada escalonada dos rows de formulário ao renderizar. */
[b-dtlen0hwip] .tab-faturamento .row.g-3 > [class*="col-"] {
    animation: hermmes-fade-in-up-b-dtlen0hwip 320ms ease both;
}

[b-dtlen0hwip] .tab-faturamento .row.g-3 > [class*="col-"]:nth-child(1) { animation-delay: 0.02s; }
[b-dtlen0hwip] .tab-faturamento .row.g-3 > [class*="col-"]:nth-child(2) { animation-delay: 0.06s; }
[b-dtlen0hwip] .tab-faturamento .row.g-3 > [class*="col-"]:nth-child(3) { animation-delay: 0.10s; }
[b-dtlen0hwip] .tab-faturamento .row.g-3 > [class*="col-"]:nth-child(4) { animation-delay: 0.14s; }

@keyframes hermmes-fade-in-up-b-dtlen0hwip {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Pages/App/DashboardTabs.razor.rz.scp.css */
/* Nav de abas do dashboard — scroll horizontal premium no mobile.
   Ativado pela classe .dashboard-tabs no <ul> (ver DashboardTabs.razor).
   Em ≥992px volta ao comportamento natural de wrap. A navegação por teclado
   (OnTabKeyDown) e os atributos role/aria-selected/data-tab NÃO dependem deste CSS. */

.dashboard-tabs[b-2akppd4b0a] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding-bottom: .25rem;
}

.dashboard-tabs[b-2akppd4b0a]::-webkit-scrollbar {
    height: 4px;
}

.dashboard-tabs[b-2akppd4b0a]::-webkit-scrollbar-thumb {
    background: var(--bs-border-color);
    border-radius: 4px;
}

.dashboard-tabs[b-2akppd4b0a]  .nav-item {
    flex: 0 0 auto;
    scroll-snap-align: start;
}

.dashboard-tabs[b-2akppd4b0a]  .nav-link {
    white-space: nowrap;
}

@media (min-width: 992px) {
    .dashboard-tabs[b-2akppd4b0a] {
        flex-wrap: wrap;
        overflow-x: visible;
    }
}
/* /Pages/App/Documentos.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   Documentos.razor.css — Estilos scoped para o orquestrador de documentos
   Nota: estilos de sidebar e lista movidos para sub-componentes scoped.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Upload Dropzone ───────────────────────────────────────────────────── */
.upload-dropzone[b-s7b4vgbhxk] {
    position: relative;
    border: 2px dashed var(--bs-border-color);
    border-radius: 12px;
    transition: border-color 0.2s ease, background-color 0.2s ease;
    overflow: hidden;
}

.upload-dropzone:hover[b-s7b4vgbhxk] {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary-bg-subtle);
}

.upload-dropzone__label[b-s7b4vgbhxk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 24px 16px;
    cursor: pointer;
    margin: 0;
    width: 100%;
}

.upload-dropzone__icon[b-s7b4vgbhxk] {
    font-size: 2rem;
    color: var(--bs-primary);
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.upload-dropzone:hover .upload-dropzone__icon[b-s7b4vgbhxk] {
    opacity: 1;
}

.upload-dropzone__text[b-s7b4vgbhxk] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--bs-body-color);
}

.upload-dropzone__hint[b-s7b4vgbhxk] {
    font-size: 0.78rem;
    color: var(--bs-secondary-color);
}

.upload-dropzone__input[b-s7b4vgbhxk] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

/* ── Upload File Cards ─────────────────────────────────────────────────── */
.upload-file-card:hover[b-s7b4vgbhxk] {
    background-color: rgba(var(--bs-primary-rgb), 0.04) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

/* ── Loading overlay global ────────────────────────────────────────────── */
.loading-overlay[b-s7b4vgbhxk] {
    position: fixed;
    inset: 0;
    z-index: 1055;
    background: rgba(255, 255, 255, 0.88);
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(2px);
}

.loading-overlay__content[b-s7b4vgbhxk] {
    text-align: center;
    padding: 2rem;
}
/* /Pages/App/DocumentosLista.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   DocumentosLista.razor.css — Estilos scoped para a lista de documentos
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Cabeçalho da pasta selecionada ──────────────────────────────────────── */
.folder-header[b-7ui19wzew5] {
    border-radius: 16px;
    padding: 16px 20px;
    margin-bottom: 16px;
}

.folder-header__stats[b-7ui19wzew5] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.folder-header__stat[b-7ui19wzew5] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.8rem;
    color: var(--bs-secondary-color);
}

.folder-header__stat-value[b-7ui19wzew5] {
    font-weight: 600;
    color: var(--bs-body-color);
}

/* ── Estado vazio ────────────────────────────────────────────────────────── */
.empty-state[b-7ui19wzew5] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-state__icon[b-7ui19wzew5] {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
    opacity: 0.4;
}

.empty-state__title[b-7ui19wzew5] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.empty-state__description[b-7ui19wzew5] {
    color: var(--bs-secondary-color);
    max-width: 320px;
    margin: 0 auto;
}

/* ── Nome do documento: max-width responsivo ───────────────────────────── */
.doc-name[b-7ui19wzew5] {
    max-width: clamp(180px, 22vw, 400px);
}

/* ── Sub-status (pipeline, diagnóstico): fonte mínima acessível ────────── */
.doc-substatus[b-7ui19wzew5] {
    font-size: 0.75rem;
}

/* ── Card premium — universal view ─────────────────────────────────────── */
.doc-card[b-7ui19wzew5] {
    border-radius: 16px;
    border: 1px solid var(--bs-border-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    height: 100%;
}

.doc-card:hover[b-7ui19wzew5] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);
    transform: translateY(-2px);
}

.doc-card:active[b-7ui19wzew5] {
    transform: scale(0.99);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

/* Resumo truncado em 2 linhas */
.doc-card__resumo[b-7ui19wzew5] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.82rem;
    color: var(--bs-secondary-color);
    min-height: 2.4em;
}

/* Flex child min-width fix for text-truncate */
.min-width-0[b-7ui19wzew5] {
    min-width: 0;
}

/* ── Fix: dropdown-menu preso dentro de table-responsive ────────────────── */
.table-responsive[b-7ui19wzew5] {
    overflow: visible !important;
}

.table-responsive .dropdown-menu[b-7ui19wzew5] {
    z-index: 1065;
}
/* /Pages/App/DocumentosSidebar.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   DocumentosSidebar.razor.css — Estilos scoped para a sidebar de documentos
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Sidebar: Container de pastas ────────────────────────────────────────── */
.folder-sidebar[b-xzjg3y0pxf] {
    min-width: 260px;
    max-width: 300px;
}

/* ── Item de pasta: Estados visuais ──────────────────────────────────────── */
.folder-item[b-xzjg3y0pxf] {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 12px;
    gap: 10px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.18s ease, box-shadow 0.18s ease;
    border: 1px solid transparent;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
}

.folder-item:not(.folder-item--active):hover[b-xzjg3y0pxf] {
    background-color: var(--bs-primary-bg-subtle);
    border-color: var(--bs-primary-border-subtle);
    color: var(--bs-primary-text-emphasis);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.folder-item--active[b-xzjg3y0pxf] {
    background-color: var(--bs-primary);
    color: #fff;
    border-color: var(--bs-primary);
    box-shadow: 0 2px 8px rgba(var(--bs-primary-rgb), 0.35);
}

.folder-item--active:hover[b-xzjg3y0pxf] {
    background-color: var(--bs-primary);
    filter: brightness(1.08);
    color: #fff;
}

.folder-item:focus-visible[b-xzjg3y0pxf] {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

/* ── Ícone da pasta ──────────────────────────────────────────────────────── */
.folder-item__icon[b-xzjg3y0pxf] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
}

.folder-item__icon--inactive[b-xzjg3y0pxf] {
    opacity: 0.45;
}

/* ── Conteúdo textual da pasta ───────────────────────────────────────────── */
.folder-item__content[b-xzjg3y0pxf] {
    flex: 1;
    min-width: 0;
}

.folder-item__name[b-xzjg3y0pxf] {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.folder-item__meta[b-xzjg3y0pxf] {
    display: block;
    font-size: 0.72rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.folder-item__meta--inactive[b-xzjg3y0pxf] {
    color: var(--bs-secondary-color);
}

.folder-item__meta--active[b-xzjg3y0pxf] {
    opacity: 0.8;
}

/* ── Badge de contagem de arquivos ───────────────────────────────────────── */
.folder-item__badge[b-xzjg3y0pxf] {
    flex-shrink: 0;
    margin-left: auto;
}

.folder-item__badge--inactive[b-xzjg3y0pxf] {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
}

.folder-item__badge--active[b-xzjg3y0pxf] {
    background-color: rgba(255, 255, 255, 0.25);
    color: #fff;
}

/* ── Responsividade ──────────────────────────────────────────────────────── */
@media (max-width: 767.98px) {
    .folder-sidebar[b-xzjg3y0pxf] {
        min-width: 100%;
        max-width: 100%;
        border-right: none !important;
        border-bottom: 1px solid var(--bs-border-color);
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
}