/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-x36z54aawz] {
    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-x36z54aawz] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-6a55pljms4],
.components-reconnect-repeated-attempt-visible[b-6a55pljms4],
.components-reconnect-failed-visible[b-6a55pljms4],
.components-pause-visible[b-6a55pljms4],
.components-resume-failed-visible[b-6a55pljms4],
.components-rejoining-animation[b-6a55pljms4] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-6a55pljms4],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-6a55pljms4],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-6a55pljms4],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-6a55pljms4],
#components-reconnect-modal.components-reconnect-retrying[b-6a55pljms4],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-6a55pljms4],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-6a55pljms4],
#components-reconnect-modal.components-reconnect-failed[b-6a55pljms4],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-6a55pljms4] {
    display: block;
}


#components-reconnect-modal[b-6a55pljms4] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-6a55pljms4 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-6a55pljms4 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-6a55pljms4 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-6a55pljms4]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-6a55pljms4 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-6a55pljms4 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-6a55pljms4 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-6a55pljms4 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-6a55pljms4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-6a55pljms4] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-6a55pljms4] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-6a55pljms4] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-6a55pljms4] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-6a55pljms4] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-6a55pljms4] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-6a55pljms4 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-6a55pljms4] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-6a55pljms4 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Colaboradores.razor.rz.scp.css */
/* SupportTicketDetailDrawer — scoped, mirror do OpenSupportTicketDialog.
   Ver comentário lá: vars como --rksam-accent / --rksam-surface-alt
   não existem em rksam-theme.css; fallback hex obrigatório para evitar
   botão invisível. */

.dialog-backdrop[b-1ad9ck8bjf] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.dialog-card[b-1ad9ck8bjf] {
    background: var(--rksam-surface, #FFF);
    border: 1px solid var(--rksam-border, #E2E8F0);
    border-radius: var(--rksam-radius-xl, 12px);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 48px -12px rgba(15,23,42,0.18),
                0 8px 16px -4px rgba(15,23,42,0.08);
    overflow: hidden;
}

.dialog-header[b-1ad9ck8bjf] {
    padding: 20px 24px;
    border-bottom: 1px solid var(--rksam-border-subtle, #E2E8F0);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    background: var(--rksam-surface-alt, #F8FAFC);
    flex-shrink: 0;
}
.dialog-title[b-1ad9ck8bjf] {
    font-size: 15px;
    font-weight: 600;
    color: var(--rksam-text-primary, #0F172A);
}

.dialog-close[b-1ad9ck8bjf] {
    background: transparent;
    border: 1px solid var(--rksam-border, #E2E8F0);
    border-radius: var(--rksam-radius-md, 6px);
    width: 32px; height: 32px;
    cursor: pointer;
    color: var(--rksam-text-muted, #64748B);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.dialog-close:hover:not(:disabled)[b-1ad9ck8bjf] {
    color: var(--rksam-text-primary, #0F172A);
    background: var(--rksam-bg-subtle, #F1F5F9);
}
.dialog-close:disabled[b-1ad9ck8bjf] { opacity: 0.5; cursor: not-allowed; }
.dialog-close svg[b-1ad9ck8bjf] { width: 16px; height: 16px; }

.dialog-body[b-1ad9ck8bjf] {
    flex: 1;
    overflow-y: auto;
    /* Flexbox quirk: sem min-height:0 o body não shrinka abaixo do
       intrinsic content size, empurrando o footer para fora do
       max-height:90vh. */
    min-height: 0;
}
.dialog-body--padded[b-1ad9ck8bjf] {
    padding: 20px 24px;
    font-size: 13px;
    line-height: 1.55;
    color: var(--rksam-text-primary, #0F172A);
}

.dialog-footer[b-1ad9ck8bjf] {
    padding: 14px 24px;
    border-top: 1px solid var(--rksam-border-subtle, #E2E8F0);
    background: var(--rksam-surface-alt, #F8FAFC);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    gap: 12px;
}
.footer-actions[b-1ad9ck8bjf] { display: flex; gap: 8px; }

.btn-primary[b-1ad9ck8bjf] {
    background: var(--rksam-accent, #534AB7);
    color: var(--rksam-accent-fg, #FFFFFF);
    border: 1px solid var(--rksam-accent, #534AB7);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md, 6px);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}
.btn-primary:hover:not(:disabled)[b-1ad9ck8bjf] {
    background: var(--rksam-accent-hover, #3F379B);
    border-color: var(--rksam-accent-hover, #3F379B);
}
.btn-primary:disabled[b-1ad9ck8bjf] { opacity: 0.6; cursor: not-allowed; }

.btn-secondary[b-1ad9ck8bjf] {
    background: var(--rksam-surface, #FFFFFF);
    color: var(--rksam-text-primary, #0F172A);
    border: 1px solid var(--rksam-border, #E2E8F0);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md, 6px);
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
}
.btn-secondary:hover:not(:disabled)[b-1ad9ck8bjf] { background: var(--rksam-bg-subtle, #F1F5F9); }
.btn-secondary:disabled[b-1ad9ck8bjf] { opacity: 0.6; cursor: not-allowed; }
/* /Components/Pages/Files.razor.rz.scp.css */
/* Files page — scoped. Inline magnifier before the file name, compact
   monospace columns for the activity window metrics. */

.files-table[b-0df0mhik1u]  .col-time,
.files-table[b-0df0mhik1u]  .col-duration,
.files-table[b-0df0mhik1u]  .col-records {
    font-family: var(--rksam-font-mono, ui-monospace);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    color: var(--rksam-text-primary);
}
.files-table[b-0df0mhik1u]  .col-duration {
    color: var(--rksam-text-secondary);
}
.files-table[b-0df0mhik1u]  .col-records {
    font-weight: 500;
}
.files-table[b-0df0mhik1u]  .col-file {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0;
    width: 100%;
}

.icon-btn-inline[b-0df0mhik1u] {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--rksam-radius-sm, 4px);
    cursor: pointer;
    color: var(--rksam-text-muted);
    margin-right: 8px;
    vertical-align: middle;
    transition: background 80ms, color 80ms, border-color 80ms;
    padding: 0;
}
.icon-btn-inline:hover[b-0df0mhik1u] {
    background: var(--rksam-info-subtle);
    color: var(--rksam-info);
    border-color: var(--rksam-info-border);
}
.icon-placeholder[b-0df0mhik1u] {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
}

.file-name[b-0df0mhik1u] {
    vertical-align: middle;
    color: var(--rksam-text-primary);
    font-family: var(--rksam-font-mono, ui-monospace);
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: calc(100% - 32px);
}
/* /Components/Pages/JourneyPerception.razor.rz.scp.css */
/* Layout 2 colunas — gráficos à esquerda, painéis à direita.
   align-items: start permite que a coluna direita seja sticky sem
   esticar até a altura da esquerda (que é o que mata sticky em flex/grid). */
.journey-layout[b-cffeu2hrn6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 16px;
    align-items: start;
}

.journey-main-column[b-cffeu2hrn6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    /* min-width: 0 evita que o gráfico interno (que pode tentar crescer)
       force a coluna a expandir além do 1fr. */
    min-width: 0;
}

.journey-side-column[b-cffeu2hrn6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: sticky;
    /* 16px de respiro do topo da viewport. Suficiente porque o
       breadcrumb da página rola junto (não é fixed). Se algum dia
       virar header fixo, ajustar pra (header_height + 16px). */
    top: 16px;
}

/* Wrapper rolável de cada painel. max-height inline por painel — diferentes
   listas têm tamanhos diferentes (Em atividade pode ter 30+ rows, Não
   classificado tipicamente 1). Border + border-radius idênticos ao layout
   antigo, só absorve o overflow agora. */
.journey-panel-scroll[b-cffeu2hrn6] {
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

/* Header da tabela fixa no topo do wrapper rolável. Fundo é definido
   inline (lightgreen / lavenderblush / lightyellow) — sticky só muda
   position. background-clip:padding-box impede o sticky de "pintar" por
   cima do scrollbar quando a coluna lateral encosta nele. */
.journey-panel-scroll thead tr[b-cffeu2hrn6] {
    position: sticky;
    top: 0;
    z-index: 2;
    background-clip: padding-box;
}

/* TOTAL row: marcada com .journey-panel-total inline pra ficar
   pinada no rodapé do wrapper. Fica visível mesmo quando a lista é
   maior que max-height; rola junto quando a lista é pequena. */
.journey-panel-scroll tr.journey-panel-total[b-cffeu2hrn6] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background-clip: padding-box;
}

/* Mobile: coluna única, sticky desligado (manter sticky no mobile esconderia
   o gráfico quando a página rola, já que os painéis ficam acima dele no
   stack). max-height dos painéis cresce porque a tela inteira é deles. */
@media (max-width: 768px) {
    .journey-layout[b-cffeu2hrn6] {
        grid-template-columns: 1fr;
    }

    .journey-side-column[b-cffeu2hrn6] {
        position: static;
    }

    .journey-panel-scroll[b-cffeu2hrn6] {
        max-height: 400px !important;
    }
}
/* /Components/Pages/ManagerDashboard.razor.rz.scp.css */
/* Manager dashboard — 3 KPI cards. Same surface look as the rest of
   the admin pages (rksam-card uses --surface, --border-strong); the
   ::deep selectors reach into MudPaper because MudBlazor's class is
   composed at runtime. */

.md-card[b-nkf7oco58l] {
    padding: 24px 28px;
    background: var(--surface);
    border: 0.5px solid var(--border);
    border-radius: var(--rksam-radius-md, 12px);
    min-height: 132px;
}

.md-card__head[b-nkf7oco58l] {
    margin-bottom: 16px;
}

.md-card__value[b-nkf7oco58l] {
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 4px;
}
/* /Components/Pages/PatternCandidates.razor.rz.scp.css */
/* /admin/pattern-candidates — scoped styles for the compact candidate grid.
   Color literals (#EAF3DE / #173404 / #FAEEDA / #412402 / #97C459) follow the
   spec from the pattern_candidates_redesign_mockup; neutral fallbacks reuse
   --rksam-* tokens so dark/light theme keeps working. */

/* Header action row (Minerar / Pedir IA / Re-classificar) --------------- */
.pc-actions[b-cqhzqdytko] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin: 12px 0 16px;
    flex-wrap: wrap;
}

.pc-btn[b-cqhzqdytko] {
    font-family: inherit;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 4px 18px;
    border-radius: var(--rksam-radius-sm, 4px);
    border: 1px solid var(--rksam-border, #d1d5db);
    background: var(--rksam-surface, #fff);
    color: var(--rksam-text-primary, #111);
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}
.pc-btn:hover:not(:disabled)[b-cqhzqdytko] {
    background: var(--rksam-surface-hover, #f3f4f6);
    border-color: var(--rksam-border-strong, #9ca3af);
}
.pc-btn:disabled[b-cqhzqdytko] {
    cursor: not-allowed;
    opacity: 0.5;
}

.pc-btn-mine[b-cqhzqdytko]       { min-width: 140px; }
.pc-btn-ai[b-cqhzqdytko]         { min-width: 180px; background: var(--rksam-accent-500, #4f46e5); color: #fff; border-color: var(--rksam-accent-500, #4f46e5); }
.pc-btn-ai:hover:not(:disabled)[b-cqhzqdytko] { filter: brightness(1.08); background: var(--rksam-accent-500, #4f46e5); color: #fff; }
.pc-btn-reclassify[b-cqhzqdytko] { min-width: 160px; }

/* Grid (5 cols) --------------------------------------------------------- */
.pc-grid-header[b-cqhzqdytko],
.pc-row[b-cqhzqdytko] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) 110px 120px minmax(0, 1.8fr) 72px;
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
}

.pc-grid-header[b-cqhzqdytko] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--rksam-text-tertiary, #6b7280);
    border-bottom: 1px solid var(--rksam-border, #e5e7eb);
    padding-top: 6px;
    padding-bottom: 6px;
}
.pc-grid-header-actions[b-cqhzqdytko] { text-align: center; }

.pc-row[b-cqhzqdytko] {
    border-bottom: 1px solid var(--rksam-border, #e5e7eb);
    min-height: 52px;
}
.pc-row:hover[b-cqhzqdytko] { background: var(--rksam-surface-hover, #f9fafb); }

.pc-empty[b-cqhzqdytko] {
    padding: 40px 12px;
    text-align: center;
}

/* Tool column ----------------------------------------------------------- */
.pc-col-tool[b-cqhzqdytko] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.pc-tool-name[b-cqhzqdytko] {
    font-size: 14px;
    font-weight: 500;
    color: var(--rksam-text-primary, #111);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pc-tool-sample[b-cqhzqdytko] {
    font-size: 12px;
    color: var(--rksam-text-secondary, #4b5563);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pc-tool-sample-empty[b-cqhzqdytko] {
    font-style: italic;
}

/* Users · Horas --------------------------------------------------------- */
.pc-col-users[b-cqhzqdytko] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.15;
}
.pc-users-count[b-cqhzqdytko] { font-size: 13px; font-weight: 500; color: var(--rksam-text-primary, #111); }
.pc-users-hours[b-cqhzqdytko] { font-size: 12px; color: var(--rksam-text-secondary, #4b5563); }

/* IA sugere chip -------------------------------------------------------- */
.pc-col-ai[b-cqhzqdytko] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    line-height: 1.15;
}
.pc-chip[b-cqhzqdytko] {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 999px;
    letter-spacing: 0.01em;
    line-height: 1.3;
    white-space: nowrap;
}
.pc-chip-productive[b-cqhzqdytko] { background: #EAF3DE; color: #173404; }
.pc-chip-warn[b-cqhzqdytko]       { background: #FAEEDA; color: #412402; }
.pc-chip-uncertain[b-cqhzqdytko],
.pc-chip-none[b-cqhzqdytko] {
    background: var(--rksam-bg-subtle, #f3f4f6);
    color: var(--rksam-text-secondary, #4b5563);
}
.pc-ai-conf[b-cqhzqdytko] {
    font-size: 11px;
    color: var(--rksam-text-secondary, #4b5563);
}

/* Classificação (autocomplete + pattern textbox) ------------------------ */
.pc-col-classify[b-cqhzqdytko] {
    display: flex;
    gap: 6px;
    min-width: 0;
    align-items: center;
}
.pc-autocomplete[b-cqhzqdytko] { flex: 1; min-width: 0; }
.pc-pattern[b-cqhzqdytko]      { width: 80px; flex: 0 0 80px; }

/* Tighten Mud input heights to 28px within this component. */
.pc-autocomplete[b-cqhzqdytko]  .mud-input-root,
.pc-pattern[b-cqhzqdytko]  .mud-input-root {
    height: 28px;
    min-height: 28px;
    font-size: 12px;
}
.pc-autocomplete[b-cqhzqdytko]  .mud-input-root input,
.pc-pattern[b-cqhzqdytko]  .mud-input-root input {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 12px;
}
.pc-autocomplete[b-cqhzqdytko]  .mud-input-root.mud-input-outlined,
.pc-pattern[b-cqhzqdytko]  .mud-input-root.mud-input-outlined {
    padding: 0 8px;
}
.pc-pattern[b-cqhzqdytko]  .mud-input-root input {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.pc-pattern[b-cqhzqdytko]  .mud-input-outlined-border {
    border-color: var(--rksam-border, #d1d5db);
}

/* Ações ----------------------------------------------------------------- */
.pc-col-actions[b-cqhzqdytko] {
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
}
.pc-action.mud-icon-button[b-cqhzqdytko] {
    width: 28px;
    height: 28px;
    min-width: 28px;
    padding: 0;
    border-radius: var(--rksam-radius-sm, 4px);
    border: 1px solid transparent;
}
.pc-action.mud-icon-button[b-cqhzqdytko]  .mud-icon-root {
    font-size: 16px;
    width: 16px;
    height: 16px;
}

.pc-approve.mud-icon-button[b-cqhzqdytko] {
    background: #EAF3DE;
    border-color: #97C459;
    color: #173404;
}
.pc-approve.mud-icon-button:hover:not(:disabled)[b-cqhzqdytko] {
    background: #dbecc4;
}
.pc-approve-disabled.mud-icon-button[b-cqhzqdytko],
.pc-approve.mud-icon-button:disabled[b-cqhzqdytko] {
    background: var(--rksam-bg-subtle, #f3f4f6);
    border-color: var(--rksam-border, #e5e7eb);
    color: var(--rksam-text-tertiary, #9ca3af);
    cursor: not-allowed;
}

.pc-reject.mud-icon-button[b-cqhzqdytko] {
    background: transparent;
    border-color: var(--rksam-border, #d1d5db);
    color: var(--rksam-text-secondary, #4b5563);
}
.pc-reject.mud-icon-button:hover:not(:disabled)[b-cqhzqdytko] {
    background: var(--rksam-surface-hover, #f9fafb);
    border-color: var(--rksam-border-strong, #9ca3af);
}
/* /Components/Pages/ProcessDetail.razor.rz.scp.css */
/* ProcessDetail — scoped. Design tokens copied from the RKSAM mockup
   design system; names are local (pd-*) so they do not collide with the
   global rksam-* utility classes already in use. */

.pd-root[b-5d1dadjrex] {
    --pd-bg:             var(--rksam-bg, #F7F8FB);
    --pd-bg-subtle:      var(--rksam-bg-subtle, #EFF1F5);
    --pd-surface:        var(--rksam-surface, #FFFFFF);
    --pd-surface-alt:    var(--rksam-surface-alt, #FBFCFD);
    --pd-border:         var(--rksam-border, #E2E5EC);
    --pd-border-subtle:  var(--rksam-border-subtle, #EBEEF3);
    --pd-text:           var(--rksam-text-primary, #0F172A);
    --pd-text-secondary: var(--rksam-text-secondary, #475569);
    --pd-text-muted:     var(--rksam-text-muted, #64748B);
    --pd-text-faint:     var(--rksam-text-faint, #94A3B8);
    --pd-accent:         var(--rksam-accent, #4F46E5);
    --pd-accent-subtle:  var(--rksam-accent-subtle, #EEF0FF);
    --pd-success:        var(--rksam-success, #047857);
    --pd-success-subtle: var(--rksam-success-subtle, #ECFDF5);
    --pd-success-border: var(--rksam-success-border, #A7F3D0);
    --pd-warning:        var(--rksam-warning, #B45309);
    --pd-warning-subtle: var(--rksam-warning-subtle, #FEF3C7);
    --pd-warning-border: var(--rksam-warning-border, #FDE68A);
    --pd-danger:         var(--rksam-danger, #BE123C);
    --pd-danger-subtle:  var(--rksam-danger-subtle, #FFF1F2);
    --pd-danger-border:  var(--rksam-danger-border, #FECDD3);
    --pd-info-subtle:    var(--rksam-info-subtle, #F0F9FF);
    --pd-info-border:    var(--rksam-info-border, #BAE6FD);
    --pd-info:           var(--rksam-info, #0369A1);
    --pd-shadow-sm:      0 1px 2px rgba(15,23,42,0.04), 0 1px 1px rgba(15,23,42,0.03);
    --pd-mono:           'Geist Mono', ui-monospace, 'SF Mono', monospace;
    color: var(--pd-text);
    padding: 24px 32px 48px;
}

.pd-empty[b-5d1dadjrex] {
    padding: 32px; text-align: center;
    color: var(--pd-text-muted);
    background: var(--pd-surface);
    border: 1px solid var(--pd-border-subtle);
    border-radius: 10px;
}
.pd-empty--error[b-5d1dadjrex] { color: var(--pd-danger); }
.pd-empty-row[b-5d1dadjrex] {
    padding: 24px; text-align: center;
    color: var(--pd-text-muted); font-style: italic;
}

/* Header card */
.pd-header-card[b-5d1dadjrex] {
    background: var(--pd-surface);
    border: 1px solid var(--pd-border-subtle);
    border-radius: 10px;
    padding: 24px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    margin-bottom: 20px;
    box-shadow: var(--pd-shadow-sm);
}
.pd-ident[b-5d1dadjrex] {
    display: flex; align-items: baseline; gap: 12px;
    margin-bottom: 16px; flex-wrap: wrap;
}
.pd-id[b-5d1dadjrex] {
    font-family: var(--pd-mono);
    font-size: 12px; font-weight: 500;
    color: var(--pd-text-secondary);
    padding: 2px 8px;
    background: var(--pd-bg-subtle);
    border-radius: 4px;
}
.pd-ident h1[b-5d1dadjrex] {
    font-size: 28px; font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--pd-text);
    margin: 0;
}

.pd-chips[b-5d1dadjrex] { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.pd-chip[b-5d1dadjrex] {
    display: inline-flex; align-items: center; gap: 6px;
    height: 24px; padding: 0 10px;
    font-size: 12px; font-weight: 500;
    border-radius: 9999px;
    background: var(--pd-bg-subtle);
    color: var(--pd-text-secondary);
}
.pd-chip .pd-dot[b-5d1dadjrex] { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.pd-chip--success[b-5d1dadjrex] { color: var(--pd-success); background: var(--pd-success-subtle); }
.pd-chip--warning[b-5d1dadjrex] { color: var(--pd-warning); background: var(--pd-warning-subtle); }
.pd-chip--danger[b-5d1dadjrex]  { color: var(--pd-danger);  background: var(--pd-danger-subtle); }
.pd-chip--risk[b-5d1dadjrex]    { color: var(--pd-accent);  background: var(--pd-accent-subtle); }

.pd-fields[b-5d1dadjrex] {
    display: flex; flex-wrap: wrap; gap: 8px 20px;
}
.pd-field[b-5d1dadjrex] { display: flex; flex-direction: column; gap: 2px; }
.pd-field label[b-5d1dadjrex] {
    font-size: 11px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.06em;
    color: var(--pd-text-muted);
}
.pd-value[b-5d1dadjrex] { font-size: 13px; color: var(--pd-text); font-weight: 500; }
.pd-value--mono[b-5d1dadjrex] { font-family: var(--pd-mono); font-size: 12px; font-weight: 500; }
.pd-value--muted[b-5d1dadjrex] { color: var(--pd-text-faint); font-weight: 400; }

/* Widgets */
.pd-widgets[b-5d1dadjrex] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid var(--pd-border-subtle);
    align-self: start;
    background: var(--pd-surface-alt);
}
.pd-widget[b-5d1dadjrex] {
    padding: 12px 16px;
    border-right: 1px solid var(--pd-border-subtle);
}
.pd-widget:last-child[b-5d1dadjrex] { border-right: none; }
.pd-widget__label[b-5d1dadjrex] {
    font-size: 11px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.08em;
    color: var(--pd-text-muted);
    margin-bottom: 2px;
}
.pd-widget__value[b-5d1dadjrex] {
    font-family: var(--pd-mono);
    font-size: 16px; font-weight: 600;
    color: var(--pd-text);
    letter-spacing: -0.02em;
}
.pd-widget__value--danger[b-5d1dadjrex] { color: var(--pd-danger); }

/* Tabs */
.pd-tabs[b-5d1dadjrex] {
    display: flex; gap: 4px;
    border-bottom: 1px solid var(--pd-border);
    margin-bottom: 20px;
    padding: 0 4px;
}
.pd-tab[b-5d1dadjrex] {
    padding: 12px 16px;
    font-size: 13px; font-weight: 500;
    color: var(--pd-text-secondary);
    border: none; background: transparent; cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    display: flex; align-items: center; gap: 8px;
    transition: color 120ms ease;
    font-family: inherit;
}
.pd-tab:hover[b-5d1dadjrex] { color: var(--pd-text); }
.pd-tab--active[b-5d1dadjrex] { color: var(--pd-accent); border-bottom-color: var(--pd-accent); }
.pd-tab__count[b-5d1dadjrex] {
    font-family: var(--pd-mono);
    font-size: 11px; font-weight: 600;
    padding: 1px 6px;
    border-radius: 4px;
    background: var(--pd-bg-subtle);
    color: var(--pd-text-muted);
}
.pd-tab--active .pd-tab__count[b-5d1dadjrex] { background: var(--pd-accent-subtle); color: var(--pd-accent); }

/* Panel + grid */
.pd-panel[b-5d1dadjrex] {
    background: var(--pd-surface);
    border: 1px solid var(--pd-border-subtle);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--pd-shadow-sm);
}
.pd-panel-body[b-5d1dadjrex] { padding: 0; }
.pd-panel-body.pd-impact[b-5d1dadjrex] { padding: 16px 20px; }
.pd-panel-footer[b-5d1dadjrex] {
    padding: 16px 20px;
    border-top: 1px solid var(--pd-border-subtle);
    background: var(--pd-surface-alt);
    font-size: 12px; color: var(--pd-text-muted);
    font-family: var(--pd-mono);
    font-weight: 500;
}

.pd-grid[b-5d1dadjrex] { width: 100%; border-collapse: collapse; }
.pd-grid thead th[b-5d1dadjrex] {
    text-align: left;
    font-size: 11px; text-transform: uppercase;
    letter-spacing: 0.08em; font-weight: 600;
    color: var(--pd-text-muted);
    padding: 12px 16px;
    border-bottom: 1px solid var(--pd-border-subtle);
    white-space: nowrap;
    background: var(--pd-surface);
}
.pd-grid tbody tr[b-5d1dadjrex] {
    border-bottom: 1px solid var(--pd-border-subtle);
    transition: background 100ms ease;
}
.pd-grid tbody tr:last-child[b-5d1dadjrex] { border-bottom: none; }
.pd-grid tbody tr:hover[b-5d1dadjrex] { background: var(--pd-accent-subtle); }
.pd-grid td[b-5d1dadjrex] {
    padding: 12px 16px;
    font-size: 13px;
    vertical-align: middle;
}
.pd-grid .pd-row--inactive[b-5d1dadjrex] { opacity: 0.55; }

.pd-num[b-5d1dadjrex] {
    font-family: var(--pd-mono);
    font-size: 12px;
    color: var(--pd-text);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
.pd-num--success[b-5d1dadjrex] { color: var(--pd-success); }
.pd-num--danger[b-5d1dadjrex]  { color: var(--pd-danger); }
.pd-num--muted[b-5d1dadjrex]   { color: var(--pd-text-faint); font-weight: 400; }
.pd-center[b-5d1dadjrex] { text-align: center; }
.pd-muted[b-5d1dadjrex] { color: var(--pd-text-muted); font-size: 12px; }

.pd-pattern[b-5d1dadjrex] {
    font-family: var(--pd-mono);
    font-size: 13px;
    font-weight: 500;
    color: var(--pd-text);
    padding: 3px 9px;
    border-radius: 4px;
    display: inline-block;
    background: var(--pd-bg-subtle);
}
.pd-pattern--suppress[b-5d1dadjrex] {
    color: var(--pd-danger);
    background: var(--pd-danger-subtle);
    border: 1px solid var(--pd-danger-border);
    padding: 2px 8px;
}

.pd-badge[b-5d1dadjrex] {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 11px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.04em;
    padding: 3px 8px;
    border-radius: 4px;
    color: var(--pd-text-muted);
    background: var(--pd-bg-subtle);
}
.pd-badge--success[b-5d1dadjrex] {
    color: var(--pd-success);
    background: var(--pd-success-subtle);
    border: 1px solid var(--pd-success-border);
}
.pd-badge--warning[b-5d1dadjrex] {
    color: var(--pd-warning);
    background: var(--pd-warning-subtle);
    border: 1px solid var(--pd-warning-border);
}
.pd-badge--danger[b-5d1dadjrex] {
    color: var(--pd-danger);
    background: var(--pd-danger-subtle);
    border: 1px solid var(--pd-danger-border);
}

.pd-diff[b-5d1dadjrex] {
    font-family: var(--pd-mono);
    font-size: 11px;
    color: var(--pd-text-secondary);
    word-break: break-all;
}

/* Impact panel */
.pd-impact-row[b-5d1dadjrex] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--pd-border-subtle);
    font-size: 13px;
}
.pd-impact-row:last-of-type[b-5d1dadjrex] { border-bottom: none; }
.pd-impact-note[b-5d1dadjrex] {
    margin-top: 16px;
    padding: 12px;
    background: var(--pd-info-subtle);
    border: 1px solid var(--pd-info-border);
    border-radius: 6px;
    font-size: 12px;
    color: var(--pd-info);
    line-height: 1.55;
}
.pd-impact-note code[b-5d1dadjrex] {
    background: rgba(255,255,255,0.6);
    padding: 1px 4px;
    border-radius: 3px;
    font-family: var(--pd-mono);
}

/* Toolbar + primary button (Create metadado) */
.pd-panel-toolbar[b-5d1dadjrex] {
    display: flex; justify-content: flex-end;
    align-items: center;
    gap: 12px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--pd-border-subtle);
    background: var(--pd-surface-alt);
    flex-wrap: wrap;
}
.pd-btn-secondary[b-5d1dadjrex] {
    background: var(--pd-surface);
    color: var(--pd-accent);
    border: 1px solid var(--pd-accent);
    padding: 7px 13px;
    border-radius: var(--rksam-radius-md, 6px);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 80ms;
}
.pd-btn-secondary:hover[b-5d1dadjrex] { background: var(--pd-surface-alt); }
.pd-toggle[b-5d1dadjrex] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-secondary);
    cursor: pointer;
    user-select: none;
}
.pd-toggle input[type=checkbox][b-5d1dadjrex] {
    accent-color: var(--pd-accent);
    cursor: pointer;
}
.pd-save-report[b-5d1dadjrex] {
    padding: 8px 24px;
    background: var(--bg-subtle);
    border-bottom: 1px solid var(--pd-border-subtle);
    font-size: 12px;
    color: var(--text-secondary);
}
.pd-btn-primary[b-5d1dadjrex] {
    background: var(--pd-accent);
    color: #FFFFFF;
    border: 1px solid var(--pd-accent);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md, 6px);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 80ms, border-color 80ms;
}
.pd-btn-primary:hover[b-5d1dadjrex] { background: #4338CA; border-color: #4338CA; }

/* Polarity + pattern chips */
.pd-chip-pol[b-5d1dadjrex] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: var(--rksam-radius-md, 6px);
    font-family: var(--pd-mono);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.pd-chip-pol--positivo[b-5d1dadjrex] {
    background: var(--pd-success-subtle);
    color: var(--pd-success);
    border: 1px solid var(--pd-success-border);
}
.pd-chip-pol--suprimir[b-5d1dadjrex] {
    background: var(--pd-danger-subtle);
    color: var(--pd-danger);
    border: 1px solid var(--pd-danger-border);
}
.pd-chip-pattern[b-5d1dadjrex] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: var(--rksam-radius-md, 6px);
    background: var(--pd-bg-subtle);
    border: 1px solid var(--pd-border-subtle);
    font-family: var(--pd-mono);
    font-size: 12px;
    color: var(--pd-text);
}
.pd-chip-pattern--suprimir[b-5d1dadjrex] {
    background: var(--pd-warning-subtle);
    border-color: var(--pd-warning-border);
    color: var(--pd-warning);
}

/* Actions column + icon buttons */
th.pd-col-actions[b-5d1dadjrex],
td.pd-col-actions[b-5d1dadjrex] {
    width: 140px;
    min-width: 140px;
    text-align: center;
    padding-left: 8px;
    padding-right: 24px;
}
.pd-col-num[b-5d1dadjrex] {
    font-family: var(--pd-mono);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
.pd-muted-faint[b-5d1dadjrex] { color: var(--pd-text-faint); font-family: var(--pd-mono); }

.pd-actions[b-5d1dadjrex] {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
}
.pd-icon-btn[b-5d1dadjrex] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--rksam-radius-md, 6px);
    cursor: pointer;
    color: var(--pd-text-muted);
    transition: background 80ms, color 80ms, border-color 80ms, box-shadow 80ms;
}
.pd-icon-btn svg[b-5d1dadjrex] { width: 16px; height: 16px; stroke-width: 1.75; }
.pd-icon-btn:hover[b-5d1dadjrex] {
    background: var(--pd-surface);
    border-color: var(--pd-border);
    color: var(--pd-text);
    box-shadow: var(--pd-shadow-sm);
}
.pd-icon-btn--search:hover[b-5d1dadjrex] { color: var(--pd-info); border-color: var(--pd-info-border); }
.pd-icon-btn--edit:hover[b-5d1dadjrex]   { color: var(--pd-accent); border-color: var(--rksam-accent-border, #C7D2FE); }
.pd-icon-btn--delete:hover[b-5d1dadjrex] { color: var(--pd-danger); border-color: var(--pd-danger-border); }

/* Confirm dialog inline pattern chip */
.pd-inline-pattern[b-5d1dadjrex] {
    font-family: var(--pd-mono);
    background: var(--pd-bg-subtle);
    border: 1px solid var(--pd-border-subtle);
    padding: 1px 6px;
    border-radius: var(--rksam-radius-sm, 4px);
    font-size: 12px;
}

.pd-right[b-5d1dadjrex] { text-align: right; }

@media (max-width: 900px) {
    .pd-header-card[b-5d1dadjrex] { grid-template-columns: 1fr; }
    .pd-widgets[b-5d1dadjrex] { grid-template-columns: repeat(3, 1fr); }
}
/* /Components/Pages/Processes.razor.rz.scp.css */
/* /processos — scoped. Styles match /root/rksam-deploy-v2/mockup/
   mockup-processos-lista.html, adapted to the rksam-* design tokens
   already defined in the global theme. */

.pl-page[b-mcda5lbj4p] {
    max-width: 1200px;
    margin: 32px auto;
    padding: 0 24px;
    color: var(--rksam-text-primary);
}

.page-head[b-mcda5lbj4p] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 24px;
    gap: 16px;
    flex-wrap: wrap;
}
.page-title[b-mcda5lbj4p] { font-size: 28px; font-weight: 600; letter-spacing: -0.02em; margin: 0; }
.page-subtitle[b-mcda5lbj4p] {
    color: var(--rksam-text-muted);
    font-family: var(--rksam-font-mono, ui-monospace);
    font-size: 13px;
    margin-top: 4px;
}

.toolbar[b-mcda5lbj4p] {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.search-wrap[b-mcda5lbj4p] { flex: 1; min-width: 240px; position: relative; }
.search-wrap .search-icon[b-mcda5lbj4p] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px; height: 16px;
    color: var(--rksam-text-faint);
    pointer-events: none;
}
.search-wrap input[b-mcda5lbj4p] {
    width: 100%;
    padding: 10px 12px 10px 38px;
    background: var(--rksam-surface);
    border: 1px solid var(--rksam-border);
    border-radius: var(--rksam-radius-md, 6px);
    font-family: inherit;
    font-size: 13px;
    color: var(--rksam-text-primary);
    transition: border-color 80ms, box-shadow 80ms;
}
.search-wrap input[b-mcda5lbj4p]::placeholder { color: var(--rksam-text-faint); }
.search-wrap input:focus[b-mcda5lbj4p] {
    outline: none;
    border-color: var(--rksam-accent);
    box-shadow: 0 0 0 3px rgba(79,70,229,0.20);
}

.sort-wrap[b-mcda5lbj4p] { position: relative; }
.sort-btn[b-mcda5lbj4p] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--rksam-surface);
    border: 1px solid var(--rksam-border);
    border-radius: var(--rksam-radius-md, 6px);
    padding: 9px 12px;
    font-family: inherit;
    font-size: 13px;
    color: var(--rksam-text-primary);
    cursor: pointer;
    transition: background 80ms, border-color 80ms;
}
.sort-btn:hover[b-mcda5lbj4p] { background: var(--rksam-bg-subtle); }
.sort-btn .label-muted[b-mcda5lbj4p] { color: var(--rksam-text-muted); }
.sort-btn .current[b-mcda5lbj4p] { font-weight: 500; }
.sort-btn svg[b-mcda5lbj4p] { width: 14px; height: 14px; color: var(--rksam-text-muted); }

.sort-menu[b-mcda5lbj4p] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 240px;
    background: var(--rksam-surface);
    border: 1px solid var(--rksam-border);
    border-radius: var(--rksam-radius-md, 6px);
    box-shadow: 0 12px 24px -8px rgba(15,23,42,0.10), 0 4px 8px -4px rgba(15,23,42,0.05);
    padding: 4px;
    z-index: 10;
}
.sort-menu.open[b-mcda5lbj4p] { display: block; }
.sort-item[b-mcda5lbj4p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    border-radius: var(--rksam-radius-sm, 4px);
    cursor: pointer;
    font-size: 13px;
    color: var(--rksam-text-primary);
}
.sort-item:hover[b-mcda5lbj4p] { background: var(--rksam-bg-subtle); }
.sort-item.selected[b-mcda5lbj4p] {
    background: var(--rksam-accent-subtle);
    color: var(--rksam-accent);
    font-weight: 500;
}
.sort-item .check[b-mcda5lbj4p] {
    width: 14px; height: 14px;
    color: var(--rksam-accent);
    visibility: hidden;
}
.sort-item.selected .check[b-mcda5lbj4p] { visibility: visible; }
.sort-divider[b-mcda5lbj4p] {
    height: 1px;
    background: var(--rksam-border-subtle);
    margin: 4px 0;
}

.process-list[b-mcda5lbj4p] { display: flex; flex-direction: column; gap: 8px; }

.process-card[b-mcda5lbj4p] {
    background: var(--rksam-surface);
    border: 1px solid var(--rksam-border);
    border-radius: var(--rksam-radius-lg, 10px);
    padding: 18px 24px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 24px;
    cursor: pointer;
    transition: border-color 80ms, box-shadow 80ms, transform 80ms;
}
.process-card:hover[b-mcda5lbj4p] {
    border-color: var(--rksam-accent-border);
    box-shadow: 0 2px 4px rgba(15,23,42,0.05), 0 1px 2px rgba(15,23,42,0.04);
}
.process-card:hover .process-name[b-mcda5lbj4p] { color: var(--rksam-accent); }
.process-card:hover .open-icon[b-mcda5lbj4p] {
    color: var(--rksam-accent);
    background: var(--rksam-accent-subtle);
    border-color: var(--rksam-accent-border);
    transform: translateX(2px);
}

.process-main[b-mcda5lbj4p] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.process-id[b-mcda5lbj4p] {
    background: var(--rksam-bg-subtle);
    color: var(--rksam-text-muted);
    font-family: var(--rksam-font-mono, ui-monospace);
    font-size: 12px;
    padding: 3px 8px;
    border-radius: var(--rksam-radius-md, 6px);
    flex-shrink: 0;
}
.process-name[b-mcda5lbj4p] {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--rksam-text-primary);
    transition: color 80ms;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chip-productive[b-mcda5lbj4p], .chip-improdutive[b-mcda5lbj4p] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 8px;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 500;
    flex-shrink: 0;
}
.chip-productive[b-mcda5lbj4p] {
    background: var(--rksam-success-subtle);
    color: var(--rksam-success);
    border: 1px solid var(--rksam-success-border);
}
.chip-productive[b-mcda5lbj4p]::before {
    content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--rksam-success);
}
.chip-improdutive[b-mcda5lbj4p] {
    background: var(--rksam-warning-subtle);
    color: var(--rksam-warning);
    border: 1px solid var(--rksam-warning-border);
}
.chip-improdutive[b-mcda5lbj4p]::before {
    content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--rksam-warning);
}

.open-icon[b-mcda5lbj4p] {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--rksam-radius-md, 6px);
    color: var(--rksam-text-faint);
    transition: color 120ms, background 120ms, border-color 120ms, transform 120ms;
    flex-shrink: 0;
    margin-left: 4px;
}
.open-icon svg[b-mcda5lbj4p] { width: 14px; height: 14px; stroke-width: 2; }

.process-stats[b-mcda5lbj4p] {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 28px;
    align-items: center;
}
.stat-cell[b-mcda5lbj4p] { text-align: center; min-width: 50px; }
.stat-cell .stat-label[b-mcda5lbj4p] {
    display: block;
    font-size: 10px;
    color: var(--rksam-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 3px;
}
.stat-cell .stat-val[b-mcda5lbj4p] {
    font-family: var(--rksam-font-mono, ui-monospace);
    font-size: 14px;
    font-weight: 600;
    color: var(--rksam-text-primary);
    font-variant-numeric: tabular-nums;
}
.stat-cell .stat-val .pos[b-mcda5lbj4p] { color: var(--rksam-success); }
.stat-cell .stat-val .neg[b-mcda5lbj4p] { color: var(--rksam-danger); }
.stat-cell .stat-val .sep[b-mcda5lbj4p] { color: var(--rksam-text-faint); margin: 0 2px; }

.pl-empty[b-mcda5lbj4p] {
    padding: 32px;
    text-align: center;
    color: var(--rksam-text-muted);
    background: var(--rksam-surface);
    border: 1px solid var(--rksam-border-subtle);
    border-radius: var(--rksam-radius-lg, 10px);
}
.pl-empty--error[b-mcda5lbj4p] { color: var(--rksam-danger); }

@media (max-width: 900px) {
    .process-card[b-mcda5lbj4p] { grid-template-columns: 1fr; }
    .process-stats[b-mcda5lbj4p] { grid-template-columns: repeat(4, 1fr); gap: 12px; }
}
/* /Components/Pages/QASupabaseFm.razor.rz.scp.css */
/* QA - Supabase × FileMaker comparison page.
   Estilos espelham o mockup proposto pelo Severo (paleta supa=verde,
   fm=âmbar, mismatch=vermelho, missing=amarelo). Tudo escopado pra
   evitar vazar pra outras telas. */

.qa-filter[b-svy1zfwyut] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 16px 0;
    padding: 14px 20px;
    background: #ffffff;
    border: 1px solid #e2e5f1;
    border-radius: 10px;
    flex-wrap: wrap;
}
.qa-filter-field[b-svy1zfwyut] { display: flex; align-items: center; gap: 8px; }
.qa-label[b-svy1zfwyut] {
    font-size: 13px; font-weight: 600; color: #6b7294;
    text-transform: uppercase; letter-spacing: 0.5px;
}
.qa-input[b-svy1zfwyut] {
    padding: 8px 12px;
    border: 1px solid #e2e5f1;
    border-radius: 6px;
    font-size: 14px;
    background: #f5f6fa;
    outline: none;
}
.qa-input:focus[b-svy1zfwyut] { border-color: #6366f1; }
.qa-btn-load[b-svy1zfwyut] {
    padding: 8px 20px;
    background: #6366f1;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.qa-btn-load:hover[b-svy1zfwyut] { opacity: 0.85; }
.qa-btn-load:disabled[b-svy1zfwyut] { opacity: 0.5; cursor: not-allowed; }
.qa-err[b-svy1zfwyut] { color: #ef4444; font-size: 13px; margin-left: 8px; }

.qa-summary[b-svy1zfwyut] {
    margin: 0 0 16px 0;
    padding: 12px 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 24px;
    font-size: 13px;
    font-weight: 600;
    flex-wrap: wrap;
}
.qa-summary.has-diff[b-svy1zfwyut] { background: #fef2f2; border: 1px solid #fecaca; color: #ef4444; }
.qa-summary.no-diff[b-svy1zfwyut]  { background: #f0fdf4; border: 1px solid #bbf7d0; color: #22c55e; }
.qa-icon[b-svy1zfwyut] { font-size: 18px; }
.qa-summary-item[b-svy1zfwyut] { display: flex; gap: 6px; align-items: center; }
.qa-summary-label[b-svy1zfwyut] { color: #6b7294; font-weight: 500; }

.qa-panels[b-svy1zfwyut] { display: flex; flex-direction: column; gap: 16px; }
.qa-panel[b-svy1zfwyut] {
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #e2e5f1;
    overflow: hidden;
}
.qa-panel-header[b-svy1zfwyut] {
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e2e5f1;
}
.qa-panel-header.supa[b-svy1zfwyut] { background: #f0fdf7; border-bottom-color: #bbf7d0; }
.qa-panel-header.fm[b-svy1zfwyut]   { background: #fffbeb; border-bottom-color: #fde68a; }
.qa-panel-source[b-svy1zfwyut] { display: flex; align-items: center; gap: 10px; }
.qa-dot[b-svy1zfwyut] { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.qa-dot.supa[b-svy1zfwyut] { background: #3ecf8e; }
.qa-dot.fm[b-svy1zfwyut]   { background: #f59e0b; }
.qa-source-name[b-svy1zfwyut] { font-weight: 700; font-size: 14px; }
.qa-source-detail[b-svy1zfwyut] { font-size: 12px; color: #6b7294; margin-left: 4px; }
.qa-panel-count[b-svy1zfwyut] { font-size: 13px; color: #6b7294; font-weight: 500; }
.qa-panel-count strong[b-svy1zfwyut] { color: #1e2337; }

.qa-totals[b-svy1zfwyut] {
    display: flex;
    padding: 0 20px;
    background: #f5f6fa;
    border-bottom: 1px solid #e2e5f1;
}
.qa-total[b-svy1zfwyut] { padding: 10px 16px; font-size: 12px; text-align: center; flex-shrink: 0; }
.qa-total:first-child[b-svy1zfwyut] { width: 90px; }
.qa-total-label[b-svy1zfwyut] {
    text-transform: uppercase; letter-spacing: 0.5px;
    color: #6b7294; font-weight: 500; margin-bottom: 2px;
}
.qa-total-value[b-svy1zfwyut] {
    font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;
    font-size: 15px; font-weight: 700; color: #1e2337;
}
.qa-total-value.diff[b-svy1zfwyut] { color: #ef4444; }

.qa-scroll[b-svy1zfwyut] { max-height: 260px; overflow-y: auto; }
.qa-table[b-svy1zfwyut] { width: 100%; border-collapse: collapse; font-size: 13px; }
.qa-table thead th[b-svy1zfwyut] {
    padding: 10px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6b7294;
    background: #f5f6fa;
    border-bottom: 1px solid #e2e5f1;
    position: sticky; top: 0; z-index: 1;
}
.qa-table thead th.col-num[b-svy1zfwyut] { text-align: right; }
.qa-table tbody td[b-svy1zfwyut] {
    padding: 8px 12px;
    border-bottom: 1px solid #e2e5f1;
    vertical-align: top;
}
.qa-table tbody tr:hover[b-svy1zfwyut] { background: #f8f9fc; }
.qa-table tbody tr:last-child td[b-svy1zfwyut] { border-bottom: none; }
.qa-table .col-hora[b-svy1zfwyut] {
    width: 90px;
    font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;
    font-size: 12px;
}
.qa-table .col-num[b-svy1zfwyut] {
    width: 90px;
    font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;
    font-size: 12px;
    text-align: right;
}
.qa-table .col-log[b-svy1zfwyut] {
    color: #1e2337;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
}
.qa-table .qa-empty[b-svy1zfwyut] { padding: 18px; text-align: center; color: #6b7294; font-size: 12px; }

.qa-table tr.row-mismatch td[b-svy1zfwyut] { background: #fef2f2 !important; }
.qa-table tr.row-only-here td[b-svy1zfwyut] { background: #fef9c3 !important; }
/* /Components/Pages/Ranking.razor.rz.scp.css */
/* Ranking — scoped CSS for the redesign.
   Mockup: /mnt/dados/telas/ranking-mockup.html.
   Tokens prefixed --rk-* so they don't collide with global theme vars. */

:root[b-fjpwe4atms] {
    --rk-green:  #0f9d58;
    --rk-orange: #f59e0b;
    --rk-red:    #ef4444;
    --rk-text:   #1e2337;
    --rk-text2:  #6b7294;
    --rk-text3:  #9da3c0;
    --rk-mono:   'SF Mono', 'Cascadia Code', 'Consolas', monospace;
}

/* Toolbar — period picker on the left, CSV button right-aligned */
.rk-toolbar[b-fjpwe4atms] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.rk-toolbar > :first-child[b-fjpwe4atms] { flex: 0 0 auto; }

.rk-btn-csv[b-fjpwe4atms] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: #fff;
    border: 1px solid #e2e5f1;
    border-radius: 8px;
    color: var(--rk-text);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s, border-color 0.15s;
}
.rk-btn-csv:hover:not(:disabled)[b-fjpwe4atms] {
    background: #f5f6fa;
    border-color: #c8cad6;
}
.rk-btn-csv:disabled[b-fjpwe4atms] {
    opacity: 0.5;
    cursor: not-allowed;
}
.rk-btn-csv svg[b-fjpwe4atms] {
    width: 18px;
    height: 18px;
    color: var(--rk-green);
    flex-shrink: 0;
}

/* Table — overrides MudSimpleTable defaults to match the mockup.
   ::deep is required because MudSimpleTable renders <th>/<td> in its
   own scope; component-scoped attribute selectors otherwise miss. */
.rk-table[b-fjpwe4atms]  table { width: 100%; border-collapse: collapse; }

.rk-table[b-fjpwe4atms]  thead th {
    text-align: left;
    padding: 12px 16px;
    font-size: 12px;
    font-weight: 600;
    color: var(--rk-text3);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border-bottom: 1px solid #e2e5f1;
    background: #fafbfd;
    white-space: nowrap;
}
.rk-table[b-fjpwe4atms]  thead th.rk-th-num     { text-align: center; width: 60px; }
.rk-table[b-fjpwe4atms]  thead th.rk-th-pessoa  { }
.rk-table[b-fjpwe4atms]  thead th.rk-th-pct,
.rk-table[b-fjpwe4atms]  thead th.rk-th-hrs     { text-align: right; }
.rk-table[b-fjpwe4atms]  thead th.rk-th-sort    { cursor: pointer; user-select: none; }
.rk-table[b-fjpwe4atms]  thead th.rk-th-sort:hover { color: var(--rk-text2); }

.rk-sort-arrow[b-fjpwe4atms] { color: var(--rk-text2); font-size: 11px; margin-left: 4px; }

.rk-table[b-fjpwe4atms]  tbody td {
    padding: 14px 16px;
    border-bottom: 1px solid #f0f1f5;
    vertical-align: middle;
}
.rk-table[b-fjpwe4atms]  tbody tr:hover { background: #f8f9fc; }
.rk-table[b-fjpwe4atms]  tbody tr:last-child td { border-bottom: none; }

.rk-col-num[b-fjpwe4atms] {
    text-align: center;
    font-weight: 600;
    color: var(--rk-text3);
    font-size: 14px;
    width: 60px;
}
.rk-col-pessoa[b-fjpwe4atms] { font-size: 14px; }
.rk-pessoa-name[b-fjpwe4atms]  { font-weight: 500; color: var(--rk-text); }
.rk-pessoa-login[b-fjpwe4atms] { font-size: 12px; color: var(--rk-text3); margin-top: 2px; }

.rk-col-pct[b-fjpwe4atms] {
    text-align: right;
    font-family: var(--rk-mono);
    font-size: 14px;
    font-weight: 600;
}
.rk-col-hrs[b-fjpwe4atms] {
    text-align: right;
    font-family: var(--rk-mono);
    font-size: 14px;
    font-weight: 600;
    color: var(--rk-text);
}

/* Mini percentage bar */
.rk-pct-bar[b-fjpwe4atms] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.rk-pct-bar-track[b-fjpwe4atms] {
    width: 80px;
    height: 6px;
    background: #eef0f5;
    border-radius: 3px;
    overflow: hidden;
}
.rk-pct-bar-fill[b-fjpwe4atms] { height: 100%; border-radius: 3px; }

.rk-pct-high[b-fjpwe4atms] { color: var(--rk-green); }
.rk-pct-mid[b-fjpwe4atms]  { color: var(--rk-orange); }
.rk-pct-low[b-fjpwe4atms]  { color: var(--rk-red); }

/* Medals (top 3) */
.rk-medal[b-fjpwe4atms] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
}
.rk-medal-1[b-fjpwe4atms] { background: #fef3c7; color: #b45309; }
.rk-medal-2[b-fjpwe4atms] { background: #e5e7eb; color: #4b5563; }
.rk-medal-3[b-fjpwe4atms] { background: #fed7aa; color: #c2410c; }

/* Dynamic header label (% {attention_label}) */
.rk-attention-header[b-fjpwe4atms] {
    border-bottom: 1px dashed var(--rk-text3);
    cursor: help;
}

/* Footer info row */
.rk-table-footer[b-fjpwe4atms] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    font-size: 12px;
    color: var(--rk-text3);
    border-top: 1px solid #f0f1f5;
}

/* Mobile — drop the mini bar, keep the value */
@media (max-width: 600px) {
    .rk-pct-bar-track[b-fjpwe4atms] { display: none; }
    .rk-table[b-fjpwe4atms]  tbody td { padding: 10px 12px; }
    .rk-table[b-fjpwe4atms]  thead th { padding: 10px 12px; }
    .rk-table-footer[b-fjpwe4atms] { flex-direction: column; align-items: flex-start; gap: 4px; }
}
/* /Components/Shared/Breadcrumb.razor.rz.scp.css */
.crumbs[b-38ibznwymc] {
    color: var(--rksam-text-muted);
    font-size: 13px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.crumbs a[b-38ibznwymc] {
    color: var(--rksam-text-muted);
    text-decoration: none;
    font-weight: 500;
    padding: 2px 6px;
    margin: -2px -6px;
    border-radius: var(--rksam-radius-sm, 4px);
    transition: background 80ms, color 80ms;
}
.crumbs a:hover[b-38ibznwymc] {
    background: var(--rksam-bg-subtle);
    color: var(--rksam-text-primary);
}
.crumbs .sep[b-38ibznwymc] {
    color: var(--rksam-text-faint);
    user-select: none;
}
.crumbs .current[b-38ibznwymc] {
    color: var(--rksam-text-primary);
    font-weight: 500;
}
/* /Components/Shared/CapturaLogEventsTable.razor.rz.scp.css */
.rksam-clet[b-7v0s8dcex3] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-sans);
    font-size: 13px;
}

.rksam-clet thead th[b-7v0s8dcex3] {
    text-align: left;
    padding: 10px 12px;
    border-bottom: 1px solid var(--border);
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-size: 11px;
    background: var(--bg-subtle);
}

.rksam-clet tbody td[b-7v0s8dcex3] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--border);
    color: var(--text-primary);
    vertical-align: middle;
}

.rksam-clet tbody tr:hover td[b-7v0s8dcex3] {
    background: var(--surface-hover);
}

.rksam-clet--dense thead th[b-7v0s8dcex3],
.rksam-clet--dense tbody td[b-7v0s8dcex3] {
    padding: 6px 10px;
}

.rksam-clet__col-person[b-7v0s8dcex3] {
    width: 180px;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

.rksam-clet__col-hora[b-7v0s8dcex3] {
    /* Acomoda "dd/MM/yyyy HH:mm:ss" (19 chars) sem wrap.
       Antes era 90px (só HH:mm:ss); agora ~150px com a data. */
    width: 150px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    font-family: var(--font-mono);
}

.rksam-clet__col-time[b-7v0s8dcex3] {
    width: 110px;
    font-variant-numeric: tabular-nums;
    font-family: var(--font-mono);
    text-align: right;
}

.rksam-clet__col-proc[b-7v0s8dcex3] {
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
}

.rksam-clet__col-title[b-7v0s8dcex3] {
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rksam-clet__empty[b-7v0s8dcex3] {
    padding: 24px 16px;
    text-align: center;
    color: var(--text-secondary);
    font-size: 14px;
}

/* Concentration is rendered amber when non-zero to signal an attribution.
   Zero values fall through to --empty (rendered as "—" by the formatter,
   muted so it doesn't read as a real measurement). */
.rksam-clet__col-conc--filled[b-7v0s8dcex3] {
    color: #d97706;
    font-weight: 600;
}

.rksam-clet__col-conc--empty[b-7v0s8dcex3],
.rksam-clet__col-time--empty[b-7v0s8dcex3] {
    color: var(--text-secondary);
}

/* Search highlight, driven by CapturaLogEventsViewer. Two row states:
   --match paints rows that contain the term anywhere, --match-current
   marks the row the viewer is focused on (next/prev nav). Hover still
   wins over plain rows but loses to match rows so navigation reads as
   stable. */
.rksam-clet__row--match td[b-7v0s8dcex3] {
    background: #fffbeb;
}

.rksam-clet__row--match-current td[b-7v0s8dcex3] {
    background: #fef9c3;
}

.rksam-clet tbody tr.rksam-clet__row--match:hover td[b-7v0s8dcex3],
.rksam-clet tbody tr.rksam-clet__row--match-current:hover td[b-7v0s8dcex3] {
    background: #fef3c7;
}

.rksam-clet__hit[b-7v0s8dcex3] {
    background: #fbbf24;
    color: #1e293b;
    border-radius: 2px;
    padding: 0 1px;
}

/* /Components/Shared/CapturaLogEventsViewer.razor.rz.scp.css */
.rksam-clev[b-inocn6vls0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rksam-clev__toolbar[b-inocn6vls0] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.rksam-clev__nav[b-inocn6vls0] {
    display: inline-flex;
    border: 1px solid var(--border);
    border-radius: 7px;
    overflow: hidden;
}

.rksam-clev__nav-btn[b-inocn6vls0] {
    width: 34px;
    height: 32px;
    border: none;
    border-right: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-secondary);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.rksam-clev__nav-btn:last-child[b-inocn6vls0] {
    border-right: none;
}

.rksam-clev__nav-btn:hover:not(:disabled)[b-inocn6vls0] {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.rksam-clev__nav-btn:disabled[b-inocn6vls0] {
    background: var(--bg-subtle);
    color: var(--text-disabled);
    cursor: default;
}

.rksam-clev__page-indicator[b-inocn6vls0] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    min-width: 96px;
    text-align: center;
}

.rksam-clev__separator[b-inocn6vls0] {
    width: 1px;
    height: 20px;
    background: var(--border);
}

.rksam-clev__search[b-inocn6vls0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 240px;
    position: relative;
}

.rksam-clev__search-icon[b-inocn6vls0] {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-secondary);
    pointer-events: none;
    display: inline-flex;
}

.rksam-clev__search-input[b-inocn6vls0] {
    flex: 1;
    box-sizing: border-box;
    padding: 6px 10px 6px 32px;
    border: 1px solid var(--border);
    border-radius: 7px;
    font-size: 12px;
    color: var(--text-primary);
    outline: none;
    font-family: inherit;
    background: var(--surface);
}

.rksam-clev__search-input:focus[b-inocn6vls0] {
    border-color: var(--primary);
}

.rksam-clev__search-input--hit[b-inocn6vls0] {
    background: #fffbeb;
}

.rksam-clev__match-counter[b-inocn6vls0] {
    font-size: 11px;
    color: #92400e;
    font-weight: 600;
    white-space: nowrap;
    background: #fef3c7;
    padding: 2px 6px;
    border-radius: 4px;
}

.rksam-clev__match-counter--empty[b-inocn6vls0] {
    color: #dc2626;
    background: #fef2f2;
}

.rksam-clev__match-nav-btn[b-inocn6vls0] {
    width: 24px;
    height: 24px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: var(--surface);
    color: var(--text-secondary);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.rksam-clev__match-nav-btn:hover:not(:disabled)[b-inocn6vls0] {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.rksam-clev__match-nav-btn:disabled[b-inocn6vls0] {
    color: var(--text-disabled);
    cursor: default;
}

/* Botão "TODOS OS EVENTOS" — discreto: fundo claro (igual fundo do
   container), borda sutil, fonte escura. Sem cor de accent. Mockup:
   /mnt/dados/telas/mockup-eventos-carregar-todos.html (2026-05-19). */
.rksam-clev__btn-load-all[b-inocn6vls0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    background: var(--surface-hover);
    color: var(--text-primary);
    border: 1px solid var(--border);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, border-color 0.15s;
}

.rksam-clev__btn-load-all:hover:not(:disabled)[b-inocn6vls0] {
    background: var(--surface);
    border-color: var(--text-disabled);
}

.rksam-clev__btn-load-all:disabled[b-inocn6vls0] {
    opacity: 0.6;
    cursor: default;
}

.rksam-clev__btn-load-all svg[b-inocn6vls0] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}
/* /Components/Shared/ConfirmDialog.razor.rz.scp.css */
/* ConfirmDialog — scoped, shares visual shell with the other dialogs. */

.dialog-backdrop[b-noppxdvik7] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.dialog-card[b-noppxdvik7] {
    background: var(--rksam-surface, #FFF);
    border: 1px solid var(--rksam-border, #E2E5EC);
    border-radius: var(--rksam-radius-xl, 14px);
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 48px -12px rgba(15,23,42,0.18), 0 8px 16px -4px rgba(15,23,42,0.08);
    overflow: hidden;
}
.dialog-card--confirm[b-noppxdvik7] { width: min(460px, 92vw); }

.dialog-header[b-noppxdvik7] {
    padding: 20px 24px;
    border-bottom: 1px solid var(--rksam-border-subtle);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--rksam-surface-alt);
}
.dialog-title[b-noppxdvik7] { font-size: 15px; font-weight: 600; color: var(--rksam-text-primary); }

.dialog-close[b-noppxdvik7] {
    background: transparent;
    border: 1px solid var(--rksam-border);
    border-radius: var(--rksam-radius-md);
    width: 32px; height: 32px;
    cursor: pointer;
    color: var(--rksam-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.dialog-close:hover:not(:disabled)[b-noppxdvik7] {
    color: var(--rksam-text-primary);
    background: var(--rksam-bg-subtle);
}
.dialog-close:disabled[b-noppxdvik7] { opacity: 0.5; cursor: not-allowed; }
.dialog-close svg[b-noppxdvik7] { width: 16px; height: 16px; }

.dialog-body--padded[b-noppxdvik7] {
    padding: 20px 24px;
    font-size: 13px;
    line-height: 1.55;
    color: var(--rksam-text-primary);
}

.dialog-footer[b-noppxdvik7] {
    padding: 14px 24px;
    border-top: 1px solid var(--rksam-border-subtle);
    background: var(--rksam-surface-alt);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}
.footer-actions[b-noppxdvik7] { display: flex; gap: 8px; }

.btn-primary[b-noppxdvik7] {
    background: var(--rksam-accent);
    color: var(--rksam-accent-fg, #FFF);
    border: 1px solid var(--rksam-accent);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}
.btn-primary:hover:not(:disabled)[b-noppxdvik7] {
    background: var(--rksam-accent-hover);
    border-color: var(--rksam-accent-hover);
}
.btn-primary--danger[b-noppxdvik7] {
    background: var(--rksam-danger);
    border-color: var(--rksam-danger);
}
.btn-primary--danger:hover:not(:disabled)[b-noppxdvik7] {
    background: #9F0E2E;
    border-color: #9F0E2E;
}
.btn-primary:disabled[b-noppxdvik7] { opacity: 0.6; cursor: not-allowed; }

.btn-secondary[b-noppxdvik7] {
    background: var(--rksam-surface);
    color: var(--rksam-text-primary);
    border: 1px solid var(--rksam-border);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md);
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
}
.btn-secondary:hover:not(:disabled)[b-noppxdvik7] { background: var(--rksam-bg-subtle); }
.btn-secondary:disabled[b-noppxdvik7] { opacity: 0.6; cursor: not-allowed; }
/* /Components/Shared/EventsDialog.razor.rz.scp.css */
/* EventsDialog — generic events table. Same visual shell as
   SearchEventsDialog; columns include LogType. */

.dialog-backdrop[b-2sonjcirlg] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.dialog-card[b-2sonjcirlg] {
    background: var(--rksam-surface, #FFF);
    border: 1px solid var(--rksam-border, #E2E5EC);
    border-radius: var(--rksam-radius-xl, 14px);
    width: min(1100px, 95vw);
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 48px -12px rgba(15,23,42,0.18), 0 8px 16px -4px rgba(15,23,42,0.08);
    overflow: hidden;
}

.dialog-header[b-2sonjcirlg] {
    padding: 20px 24px;
    border-bottom: 1px solid var(--rksam-border-subtle, #EBEEF3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--rksam-surface-alt, #FBFCFD);
}
.dialog-title[b-2sonjcirlg] {
    font-size: 16px;
    font-weight: 600;
    color: var(--rksam-text-primary);
    font-family: var(--rksam-font-mono, ui-monospace);
}

.dialog-close[b-2sonjcirlg] {
    background: transparent;
    border: 1px solid var(--rksam-border, #E2E5EC);
    border-radius: var(--rksam-radius-md, 6px);
    width: 32px; height: 32px;
    cursor: pointer;
    color: var(--rksam-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 80ms, color 80ms;
}
.dialog-close:hover[b-2sonjcirlg] {
    color: var(--rksam-text-primary);
    background: var(--rksam-bg-subtle);
}
.dialog-close svg[b-2sonjcirlg] { width: 16px; height: 16px; }

.dialog-body[b-2sonjcirlg] {
    padding: 0;
    overflow-y: auto;
    flex: 1 1 auto;
}
.dialog-state[b-2sonjcirlg] {
    padding: 48px 24px;
    text-align: center;
    color: var(--rksam-text-muted);
    font-size: 13px;
}
.dialog-state--error[b-2sonjcirlg] { color: var(--rksam-danger); }

.dialog-results table[b-2sonjcirlg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.dialog-results th[b-2sonjcirlg] {
    text-align: left;
    padding: 10px 16px;
    background: var(--rksam-surface-alt);
    border-bottom: 1px solid var(--rksam-border-subtle);
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.05em;
    color: var(--rksam-text-muted);
    font-weight: 500;
    position: sticky;
    top: 0;
}
.dialog-results td[b-2sonjcirlg] {
    padding: 10px 16px;
    border-bottom: 1px solid var(--rksam-border-subtle);
    font-family: var(--rksam-font-mono, ui-monospace);
    color: var(--rksam-text-primary);
    vertical-align: top;
}
.dialog-results tr:last-child td[b-2sonjcirlg] { border-bottom: none; }
.dialog-results .ts[b-2sonjcirlg] { color: var(--rksam-text-muted); white-space: nowrap; }
.dialog-results .ws[b-2sonjcirlg] { color: var(--rksam-info, #0369A1); }
.dialog-results .type[b-2sonjcirlg] {
    color: var(--rksam-accent);
    font-weight: 500;
    white-space: nowrap;
}
.dialog-results .raw[b-2sonjcirlg] {
    word-break: break-word;
    line-height: 1.6;
    color: var(--rksam-text-primary);
    max-width: 520px;
}

.dialog-footer[b-2sonjcirlg] {
    padding: 14px 24px;
    border-top: 1px solid var(--rksam-border-subtle);
    background: var(--rksam-surface-alt);
    color: var(--rksam-text-muted);
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    gap: 12px;
}
.footer-actions[b-2sonjcirlg] { display: flex; gap: 8px; }
.btn-secondary[b-2sonjcirlg] {
    background: var(--rksam-surface);
    color: var(--rksam-text-primary);
    border: 1px solid var(--rksam-border);
    padding: 6px 12px;
    border-radius: var(--rksam-radius-md);
    font-family: inherit;
    font-size: 12px;
    cursor: pointer;
    transition: background 80ms;
}
.btn-secondary:hover:not(:disabled)[b-2sonjcirlg] { background: var(--rksam-bg-subtle); }
.btn-secondary:disabled[b-2sonjcirlg] { opacity: 0.6; cursor: not-allowed; }
/* /Components/Shared/InlineEditText.razor.rz.scp.css */
/* InlineEditText — leitura inline com lápis que aparece no hover.
   Escopo: scoped CSS do Blazor injeta `[b-xxx]` em todos os seletores. */

.inline-edit-container[b-xb3unomtwt] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 28px;
}

.inline-edit-pencil[b-xb3unomtwt] {
    opacity: 0;
    transition: opacity 0.15s;
    color: var(--mud-palette-text-secondary, #888);
}

.inline-edit-pencil.visible[b-xb3unomtwt] {
    opacity: 1;
}

.inline-edit-pencil:hover[b-xb3unomtwt] {
    color: var(--mud-palette-info, #185FA5);
}

.inline-edit-input-wrap[b-xb3unomtwt] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.inline-edit-input[b-xb3unomtwt] {
    max-width: 220px;
    font-size: 14px;
}

.inline-edit-suffix[b-xb3unomtwt],
.inline-edit-suffix-readonly[b-xb3unomtwt] {
    color: var(--mud-palette-text-secondary, #888);
    font-size: 14px;
    white-space: nowrap;
}
/* /Components/Shared/JourneyTeamPicker.razor.rz.scp.css */
.picker-header[b-o5lk53hnat] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 14px 16px 8px;
    gap: 12px;
}

.picker-heading[b-o5lk53hnat] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.picker-title[b-o5lk53hnat] {
    font-size: 14px;
    font-weight: 600;
    color: var(--mud-palette-text-primary, #1f2330);
}

.picker-subtitle[b-o5lk53hnat] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary, #6b7280);
}

.picker-search[b-o5lk53hnat] {
    padding: 0 12px 8px;
}

.picker-loading[b-o5lk53hnat] {
    padding: 24px;
    text-align: center;
}

.picker-body[b-o5lk53hnat] {
    padding: 0 8px 8px;
    max-height: 420px;
    overflow-y: auto;
}

.picker-empty[b-o5lk53hnat] {
    padding: 24px 16px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary, #6b7280);
    text-align: center;
}

.team-section[b-o5lk53hnat] {
    margin-bottom: 6px;
}

.team-header[b-o5lk53hnat] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 6px 10px;
    border: 0;
    background: transparent;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-text-primary, #1f2330);
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.team-header:hover[b-o5lk53hnat] {
    background: rgba(0, 0, 0, 0.04);
}

.team-name[b-o5lk53hnat] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.team-count[b-o5lk53hnat] {
    font-size: 11px;
    font-weight: 500;
    color: var(--mud-palette-text-secondary, #6b7280);
    background: rgba(0, 0, 0, 0.05);
    padding: 1px 8px;
    border-radius: 10px;
}

.person-row[b-o5lk53hnat] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 6px 10px;
    border: 0;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    text-align: left;
}

.person-row:hover[b-o5lk53hnat] {
    background: rgba(0, 0, 0, 0.04);
}

.person-row.selected[b-o5lk53hnat] {
    background: rgba(25, 118, 210, 0.08);
}

.avatar[b-o5lk53hnat] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 600;
    flex-shrink: 0;
}

.person-info[b-o5lk53hnat] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.person-name[b-o5lk53hnat] {
    font-size: 13px;
    color: var(--mud-palette-text-primary, #1f2330);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.person-role[b-o5lk53hnat] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary, #6b7280);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.picker-footer[b-o5lk53hnat] {
    padding: 8px 16px 12px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary, #6b7280);
    border-top: 1px solid var(--mud-palette-lines-default, rgba(0, 0, 0, 0.08));
}
/* /Components/Shared/MetadataEditDialog.razor.rz.scp.css */
/* MetadataEditDialog — scoped. Uses the same shell as SearchEventsDialog
   but with a padded body for form controls. */

.dialog-backdrop[b-1bt3f1km0r] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.dialog-card[b-1bt3f1km0r] {
    background: var(--rksam-surface, #FFF);
    border: 1px solid var(--rksam-border, #E2E5EC);
    border-radius: var(--rksam-radius-xl, 14px);
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 48px -12px rgba(15,23,42,0.18), 0 8px 16px -4px rgba(15,23,42,0.08);
    overflow: hidden;
}
.dialog-card--form[b-1bt3f1km0r] { width: min(560px, 92vw); }

.dialog-header[b-1bt3f1km0r] {
    padding: 20px 24px;
    border-bottom: 1px solid var(--rksam-border-subtle, #EBEEF3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--rksam-surface-alt, #FBFCFD);
}
.dialog-title[b-1bt3f1km0r] { font-size: 16px; font-weight: 600; color: var(--rksam-text-primary); }
.dialog-close[b-1bt3f1km0r] {
    background: transparent;
    border: 1px solid var(--rksam-border, #E2E5EC);
    border-radius: var(--rksam-radius-md, 6px);
    width: 32px; height: 32px;
    cursor: pointer;
    color: var(--rksam-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 80ms, color 80ms;
}
.dialog-close:hover:not(:disabled)[b-1bt3f1km0r] {
    color: var(--rksam-text-primary);
    background: var(--rksam-bg-subtle);
}
.dialog-close:disabled[b-1bt3f1km0r] { opacity: 0.5; cursor: not-allowed; }
.dialog-close svg[b-1bt3f1km0r] { width: 16px; height: 16px; }

.dialog-body[b-1bt3f1km0r] {
    overflow-y: auto;
    flex: 1 1 auto;
}
.dialog-body--padded[b-1bt3f1km0r] { padding: 20px 24px; }

.form[b-1bt3f1km0r] { display: flex; flex-direction: column; gap: 14px; }
.form-row[b-1bt3f1km0r] { display: flex; flex-direction: column; gap: 6px; }
.form-row--cols-3[b-1bt3f1km0r] {
    flex-direction: row; gap: 12px;
}
.form-row--cols-3 > div[b-1bt3f1km0r] { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.form label[b-1bt3f1km0r] {
    font-size: 11px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.06em;
    color: var(--rksam-text-muted);
}
.form input[b-1bt3f1km0r],
.form select[b-1bt3f1km0r] {
    height: 36px;
    padding: 0 10px;
    font-family: inherit; font-size: 13px;
    color: var(--rksam-text-primary);
    background: var(--rksam-surface);
    border: 1px solid var(--rksam-border);
    border-radius: var(--rksam-radius-md, 6px);
    outline: none;
}
.form input:focus[b-1bt3f1km0r],
.form select:focus[b-1bt3f1km0r] {
    border-color: var(--rksam-accent);
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.20);
}
.form-error[b-1bt3f1km0r] {
    padding: 8px 10px;
    background: var(--rksam-danger-subtle);
    border: 1px solid var(--rksam-danger-border);
    border-radius: var(--rksam-radius-md);
    color: var(--rksam-danger);
    font-size: 12px;
}

.dialog-footer[b-1bt3f1km0r] {
    padding: 14px 24px;
    border-top: 1px solid var(--rksam-border-subtle);
    background: var(--rksam-surface-alt);
    color: var(--rksam-text-muted);
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}
.footer-actions[b-1bt3f1km0r] { display: flex; gap: 8px; }

.btn-primary[b-1bt3f1km0r] {
    background: var(--rksam-accent);
    color: var(--rksam-accent-fg, #FFF);
    border: 1px solid var(--rksam-accent);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 80ms, border-color 80ms;
}
.btn-primary:hover:not(:disabled)[b-1bt3f1km0r] {
    background: var(--rksam-accent-hover, #4338CA);
    border-color: var(--rksam-accent-hover, #4338CA);
}
.btn-primary:disabled[b-1bt3f1km0r] { opacity: 0.6; cursor: not-allowed; }

.btn-secondary[b-1bt3f1km0r] {
    background: var(--rksam-surface);
    color: var(--rksam-text-primary);
    border: 1px solid var(--rksam-border);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md);
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
    transition: background 80ms;
}
.btn-secondary:hover:not(:disabled)[b-1bt3f1km0r] { background: var(--rksam-bg-subtle); }
.btn-secondary:disabled[b-1bt3f1km0r] { opacity: 0.6; cursor: not-allowed; }

@media (max-width: 600px) {
    .form-row--cols-3[b-1bt3f1km0r] { flex-direction: column; }
}
/* /Components/Shared/OpenSupportTicketDialog.razor.rz.scp.css */
/* OpenSupportTicketDialog — scoped, mirrors ConfirmDialog visual shell.

   IMPORTANTE: ConfirmDialog usa as mesmas vars (--rksam-accent,
   --rksam-surface-alt, etc.) sem fallback, mas várias delas NÃO existem
   em rksam-theme.css. Sem fallback explícito o botão .btn-primary
   ficava com background transparente e texto branco — visualmente
   invisível no footer cinza, dando a impressão de "botão não apareceu".
   Cada var() usada aqui agora tem um fallback hex explícito. */

.dialog-backdrop[b-xstzfnmr3k] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.dialog-card[b-xstzfnmr3k] {
    background: var(--rksam-surface, #FFF);
    border: 1px solid var(--rksam-border, #E2E8F0);
    border-radius: var(--rksam-radius-xl, 12px);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 48px -12px rgba(15,23,42,0.18),
                0 8px 16px -4px rgba(15,23,42,0.08);
    overflow: hidden;
}

.dialog-header[b-xstzfnmr3k] {
    padding: 20px 24px;
    border-bottom: 1px solid var(--rksam-border-subtle, #E2E8F0);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    background: var(--rksam-surface-alt, #F8FAFC);
    flex-shrink: 0;
}
.dialog-title[b-xstzfnmr3k] {
    font-size: 15px;
    font-weight: 600;
    color: var(--rksam-text-primary, #0F172A);
}

.dialog-close[b-xstzfnmr3k] {
    background: transparent;
    border: 1px solid var(--rksam-border, #E2E8F0);
    border-radius: var(--rksam-radius-md, 6px);
    width: 32px; height: 32px;
    cursor: pointer;
    color: var(--rksam-text-muted, #64748B);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.dialog-close:hover:not(:disabled)[b-xstzfnmr3k] {
    color: var(--rksam-text-primary, #0F172A);
    background: var(--rksam-bg-subtle, #F1F5F9);
}
.dialog-close:disabled[b-xstzfnmr3k] { opacity: 0.5; cursor: not-allowed; }
.dialog-close svg[b-xstzfnmr3k] { width: 16px; height: 16px; }

.dialog-body[b-xstzfnmr3k] {
    flex: 1;
    overflow-y: auto;
    /* Flexbox quirk: sem min-height:0 o body não shrinka abaixo do
       intrinsic content size, empurrando o footer (com botão "Enviar
       chamado") para fora do max-height:90vh. */
    min-height: 0;
}
.dialog-body--padded[b-xstzfnmr3k] {
    padding: 20px 24px;
    font-size: 13px;
    line-height: 1.55;
    color: var(--rksam-text-primary, #0F172A);
}

.dialog-footer[b-xstzfnmr3k] {
    padding: 14px 24px;
    border-top: 1px solid var(--rksam-border-subtle, #E2E8F0);
    background: var(--rksam-surface-alt, #F8FAFC);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    gap: 12px;
}
.footer-actions[b-xstzfnmr3k] { display: flex; gap: 8px; }

.btn-primary[b-xstzfnmr3k] {
    /* MAG accent — fallback hex obrigatório, --rksam-accent não está
       definido em rksam-theme.css. */
    background: var(--rksam-accent, #534AB7);
    color: var(--rksam-accent-fg, #FFFFFF);
    border: 1px solid var(--rksam-accent, #534AB7);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md, 6px);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}
.btn-primary:hover:not(:disabled)[b-xstzfnmr3k] {
    background: var(--rksam-accent-hover, #3F379B);
    border-color: var(--rksam-accent-hover, #3F379B);
}
.btn-primary:disabled[b-xstzfnmr3k] { opacity: 0.6; cursor: not-allowed; }

.btn-secondary[b-xstzfnmr3k] {
    background: var(--rksam-surface, #FFFFFF);
    color: var(--rksam-text-primary, #0F172A);
    border: 1px solid var(--rksam-border, #E2E8F0);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md, 6px);
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
}
.btn-secondary:hover:not(:disabled)[b-xstzfnmr3k] { background: var(--rksam-bg-subtle, #F1F5F9); }
.btn-secondary:disabled[b-xstzfnmr3k] { opacity: 0.6; cursor: not-allowed; }
/* /Components/Shared/ProductivityOverrideEditDialog.razor.rz.scp.css */
/* ProductivityOverrideEditDialog — scoped. Mirrors MetadataEditDialog's
   shell (same class names, same dimensions) so the two dialogs feel like
   one. Blazor scoped CSS rewrites selectors per-component, so each
   dialog needs its own copy. */

.dialog-backdrop[b-fbeib8jttl] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.dialog-card[b-fbeib8jttl] {
    background: var(--rksam-surface, #FFF);
    border: 1px solid var(--rksam-border, #E2E5EC);
    border-radius: var(--rksam-radius-xl, 14px);
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 48px -12px rgba(15,23,42,0.18), 0 8px 16px -4px rgba(15,23,42,0.08);
    overflow: hidden;
}
.dialog-card--form[b-fbeib8jttl] { width: min(560px, 92vw); }

.dialog-header[b-fbeib8jttl] {
    padding: 20px 24px;
    border-bottom: 1px solid var(--rksam-border-subtle, #EBEEF3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--rksam-surface-alt, #FBFCFD);
}
.dialog-title[b-fbeib8jttl] { font-size: 16px; font-weight: 600; color: var(--rksam-text-primary); }
.dialog-close[b-fbeib8jttl] {
    background: transparent;
    border: 1px solid var(--rksam-border, #E2E5EC);
    border-radius: var(--rksam-radius-md, 6px);
    width: 32px; height: 32px;
    cursor: pointer;
    color: var(--rksam-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 80ms, color 80ms;
}
.dialog-close:hover:not(:disabled)[b-fbeib8jttl] {
    color: var(--rksam-text-primary);
    background: var(--rksam-bg-subtle);
}
.dialog-close:disabled[b-fbeib8jttl] { opacity: 0.5; cursor: not-allowed; }
.dialog-close svg[b-fbeib8jttl] { width: 16px; height: 16px; }

.dialog-body[b-fbeib8jttl] {
    overflow-y: auto;
    flex: 1 1 auto;
}
.dialog-body--padded[b-fbeib8jttl] { padding: 20px 24px; }

.form[b-fbeib8jttl] { display: flex; flex-direction: column; gap: 14px; }
.form-row[b-fbeib8jttl] { display: flex; flex-direction: column; gap: 6px; }
.form label[b-fbeib8jttl] {
    font-size: 11px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.06em;
    color: var(--rksam-text-muted);
}
.form input[b-fbeib8jttl],
.form select[b-fbeib8jttl] {
    height: 36px;
    padding: 0 10px;
    font-family: inherit; font-size: 13px;
    color: var(--rksam-text-primary);
    background: var(--rksam-surface);
    border: 1px solid var(--rksam-border);
    border-radius: var(--rksam-radius-md, 6px);
    outline: none;
}
.form input:focus[b-fbeib8jttl],
.form select:focus[b-fbeib8jttl] {
    border-color: var(--rksam-accent);
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.20);
}
.form input:disabled[b-fbeib8jttl] {
    background: var(--rksam-bg-subtle);
    color: var(--rksam-text-muted);
    cursor: not-allowed;
}
.form-error[b-fbeib8jttl] {
    padding: 8px 10px;
    background: var(--rksam-danger-subtle);
    border: 1px solid var(--rksam-danger-border);
    border-radius: var(--rksam-radius-md);
    color: var(--rksam-danger);
    font-size: 12px;
}

.dialog-footer[b-fbeib8jttl] {
    padding: 14px 24px;
    border-top: 1px solid var(--rksam-border-subtle);
    background: var(--rksam-surface-alt);
    color: var(--rksam-text-muted);
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}
.footer-actions[b-fbeib8jttl] { display: flex; gap: 8px; }

.btn-primary[b-fbeib8jttl] {
    background: var(--rksam-accent);
    color: var(--rksam-accent-fg, #FFF);
    border: 1px solid var(--rksam-accent);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 80ms, border-color 80ms;
}
.btn-primary:hover:not(:disabled)[b-fbeib8jttl] {
    background: var(--rksam-accent-hover, #4338CA);
    border-color: var(--rksam-accent-hover, #4338CA);
}
.btn-primary:disabled[b-fbeib8jttl] { opacity: 0.6; cursor: not-allowed; }

.btn-secondary[b-fbeib8jttl] {
    background: var(--rksam-surface);
    color: var(--rksam-text-primary);
    border: 1px solid var(--rksam-border);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md);
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
    transition: background 80ms;
}
.btn-secondary:hover:not(:disabled)[b-fbeib8jttl] { background: var(--rksam-bg-subtle); }
.btn-secondary:disabled[b-fbeib8jttl] { opacity: 0.6; cursor: not-allowed; }
/* /Components/Shared/ReclassifyDialog.razor.rz.scp.css */
/* Reclassify dialog — preview-then-apply UI for per-process reclassify.
   Sized wider than MetadataEditDialog because the preview shows tabular
   samples and a daily-breakdown list that need horizontal room. */

.rd-card[b-qw7brbvndb] {
    max-width: 720px;
    width: calc(100vw - 32px);
}

.rd-explainer[b-qw7brbvndb] {
    color: var(--text-secondary);
    font-size: 13px;
    line-height: 1.45;
    margin: 0 0 12px;
}
.rd-explainer code[b-qw7brbvndb] {
    font-family: var(--rksam-font-mono);
    background: var(--bg-subtle);
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 12px;
}

.rd-range[b-qw7brbvndb] { margin-bottom: 12px; }

.rd-actions-inline[b-qw7brbvndb] {
    display: flex;
    justify-content: flex-end;
    margin: 4px 0 12px;
}

.rd-summary[b-qw7brbvndb] {
    background: var(--bg-subtle);
    border: 0.5px solid var(--border);
    border-radius: 8px;
    padding: 12px 16px;
    margin: 4px 0 12px;
}
.rd-summary__total[b-qw7brbvndb] {
    font-size: 24px;
    font-weight: 600;
    color: var(--text-primary);
}
.rd-summary__total span[b-qw7brbvndb] {
    font-size: 13px;
    font-weight: 400;
    color: var(--text-secondary);
    margin-left: 8px;
}

.rd-empty[b-qw7brbvndb] {
    padding: 16px;
    text-align: center;
    color: var(--text-secondary);
    font-size: 13px;
}

.rd-section[b-qw7brbvndb] { margin: 12px 0; }
.rd-section__title[b-qw7brbvndb] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-secondary);
    margin-bottom: 6px;
}

.rd-daily[b-qw7brbvndb] {
    max-height: 180px;
    overflow-y: auto;
    border: 0.5px solid var(--border);
    border-radius: 6px;
}
.rd-daily__row[b-qw7brbvndb] {
    display: flex;
    justify-content: space-between;
    padding: 4px 12px;
    font-size: 12px;
    border-bottom: 0.5px solid var(--border);
}
.rd-daily__row:last-child[b-qw7brbvndb] { border-bottom: 0; }
.rd-daily__day[b-qw7brbvndb] { color: var(--text-secondary); font-family: var(--rksam-font-mono); }
.rd-daily__count[b-qw7brbvndb] { font-weight: 500; font-variant-numeric: tabular-nums; }

.rd-samples[b-qw7brbvndb] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.rd-samples thead th[b-qw7brbvndb] {
    text-align: left;
    padding: 6px 8px;
    background: var(--bg-subtle);
    border-bottom: 0.5px solid var(--border);
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-secondary);
}
.rd-samples thead th.num[b-qw7brbvndb] { text-align: right; }
.rd-samples tbody td[b-qw7brbvndb] {
    padding: 5px 8px;
    border-bottom: 0.5px solid var(--border);
    vertical-align: top;
}
.rd-samples tbody td.num[b-qw7brbvndb] { text-align: right; font-variant-numeric: tabular-nums; }
.rd-samples tbody td code[b-qw7brbvndb] {
    font-family: var(--rksam-font-mono);
    font-size: 11px;
    color: var(--text-primary);
    background: var(--bg-subtle);
    padding: 1px 4px;
    border-radius: 3px;
}

.rd-error[b-qw7brbvndb] {
    margin-top: 12px;
    padding: 10px 12px;
    background: rgba(220, 38, 38, 0.08);
    border-left: 3px solid #dc2626;
    color: #b91c1c;
    border-radius: 4px;
    font-size: 13px;
}

.rd-success[b-qw7brbvndb] {
    margin-top: 12px;
    padding: 10px 12px;
    background: rgba(22, 163, 74, 0.08);
    border-left: 3px solid #16a34a;
    color: #15803d;
    border-radius: 4px;
    font-size: 13px;
}
/* /Components/Shared/RksamDateRangePicker.razor.rz.scp.css */
.rksam-drp[b-tymsz1ecnd] {
    position: relative;
    display: inline-block;
    font-family: var(--font-sans);
}

.rksam-drp__trigger[b-tymsz1ecnd] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    min-height: 40px;
    background: var(--surface);
    border: 0.5px solid var(--border-strong);
    border-radius: 8px;
    cursor: pointer;
    color: var(--text-primary);
    font-size: 14px;
    transition: border-color var(--duration-fast) var(--easing);
}

.rksam-drp__trigger:hover[b-tymsz1ecnd] {
    border-color: #534AB7;
}

.rksam-drp--open .rksam-drp__trigger[b-tymsz1ecnd] {
    border-color: #534AB7;
    box-shadow: 0 0 0 3px rgb(83 74 183 / 0.15);
}

.rksam-drp__trigger-label[b-tymsz1ecnd] {
    font-weight: 600;
}

.rksam-drp__trigger-preview[b-tymsz1ecnd] {
    color: var(--text-secondary);
    font-size: 13px;
}

.rksam-drp__backdrop[b-tymsz1ecnd] {
    position: fixed;
    inset: 0;
    background: transparent;
    /* Backdrop precisa ficar acima do mapa Leaflet (panes ~400, controls
       até ~1000) pra capturar o clique fora-do-popover e fechar o
       calendário em vez do clique virar pan/zoom do mapa. */
    z-index: 9999;
}

.rksam-drp__popover[b-tymsz1ecnd] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    /* Acima do backdrop (9999) e bem acima do Leaflet (~1000). O
       `.rksam-drp` parent é position:relative SEM z-index, então não cria
       stacking context — esse valor é interpretado no contexto raiz e o
       popover flutua sobre tudo. */
    z-index: 10001;
    width: 460px;
    max-width: calc(100vw - 24px);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: var(--shadow-xl);
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rksam-drp__title[b-tymsz1ecnd] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 2px;
}

.rksam-drp__section-label[b-tymsz1ecnd] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.rksam-drp__quick[b-tymsz1ecnd] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: -6px;
}

.rksam-drp__chip[b-tymsz1ecnd] {
    padding: 6px 14px;
    background: var(--surface);
    border: 0.5px solid var(--border-strong);
    border-radius: 999px;
    font-size: 13px;
    color: var(--text-primary);
    cursor: pointer;
    transition: all var(--duration-fast) var(--easing);
}

.rksam-drp__chip:hover[b-tymsz1ecnd] {
    border-color: #534AB7;
}

.rksam-drp__chip--active[b-tymsz1ecnd] {
    background: #EEEDFE;
    border: 1.5px solid #534AB7;
    color: #3C3489;
    font-weight: 500;
}

.rksam-drp__select[b-tymsz1ecnd] {
    width: 100%;
    margin-top: -6px;
    padding: 8px 12px;
    border: 0.5px solid var(--border-strong);
    border-radius: 8px;
    background: var(--surface);
    color: var(--text-primary);
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
}

.rksam-drp__select:focus[b-tymsz1ecnd] {
    outline: none;
    border-color: #534AB7;
    box-shadow: 0 0 0 3px rgb(83 74 183 / 0.15);
}

.rksam-drp__custom[b-tymsz1ecnd] {
    display: flex;
    gap: 12px;
    margin-top: -6px;
}

.rksam-drp__field[b-tymsz1ecnd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.rksam-drp__field > span[b-tymsz1ecnd] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 500;
}

.rksam-drp__field > input[type="date"][b-tymsz1ecnd] {
    padding: 8px 12px;
    border: 0.5px solid var(--border-strong);
    border-radius: 8px;
    background: var(--surface);
    color: var(--text-primary);
    font-size: 14px;
    font-family: inherit;
}

.rksam-drp__field > input[type="date"]:focus[b-tymsz1ecnd] {
    outline: none;
    border-color: #534AB7;
    box-shadow: 0 0 0 3px rgb(83 74 183 / 0.15);
}

.rksam-drp__preview[b-tymsz1ecnd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: #EEEDFE;
    border-radius: 8px;
    color: #3C3489;
    font-size: 13px;
}

.rksam-drp__footer[b-tymsz1ecnd] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.rksam-drp__btn[b-tymsz1ecnd] {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all var(--duration-fast) var(--easing);
    font-family: inherit;
}

.rksam-drp__btn--ghost[b-tymsz1ecnd] {
    background: transparent;
    border: 0.5px solid var(--border-strong);
    color: var(--text-primary);
}

.rksam-drp__btn--ghost:hover[b-tymsz1ecnd] {
    background: var(--surface-hover);
}

.rksam-drp__btn--primary[b-tymsz1ecnd] {
    background: #534AB7;
    border: 1px solid #534AB7;
    color: #FFFFFF;
}

.rksam-drp__btn--primary:hover[b-tymsz1ecnd] {
    background: #3C3489;
    border-color: #3C3489;
}
/* /Components/Shared/RksamLoading.razor.rz.scp.css */
.rksam-loading-root[b-newh5uhqss] {
    display: flex;
    align-items: center;
    justify-content: center;
    /* z-index e position são aplicados via classe modificadora / inline. */
}

.rksam-loading-root--fixed[b-newh5uhqss] {
    position: fixed;
    inset: 0;
}

.rksam-loading-root--absolute[b-newh5uhqss] {
    position: absolute;
    inset: 0;
}

.rksam-loading-backdrop[b-newh5uhqss] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.32);
}

.rksam-loading-content[b-newh5uhqss] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 24px 32px;
}

.rksam-loading-spinner[b-newh5uhqss] {
    width: 56px;
    height: 56px;
    border: 4px solid rgba(255, 255, 255, 0.25);
    border-top-color: #5e35b1;
    border-radius: 50%;
    animation: rksam-loading-spin-b-newh5uhqss 0.9s linear infinite;
}

@keyframes rksam-loading-spin-b-newh5uhqss {
    to { transform: rotate(360deg); }
}

.rksam-loading-message[b-newh5uhqss] {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    max-width: 320px;
    line-height: 1.4;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
/* /Components/Shared/SearchEventsDialog.razor.rz.scp.css */
/* SearchEventsDialog — scoped. Design from
   /root/rksam-deploy-v2/mockup/mockup-processo-acoes-com-lupa.html */

.dialog-backdrop[b-4l1x9w2hnz] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.dialog-card[b-4l1x9w2hnz] {
    background: var(--rksam-surface, #FFF);
    border: 1px solid var(--rksam-border, #E2E5EC);
    border-radius: var(--rksam-radius-xl, 14px);
    width: min(900px, 90vw);
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 48px -12px rgba(15,23,42,0.18), 0 8px 16px -4px rgba(15,23,42,0.08);
    overflow: hidden;
}

.dialog-header[b-4l1x9w2hnz] {
    padding: 20px 24px;
    border-bottom: 1px solid var(--rksam-border-subtle, #EBEEF3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--rksam-surface-alt, #FBFCFD);
}
.dialog-title[b-4l1x9w2hnz] { font-size: 16px; font-weight: 600; color: var(--rksam-text-primary); }
.dialog-title .pat[b-4l1x9w2hnz] {
    font-family: var(--rksam-font-mono, ui-monospace);
    background: var(--rksam-accent-subtle, #EEF0FF);
    color: var(--rksam-accent, #4F46E5);
    padding: 2px 8px;
    border-radius: var(--rksam-radius-sm, 4px);
    font-size: 13px;
    font-weight: 500;
    margin-left: 6px;
}
.dialog-title .search-mode[b-4l1x9w2hnz] {
    margin-left: 8px;
    padding: 1px 6px;
    border-radius: var(--rksam-radius-sm, 4px);
    background: #F1F2F4;
    color: #5F5E5A;
    font-size: 11px;
    font-weight: 500;
    font-family: var(--rksam-font-mono, ui-monospace);
    text-transform: lowercase;
    letter-spacing: 0.02em;
    cursor: help;
}

.dialog-close[b-4l1x9w2hnz] {
    background: transparent;
    border: 1px solid var(--rksam-border, #E2E5EC);
    border-radius: var(--rksam-radius-md, 6px);
    width: 32px; height: 32px;
    cursor: pointer;
    color: var(--rksam-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 80ms, color 80ms;
}
.dialog-close:hover[b-4l1x9w2hnz] {
    color: var(--rksam-text-primary);
    background: var(--rksam-bg-subtle);
}
.dialog-close svg[b-4l1x9w2hnz] { width: 16px; height: 16px; }

.dialog-body[b-4l1x9w2hnz] {
    padding: 0;
    overflow-y: auto;
    flex: 1 1 auto;
}

.dialog-state[b-4l1x9w2hnz] {
    padding: 48px 24px;
    text-align: center;
    color: var(--rksam-text-muted);
    font-size: 13px;
}
.dialog-state--error[b-4l1x9w2hnz] { color: var(--rksam-danger); }

.dialog-results[b-4l1x9w2hnz] {
    padding: 0;
}
.dialog-results table[b-4l1x9w2hnz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.dialog-results th[b-4l1x9w2hnz] {
    text-align: left;
    padding: 10px 16px;
    background: var(--rksam-surface-alt);
    border-bottom: 1px solid var(--rksam-border-subtle);
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.05em;
    color: var(--rksam-text-muted);
    font-weight: 500;
}
.dialog-results td[b-4l1x9w2hnz] {
    padding: 10px 16px;
    border-bottom: 1px solid var(--rksam-border-subtle);
    font-family: var(--rksam-font-mono, ui-monospace);
    color: var(--rksam-text-primary);
    vertical-align: top;
}
.dialog-results tr:last-child td[b-4l1x9w2hnz] { border-bottom: none; }
.dialog-results .ts[b-4l1x9w2hnz] { color: var(--rksam-text-muted); white-space: nowrap; }
.dialog-results .ws[b-4l1x9w2hnz] { color: var(--rksam-info, #0369A1); }
.dialog-results .raw[b-4l1x9w2hnz] {
    word-break: break-word;
    line-height: 1.6;
}
.dialog-results .raw[b-4l1x9w2hnz]  em {
    background: var(--rksam-warning-subtle, #FEF3C7);
    color: var(--rksam-warning, #B45309);
    padding: 1px 4px;
    border-radius: var(--rksam-radius-sm, 4px);
    font-style: normal;
    font-weight: 600;
}

.dialog-footer[b-4l1x9w2hnz] {
    padding: 14px 24px;
    border-top: 1px solid var(--rksam-border-subtle);
    background: var(--rksam-surface-alt);
    color: var(--rksam-text-muted);
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}
.btn-secondary[b-4l1x9w2hnz] {
    background: var(--rksam-surface);
    color: var(--rksam-text-primary);
    border: 1px solid var(--rksam-border);
    padding: 6px 12px;
    border-radius: var(--rksam-radius-md);
    font-family: inherit;
    font-size: 12px;
    cursor: pointer;
    transition: background 80ms;
}
.btn-secondary:hover[b-4l1x9w2hnz] { background: var(--rksam-bg-subtle); }
/* /Components/Shared/SideFlyout.razor.rz.scp.css */
.flyout-panel[b-76eczu8g64] {
    position: fixed;
    z-index: 1300;
    background: var(--mud-palette-surface, #ffffff);
    border: 1px solid var(--mud-palette-lines-default, rgba(0, 0, 0, 0.12));
    border-radius: 0 12px 12px 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    outline: none;
}
/* /Components/Shared/SupportTicketDetailDrawer.razor.rz.scp.css */
/* SupportTicketDetailDrawer — scoped, mirror do OpenSupportTicketDialog.
   Ver comentário lá: vars como --rksam-accent / --rksam-surface-alt
   não existem em rksam-theme.css; fallback hex obrigatório para evitar
   botão invisível. */

.dialog-backdrop[b-tb8r7g945y] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.dialog-card[b-tb8r7g945y] {
    background: var(--rksam-surface, #FFF);
    border: 1px solid var(--rksam-border, #E2E8F0);
    border-radius: var(--rksam-radius-xl, 12px);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 48px -12px rgba(15,23,42,0.18),
                0 8px 16px -4px rgba(15,23,42,0.08);
    overflow: hidden;
}

.dialog-header[b-tb8r7g945y] {
    padding: 20px 24px;
    border-bottom: 1px solid var(--rksam-border-subtle, #E2E8F0);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    background: var(--rksam-surface-alt, #F8FAFC);
    flex-shrink: 0;
}
.dialog-title[b-tb8r7g945y] {
    font-size: 15px;
    font-weight: 600;
    color: var(--rksam-text-primary, #0F172A);
}

.dialog-close[b-tb8r7g945y] {
    background: transparent;
    border: 1px solid var(--rksam-border, #E2E8F0);
    border-radius: var(--rksam-radius-md, 6px);
    width: 32px; height: 32px;
    cursor: pointer;
    color: var(--rksam-text-muted, #64748B);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.dialog-close:hover:not(:disabled)[b-tb8r7g945y] {
    color: var(--rksam-text-primary, #0F172A);
    background: var(--rksam-bg-subtle, #F1F5F9);
}
.dialog-close:disabled[b-tb8r7g945y] { opacity: 0.5; cursor: not-allowed; }
.dialog-close svg[b-tb8r7g945y] { width: 16px; height: 16px; }

.dialog-body[b-tb8r7g945y] {
    flex: 1;
    overflow-y: auto;
    /* Flexbox quirk: sem min-height:0 o body não shrinka abaixo do
       intrinsic content size, empurrando o footer para fora do
       max-height:90vh. */
    min-height: 0;
}
.dialog-body--padded[b-tb8r7g945y] {
    padding: 20px 24px;
    font-size: 13px;
    line-height: 1.55;
    color: var(--rksam-text-primary, #0F172A);
}

.dialog-footer[b-tb8r7g945y] {
    padding: 14px 24px;
    border-top: 1px solid var(--rksam-border-subtle, #E2E8F0);
    background: var(--rksam-surface-alt, #F8FAFC);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    gap: 12px;
}
.footer-actions[b-tb8r7g945y] { display: flex; gap: 8px; }

.btn-primary[b-tb8r7g945y] {
    background: var(--rksam-accent, #534AB7);
    color: var(--rksam-accent-fg, #FFFFFF);
    border: 1px solid var(--rksam-accent, #534AB7);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md, 6px);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}
.btn-primary:hover:not(:disabled)[b-tb8r7g945y] {
    background: var(--rksam-accent-hover, #3F379B);
    border-color: var(--rksam-accent-hover, #3F379B);
}
.btn-primary:disabled[b-tb8r7g945y] { opacity: 0.6; cursor: not-allowed; }

.btn-secondary[b-tb8r7g945y] {
    background: var(--rksam-surface, #FFFFFF);
    color: var(--rksam-text-primary, #0F172A);
    border: 1px solid var(--rksam-border, #E2E8F0);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md, 6px);
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
}
.btn-secondary:hover:not(:disabled)[b-tb8r7g945y] { background: var(--rksam-bg-subtle, #F1F5F9); }
.btn-secondary:disabled[b-tb8r7g945y] { opacity: 0.6; cursor: not-allowed; }