/* /Components/Equipes/AtivarGestoresDialog.razor.rz.scp.css */
/* Diálogo "Ativar Gestores" — shell + estilos próprios (regra do projeto:
   cada diálogo define seu CSS por-componente). Paleta do mockup
   mockup-ativar-gestores-preview.html. */

.agd[b-7qo398emgj] { width: 920px; max-width: 94vw; }
.agd__body[b-7qo398emgj] { max-height: 62vh; overflow-y: auto; }

.agd__sub[b-7qo398emgj] { font-size: 13px; color: #5c6270; margin: 0 0 12px; }

.agd__summary[b-7qo398emgj] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}
@media (max-width: 820px) { .agd__summary[b-7qo398emgj] { grid-template-columns: repeat(2, 1fr); } }

.agd__sum[b-7qo398emgj] { border: 1px solid #e4e6ec; border-radius: 8px; padding: 10px 12px; }
.agd__n[b-7qo398emgj] { font-size: 22px; font-weight: 700; }
.agd__l[b-7qo398emgj] { font-size: 11.5px; color: #8a90a0; margin-top: 2px; line-height: 1.35; }
.agd__sum--create .agd__n[b-7qo398emgj] { color: #4649d8; }
.agd__sum--keep .agd__n[b-7qo398emgj] { color: #2e9e5b; }
.agd__sum--rev .agd__n[b-7qo398emgj] { color: #c62f3e; }
.agd__sum--skip .agd__n[b-7qo398emgj] { color: #b26a00; }
.agd__sum--noact .agd__n[b-7qo398emgj] { color: #c62f3e; }
@media (min-width: 821px) { .agd__summary[b-7qo398emgj] { grid-template-columns: repeat(5, 1fr); } }

.agd__tblwrap[b-7qo398emgj] { overflow-x: auto; }
.agd__tbl[b-7qo398emgj] { width: 100%; border-collapse: collapse; table-layout: fixed; }
.agd__c-g[b-7qo398emgj] { width: 30%; } .agd__c-s[b-7qo398emgj] { width: 14%; } .agd__c-a[b-7qo398emgj] { width: 32%; } .agd__c-r[b-7qo398emgj] { width: 24%; }
.agd__tbl thead th[b-7qo398emgj] {
    font-size: 10.5px; font-weight: 700; letter-spacing: .5px; color: #8a90a0;
    text-transform: uppercase; text-align: left; padding: 9px 10px;
    border-top: 1px solid #e4e6ec; border-bottom: 1px solid #e4e6ec; background: #fafbfd;
}
.agd__tbl tbody td[b-7qo398emgj] {
    padding: 10px; border-bottom: 1px solid #e4e6ec; vertical-align: top;
    font-size: 12.5px; overflow-wrap: break-word;
}
.agd__gname[b-7qo398emgj] { font-weight: 600; }
.agd__gmail[b-7qo398emgj] { color: #8a90a0; font-size: 11.5px; }

.agd__chip[b-7qo398emgj] {
    display: inline-block; border-radius: 11px; padding: 2px 9px;
    font-size: 11px; font-weight: 700; white-space: nowrap;
}
.agd__chip--create[b-7qo398emgj] { background: #eef0fb; color: #4649d8; }
.agd__chip--active[b-7qo398emgj] { background: #e3f4ea; color: #2e9e5b; }
.agd__chip--skip[b-7qo398emgj] { background: #fdf1de; color: #b26a00; }

/* Toggle "não ativar" (2026-07-22): só o pill CRIAR+CONVIDAR alterna. */
.agd__chip--toggle[b-7qo398emgj] { cursor: pointer; }
.agd__chip--toggle:hover[b-7qo398emgj] { box-shadow: inset 0 0 0 1px #4649d8; }
.agd__chip--noact[b-7qo398emgj] {
    cursor: pointer; background: #fdf3f4; color: #c62f3e;
    box-shadow: inset 0 0 0 1px #c62f3e;
}
/* Atenua a linha SEM apagar o pill (opacity em td multiplicaria no filho):
   some com nome/acessos/removidos; a célula de situação fica nítida. */
.agd__row--noact td:not(:nth-child(2))[b-7qo398emgj] { opacity: .5; }
.agd__row--noact .agd__tchip[b-7qo398emgj] { text-decoration: line-through; }

.agd__tchip[b-7qo398emgj] {
    display: inline-block; background: #f0f1f6; border-radius: 10px;
    padding: 2px 8px; font-size: 11px; color: #5c6270; margin: 1px 3px 2px 0;
}
.agd__tchip--add[b-7qo398emgj] { background: #e3f4ea; color: #2e9e5b; font-weight: 600; }
.agd__tchip--del[b-7qo398emgj] { background: #fbe9eb; color: #c62f3e; font-weight: 600; text-decoration: line-through; }
.agd__none[b-7qo398emgj] { color: #8a90a0; font-size: 12px; }

.agd__warn[b-7qo398emgj] {
    margin-top: 10px; background: #fdf1de; border: 1px solid #ecd9ae;
    border-radius: 8px; padding: 10px 14px; font-size: 12.5px; color: #b26a00;
}

.agd__foot[b-7qo398emgj] { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.agd__note[b-7qo398emgj] { font-size: 12px; color: #8a90a0; }
.agd__btns[b-7qo398emgj] { display: flex; gap: 10px; }
/* /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/AdminAlertas.razor.rz.scp.css */
/* Redesign da periodicidade de disparo (2026-07-21) — alinhamento (fix).
   O refinador usa o MESMO chrome outlined dos vizinhos (MudField: moldura +
   label entalhado na borda). As três molduras da linha (Periodicidade ·
   Refinador · Horário) alinham topo e base por construção (mesmo componente
   MudBlazor, mesmo Margin.Dense). Dark mode via variáveis do tema MudBlazor. */

.rksam-sched[b-l9myr3jiuq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rksam-sched-teams[b-l9myr3jiuq] {
    width: 100%;
}

.rksam-sched-line[b-l9myr3jiuq] {
    display: grid;
    grid-template-columns: minmax(150px, 1.3fr) minmax(230px, 2.4fr) minmax(120px, 0.9fr);
    gap: 12px;
    align-items: start;
}

.rksam-sched-field[b-l9myr3jiuq] {
    min-width: 0;
}

/* Conteúdo do MudField (chips/toggle/select/cron): centrado verticalmente;
   overflow clipado AQUI (slot interno), nunca na moldura — o label entalhado
   vive parcialmente fora dela. */
.rksam-sched-field[b-l9myr3jiuq]  .mud-input-slot {
    display: flex;
    align-items: center;
    overflow: hidden;
    min-width: 0;
    width: 100%;
}

/* Chips: uma linha de altura constante; falta de largura rola no eixo x
   DENTRO do slot (não cresce a moldura). */
.rksam-sched-chips[b-l9myr3jiuq] {
    display: flex;
    gap: 6px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    width: 100%;
}

.rksam-sched-chip[b-l9myr3jiuq] {
    flex: 0 0 auto;
    min-width: 28px;
    height: 26px;
    padding: 0 8px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 7px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: background .12s, border-color .12s, color .12s;
}

.rksam-sched-chip:hover[b-l9myr3jiuq] {
    border-color: var(--mud-palette-primary);
}

.rksam-sched-chip.sel[b-l9myr3jiuq] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

/* Mensal: select (âncora) + dia fixo lado a lado DENTRO da moldura; ambos
   sem borda própria (Variant.Text) — a moldura é a do MudField. */
.rksam-sched-monthly[b-l9myr3jiuq] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.rksam-sched-monthly .rksam-sched-anchorsel[b-l9myr3jiuq] {
    flex: 1 1 auto;
    min-width: 0;
}

.rksam-sched-monthly .rksam-sched-fixedday[b-l9myr3jiuq] {
    flex: 0 0 68px;
}

.rksam-sched-cron[b-l9myr3jiuq] {
    width: 100%;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* Inputs Text internos: zera margem superior do MudBlazor pra não empurrar a
   base e desalinhar a moldura do refinador. */
.rksam-sched-field[b-l9myr3jiuq]  .mud-input.mud-input-text {
    margin-top: 0;
}
/* /Components/Pages/AssistenteQaInteracoes.razor.rz.scp.css */
/* Tipografia interna dos blocos P/R (markdown renderizado). Herda tamanho e
   cor do wrapper; a melhoria é estrutural (parágrafos, listas, citações) —
   espaçamento discreto, coerente com o restante da tela. O conteúdo chega
   via MarkupString (sem atributo de escopo) → regras internas com ::deep. */

/* 1º parágrafo inline: a resposta continua na mesma linha do rótulo "R:". */
.qa-md[b-9ya2zht1wh]  > p:first-of-type { display: inline; }

.qa-md[b-9ya2zht1wh]  p { margin: 0 0 6px; }
.qa-md[b-9ya2zht1wh]  p:last-child { margin-bottom: 0; }

.qa-md[b-9ya2zht1wh]  ul,
.qa-md[b-9ya2zht1wh]  ol { margin: 4px 0 6px; padding-left: 20px; }
.qa-md[b-9ya2zht1wh]  li { margin: 2px 0; }

.qa-md[b-9ya2zht1wh]  blockquote {
    margin: 4px 0 6px;
    padding: 2px 10px;
    border-left: 3px solid #d1d5db;
}
.qa-md[b-9ya2zht1wh]  blockquote p { margin: 0; }

.qa-md[b-9ya2zht1wh]  code {
    background: #f1f5f9;
    border-radius: 4px;
    padding: 1px 4px;
    font-family: Consolas, monospace;
    font-size: 12px;
}
.qa-md[b-9ya2zht1wh]  pre {
    background: #f1f5f9;
    border-radius: 6px;
    padding: 8px 10px;
    margin: 4px 0 6px;
    overflow-x: auto;
}
.qa-md[b-9ya2zht1wh]  pre code { background: none; padding: 0; }

/* LLM pode emitir títulos markdown (#) — sem redesign: viram linha em
   negrito no mesmo corpo de texto. */
.qa-md[b-9ya2zht1wh]  h1,
.qa-md[b-9ya2zht1wh]  h2,
.qa-md[b-9ya2zht1wh]  h3,
.qa-md[b-9ya2zht1wh]  h4,
.qa-md[b-9ya2zht1wh]  h5,
.qa-md[b-9ya2zht1wh]  h6 {
    font-size: inherit;
    font-weight: 600;
    margin: 6px 0 4px;
}

.qa-md[b-9ya2zht1wh]  a { color: #1e5fa5; }

/* Truncamento por ALTURA do conteúdo renderizado (nunca corta HTML no meio
   de tag). ~7 linhas ≈ o antigo excerpt de 400 chars. */
.qa-md--clip[b-9ya2zht1wh] {
    display: block;
    max-height: 9.1em;
    overflow: hidden;
}
/* /Components/Pages/Classification/Calibragem.razor.rz.scp.css */
/* Calibragem (Fase 2) — mockup rksam_calibragem_fase2_v5_colunas_equilibradas.
   Header e linhas compartilham o MESMO grid; colunas equilibradas
   (metadado 1–2 palavras, processo ~2), sem truncar. Ordem:
   Metadado · Padr. · OK · Processo · Decisão. */
.cal-grid[b-ygct4z6yel] {
    display: grid;
    grid-template-columns: 1.2fr 64px 52px 1.2fr 190px;
    gap: 12px;
    align-items: center;
}

.cal-hd[b-ygct4z6yel] {
    padding: 9px 16px;
    font-size: 11px;
    color: var(--text-muted);
    letter-spacing: 0.03em;
    border-bottom: 1px solid var(--border);
}

.cal-row[b-ygct4z6yel] {
    padding: 8px 16px;
    border-bottom: 1px solid var(--border);
    font-size: 13px;
}

.cal-row--ok[b-ygct4z6yel] { background: rgba(34, 197, 94, 0.08); }

.cal-c[b-ygct4z6yel] { text-align: center; font-variant-numeric: tabular-nums; }

.cal-in[b-ygct4z6yel] {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 9px;
    border: 1px solid var(--border);
    border-radius: 7px;
    font-size: 13px;
    background: var(--surface);
    color: var(--text-primary);
}

.cal-ok[b-ygct4z6yel] {
    width: 30px;
    height: 30px;
    border: 1px solid var(--border);
    border-radius: 7px;
    background: var(--surface);
    color: var(--text-secondary);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cal-ok--on[b-ygct4z6yel] {
    background: var(--bg-success);
    color: var(--text-success);
    border-color: var(--text-success);
}

.cal-badge[b-ygct4z6yel] {
    font-size: 10px;
    padding: 1px 7px;
    border-radius: 8px;
    white-space: nowrap;
    flex: 0 0 auto;
}

.cal-badge--new[b-ygct4z6yel] { background: var(--bg-accent); color: var(--text-accent); }
.cal-badge--exists[b-ygct4z6yel] { background: var(--surface-0); color: var(--text-secondary); }

/* Autorizar — verde de aceite (mesmo do item confirmado). Só aparece com
   ≥1 linha confirmada (visibilidade condicional controlada no .razor). */
.cal-authorize[b-ygct4z6yel] {
    background: #1FA35A;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
}
.cal-authorize:hover:not(:disabled)[b-ygct4z6yel] { background: #1b8f4f; }
.cal-authorize:disabled[b-ygct4z6yel] { opacity: 0.6; cursor: default; }
/* /Components/Pages/Classification/ConsultarPadroes.razor.rz.scp.css */
/* Consulta de padrões (Fase 2) — do mockup rksam_consultar_padroes_fase2_v3.
   Cabeçalho e linhas compartilham o MESMO grid (colunas numéricas à direita,
   na mesma âncora do valor). */
.cp-back[b-w62w3zujg2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--text-accent);
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

.cp-grid[b-w62w3zujg2] {
    display: grid;
    grid-template-columns: 1fr 96px 96px 72px 116px;
    gap: 14px;
    align-items: center;
}

.cp-hd[b-w62w3zujg2] {
    padding: 9px 16px;
    font-size: 11px;
    color: var(--text-muted);
    letter-spacing: 0.03em;
    border-bottom: 1px solid var(--border);
}

.cp-hd .s[b-w62w3zujg2] {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    user-select: none;
}

.cp-hd .s:hover[b-w62w3zujg2] { color: var(--text-secondary); }
.cp-hd .s.on[b-w62w3zujg2] { color: var(--text-accent); }

.cp-row[b-w62w3zujg2] {
    padding: 11px 16px;
    border-bottom: 1px solid var(--border);
    font-size: 13px;
    cursor: pointer;
}

.cp-row:hover[b-w62w3zujg2] { background: var(--surface-1); }

.cp-r[b-w62w3zujg2] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.cp-bar[b-w62w3zujg2] {
    height: 5px;
    border-radius: 3px;
    background: var(--surface-0);
    overflow: hidden;
    margin-top: 5px;
}

.cp-bar span[b-w62w3zujg2] {
    display: block;
    height: 100%;
    background: #2f6fd8;
}

.cp-st[b-w62w3zujg2] {
    font-size: 11px;
    padding: 2px 9px;
    border-radius: 999px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.cp-dot[b-w62w3zujg2] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
}

.cp-orig[b-w62w3zujg2] {
    background: var(--surface-1);
    border-left: 2px solid var(--border-accent);
    margin: 6px 0 0 16px;
    padding: 7px 14px;
    font-family: var(--font-mono);
    font-size: 11.5px;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Pages/Classification/PadroesIdentificados.razor.rz.scp.css */
/* Calibration flow landing screen ("Padrões identificados" multi-equipe) —
   from mockup-calibragem-entrada-padroes.html, keeping the RKSAM layout of
   ConsultarPadroes. Header and rows share the SAME grid (numeric columns
   right-aligned on the value anchor); the EQUIPE column is new — it only
   makes sense in the aggregated multi-team scope. */

.po-grid[b-953qanph0x] {
    display: grid;
    grid-template-columns: 1fr 150px 96px 96px 72px;
    gap: 14px;
    align-items: center;
}

.po-hd[b-953qanph0x] {
    padding: 9px 16px;
    font-size: 11px;
    color: var(--text-muted);
    letter-spacing: 0.03em;
    border-bottom: 1px solid var(--border);
}

.po-hd .s[b-953qanph0x] {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    user-select: none;
}

.po-hd .s:hover[b-953qanph0x] { color: var(--text-secondary); }
.po-hd .s.on[b-953qanph0x] { color: var(--text-accent); }

.po-row[b-953qanph0x] {
    padding: 11px 16px;
    border-bottom: 1px solid var(--border);
    font-size: 13px;
}

.po-row--multi[b-953qanph0x] { cursor: pointer; }
.po-row--multi:hover[b-953qanph0x] { background: var(--surface-1); }

.po-r[b-953qanph0x] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.po-team[b-953qanph0x] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--text-secondary);
}

.po-bar[b-953qanph0x] {
    height: 5px;
    border-radius: 3px;
    background: var(--surface-0);
    overflow: hidden;
    margin-top: 5px;
}

.po-bar span[b-953qanph0x] {
    display: block;
    height: 100%;
    background: var(--rksam-accent);
}

/* Per-team breakdown of an aggregated ("várias (N)") row. */
.po-slice[b-953qanph0x] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    background: var(--surface-1);
    border-left: 2px solid var(--border-accent);
    margin: 6px 0 0 16px;
    padding: 7px 14px;
    font-size: 12px;
    color: var(--text-secondary);
}

/* Variações expandidas (rawlogs originais que colapsaram no padrão) —
   espelha o visual .cp-orig da tela single-equipe. */
.po-orig[b-953qanph0x] {
    font-size: 11.5px;
    color: var(--text-secondary);
    background: var(--surface-1);
    border-left: 2px solid var(--border);
    margin: 4px 0 0 16px;
    padding: 5px 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* Subtítulo por equipe quando o padrão é "várias (N)". */
.po-orig-team[b-953qanph0x] {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin: 10px 0 2px 16px;
}
/* /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; }

/* ===== Modal de colaborador — edição inline (ce-*) ===== */

.ce-header-row[b-1ad9ck8bjf] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
/* .ce-name vive dentro do InlineEditText (outro escopo) — ::deep alcança. */
.ce-header-row[b-1ad9ck8bjf]  .ce-name {
    font-size: 20px;
    font-weight: 700;
    color: var(--rksam-text-primary, #1A1A2E);
}
.ce-subtitle[b-1ad9ck8bjf] {
    font-size: 13px;
    color: var(--rksam-text-muted, #94A3B8);
    margin-top: 4px;
}
.ce-subtitle code[b-1ad9ck8bjf] {
    background: var(--rksam-bg-subtle, #F1F5F9);
    padding: 2px 6px;
    border-radius: 4px;
}

/* Badge + switch Ativo/Inativo */
.ce-status[b-1ad9ck8bjf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    border-radius: 20px;
}
.ce-status--on[b-1ad9ck8bjf]  { background: #E8F5E9; }
.ce-status--off[b-1ad9ck8bjf] { background: #F5F5F5; }
.ce-status-label[b-1ad9ck8bjf] { font-size: 12px; font-weight: 600; }
.ce-status--on  .ce-status-label[b-1ad9ck8bjf] { color: #2E7D32; }
.ce-status--off .ce-status-label[b-1ad9ck8bjf] { color: #9E9E9E; }

.ce-switch[b-1ad9ck8bjf] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    flex-shrink: 0;
}
.ce-switch input[b-1ad9ck8bjf] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.ce-slider[b-1ad9ck8bjf] {
    position: absolute;
    inset: 0;
    cursor: pointer;
    background: #BDBDBD;
    border-radius: 11px;
    transition: background 0.2s;
}
.ce-slider[b-1ad9ck8bjf]::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 2px;
    background: #FFF;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: left 0.2s;
}
.ce-switch input:checked + .ce-slider[b-1ad9ck8bjf] { background: #43A047; }
.ce-switch input:checked + .ce-slider[b-1ad9ck8bjf]::before { left: 20px; }

/* Dica de edição */
.ce-hint[b-1ad9ck8bjf] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--rksam-text-muted, #94A3B8);
    font-size: 11px;
    font-weight: 500;
}

/* Grade de campos */
.ce-fields[b-1ad9ck8bjf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 24px;
}
.ce-field-row[b-1ad9ck8bjf] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
}
.ce-field-label[b-1ad9ck8bjf] {
    font-size: 13px;
    font-weight: 600;
    color: var(--rksam-text-secondary, #64748B);
    min-width: 108px;
    flex-shrink: 0;
}

@media (max-width: 560px) {
    .ce-fields[b-1ad9ck8bjf] { grid-template-columns: 1fr; }
}
/* /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/Home.razor.rz.scp.css */
/* Card "Armazenamento" (mockup telas/mockup-dashboard-card-armazenamento.html).
   Cores SEMPRE da paleta do tema (regra do dark mode) — semáforo usa
   --rksam-success/warning/error, nunca hex literal. */
.storage-card[b-r05j34gz0a] { padding: 14px 18px 12px; }
.storage-card--critical[b-r05j34gz0a] { border-color: var(--rksam-error, #c62f3e); box-shadow: 0 0 0 1px var(--rksam-error-border, transparent); }
.storage-card__head[b-r05j34gz0a] { display: flex; justify-content: space-between; align-items: center; }
.storage-card__age[b-r05j34gz0a] { font-weight: 400; letter-spacing: 0; text-transform: none; font-size: 11px; opacity: .65; }
.storage-card__loading[b-r05j34gz0a] { font-size: 12.5px; opacity: .6; padding: 12px 0; }

.srow[b-r05j34gz0a] { margin-bottom: 10px; }
.srow:last-child[b-r05j34gz0a] { margin-bottom: 0; }
.srow__top[b-r05j34gz0a] { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.srow__name[b-r05j34gz0a] { font-size: 12.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.srow__free[b-r05j34gz0a] { font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.srow__free--ok[b-r05j34gz0a]   { color: var(--rksam-success); }
.srow__free--warn[b-r05j34gz0a] { color: var(--rksam-warning); }
.srow__free--err[b-r05j34gz0a]  { color: var(--rksam-error); }
.srow__free--mut[b-r05j34gz0a]  { opacity: .55; font-weight: 500; }
.srow__path[b-r05j34gz0a] { font-size: 10.5px; opacity: .55; font-family: ui-monospace, Menlo, Consolas, monospace;
              white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 1px 0 4px; }
.srow__bar[b-r05j34gz0a] { height: 6px; background: var(--rksam-border, rgba(128,128,128,.18)); border-radius: 3px; overflow: hidden; }
.srow__bar-fill[b-r05j34gz0a] { display: block; height: 100%; border-radius: 3px; }
.srow__bar-fill--ok[b-r05j34gz0a]   { background: var(--rksam-success); }
.srow__bar-fill--warn[b-r05j34gz0a] { background: var(--rksam-warning); }
.srow__bar-fill--err[b-r05j34gz0a]  { background: var(--rksam-error); }
.srow__meta[b-r05j34gz0a] { display: flex; justify-content: space-between; font-size: 10.5px; opacity: .6; margin-top: 3px; }
/* /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 var(--border, #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;
    }
}

/* --- Pares de cor completos (bugfix modo escuro) ---------------------
   O defeito era o par quebrado: fundo fixo claro (inline) + texto herdado
   do tema → ilegível no escuro. Zebra e totais agora seguem o TEMA nos
   dois lados do par; os headers mantêm a identidade (verde/rosa/amarelo)
   como par FIXO completo: pastel + texto escuro fixo, legível nos dois
   modos. Cores das séries do gráfico não passam por aqui. */
.journey-panel-head[b-cffeu2hrn6] {
    color: #111827;
}
.journey-panel-head--active[b-cffeu2hrn6]       { background: lightgreen; }
.journey-panel-head--attention[b-cffeu2hrn6]    { background: lavenderblush; }
.journey-panel-head--unclassified[b-cffeu2hrn6] { background: lightyellow; }

.journey-row[b-cffeu2hrn6] {
    background: var(--surface, #fff);
    color: var(--text-primary, #111827);
}
.journey-row--alt[b-cffeu2hrn6] {
    background: var(--bg-subtle, #f0f0f0);
}
.journey-panel-total[b-cffeu2hrn6] {
    background: var(--surface, #fff);
    color: var(--text-primary, #111827);
    font-weight: bold;
}

/* Controle segmentado do modo do gráfico "Percepção de jornada média" —
   canto inferior direito do card, na linha das notas de rodapé (notas à
   esquerda, nunca truncadas; base alinhada). flex-wrap: em largura curta o
   controle quebra pra linha própria, mantendo o alinhamento à direita.
   Tema via vars (par fundo/texto completo nos dois modos). */
.jp-card-footer[b-cffeu2hrn6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 8px 16px;
    flex-wrap: wrap;
}

.jp-card-footer__notes[b-cffeu2hrn6] {
    flex: 1 1 260px;
    min-width: 0;           /* notas quebram linha naturalmente, sem truncar */
}

.jp-mode-toggle[b-cffeu2hrn6] {
    margin-left: auto;      /* na quebra, segue alinhado à direita */
    flex: 0 0 auto;
    display: inline-flex;
    border: 1px solid var(--rksam-border, #e0e0e0);
    border-radius: 8px;
    overflow: hidden;
    background: var(--rksam-surface, #fff);
}

.jp-mode-btn[b-cffeu2hrn6] {
    border: none;
    background: transparent;
    color: var(--rksam-text-secondary, #5c6270);
    font-size: 12px;
    font-family: inherit;
    padding: 5px 12px;
    cursor: pointer;
}

.jp-mode-btn + .jp-mode-btn[b-cffeu2hrn6] {
    border-left: 1px solid var(--rksam-border, #e0e0e0);
}

.jp-mode-btn--active[b-cffeu2hrn6] {
    background: var(--rksam-accent-subtle, #eef0fb);
    color: var(--rksam-accent-dark, #3a4db0);
    font-weight: 600;
}
/* /Components/Pages/KnowledgeBase.razor.rz.scp.css */
.rksam-kb__head[b-1nhviyrejd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.rksam-kb__head-actions[b-1nhviyrejd] {
    display: flex;
    gap: .5rem;
    align-items: center;
    flex-wrap: wrap;
}

.rksam-kb__upload[b-1nhviyrejd] {
    display: inline-flex;
}

/* health cards */
.rksam-kb__cards[b-1nhviyrejd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .75rem;
    margin-bottom: 1.25rem;
}

.rksam-kb__card[b-1nhviyrejd] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .85rem 1rem;
    border: 1px solid var(--rksam-border, #2a3344);
    border-radius: 10px;
    background: var(--rksam-surface, #161c28);
}

.rksam-kb__card--warn[b-1nhviyrejd] {
    border-color: #a8710f;
}

.rksam-kb__card-label[b-1nhviyrejd] {
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--rksam-muted, #8a97ab);
}

.rksam-kb__card-value[b-1nhviyrejd] {
    font-size: 1.6rem;
    font-weight: 600;
}

.rksam-kb__card-foot[b-1nhviyrejd] {
    font-size: .78rem;
    color: var(--rksam-muted, #8a97ab);
}

/* filters */
.rksam-kb__filters[b-1nhviyrejd] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: .75rem;
}

.rksam-kb__search[b-1nhviyrejd] {
    max-width: 420px;
    flex: 1;
}

/* table */
.rksam-kb__table[b-1nhviyrejd] {
    width: 100%;
    border-collapse: collapse;
}

.rksam-kb__table thead th[b-1nhviyrejd] {
    text-align: left;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--rksam-muted, #8a97ab);
    padding: .5rem .75rem;
    border-bottom: 1px solid var(--rksam-border, #2a3344);
}

.rksam-kb__row[b-1nhviyrejd] {
    cursor: pointer;
}

.rksam-kb__row:hover[b-1nhviyrejd] {
    background: var(--rksam-surface-hover, #1b2231);
}

.rksam-kb__table td[b-1nhviyrejd] {
    padding: .6rem .75rem;
    border-bottom: 1px solid var(--rksam-border, #222a38);
    vertical-align: top;
}

.rksam-kb__doc-title[b-1nhviyrejd] {
    font-weight: 600;
    display: flex;
    gap: .4rem;
    align-items: center;
}

.rksam-kb__doc-slug[b-1nhviyrejd] {
    font-family: ui-monospace, monospace;
    font-size: .78rem;
    color: var(--rksam-muted, #8a97ab);
}

.rksam-kb__routes[b-1nhviyrejd] {
    font-family: ui-monospace, monospace;
    font-size: .78rem;
    color: var(--rksam-muted, #8a97ab);
    max-width: 260px;
}

.rksam-kb__aud[b-1nhviyrejd] {
    font-size: .72rem;
    padding: .1rem .5rem;
    border-radius: 999px;
    border: 1px solid var(--rksam-border, #2a3344);
}

.rksam-kb__aud--admin[b-1nhviyrejd] {
    color: #d3a3ff;
    border-color: #6a3fa0;
}

.rksam-kb__aud--gestor[b-1nhviyrejd] {
    color: #8fd0ff;
    border-color: #2f6ea0;
}

.rksam-kb__status[b-1nhviyrejd] {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    padding: .12rem .5rem;
    border-radius: 4px;
}

.rksam-kb__status--pub[b-1nhviyrejd] {
    color: #7ee0a8;
    background: rgba(46, 160, 90, .12);
}

.rksam-kb__status--draft[b-1nhviyrejd] {
    color: #ffcf7a;
    background: rgba(200, 140, 20, .14);
}

.rksam-kb__warn[b-1nhviyrejd] {
    color: #ffb84d;
}

.rksam-kb__empty[b-1nhviyrejd] {
    color: var(--rksam-muted, #8a97ab);
    padding: 1rem 0;
}

/* editor */
.rksam-kb__editor-head[b-1nhviyrejd] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
}

.rksam-kb__ver[b-1nhviyrejd] {
    font-size: .8rem;
    color: var(--rksam-muted, #8a97ab);
}

.rksam-kb__meta[b-1nhviyrejd] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: .75rem;
    margin-bottom: 1rem;
}

.rksam-kb__f-routes[b-1nhviyrejd] {
    grid-column: 1 / -1;
}

.rksam-kb__cols[b-1nhviyrejd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: start;
}

.rksam-kb__col[b-1nhviyrejd] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 0;
}

.rksam-kb__col-label[b-1nhviyrejd] {
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--rksam-muted, #8a97ab);
}

.rksam-kb__editor[b-1nhviyrejd] {
    width: 100%;
    min-height: 60vh;
    resize: vertical;
    font-family: ui-monospace, monospace;
    font-size: .86rem;
    line-height: 1.5;
    padding: .85rem;
    border-radius: 8px;
    border: 1px solid var(--rksam-border, #2a3344);
    background: var(--rksam-surface, #10151f);
    color: inherit;
}

.rksam-kb__preview[b-1nhviyrejd] {
    min-height: 60vh;
    max-height: 70vh;
    overflow-y: auto;
    padding: .5rem;
    border-radius: 8px;
    border: 1px solid var(--rksam-border, #2a3344);
    background: var(--rksam-surface, #10151f);
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.rksam-kb__chunk[b-1nhviyrejd] {
    padding: .6rem .7rem;
    border: 1px solid var(--rksam-border, #232c3c);
    border-radius: 6px;
    background: var(--rksam-surface-2, #151b27);
}

.rksam-kb__chunk-head[b-1nhviyrejd] {
    display: flex;
    gap: .5rem;
    align-items: baseline;
    margin-bottom: .3rem;
}

.rksam-kb__chunk-ref[b-1nhviyrejd] {
    font-family: ui-monospace, monospace;
    font-size: .72rem;
    color: #7aa7d8;
}

.rksam-kb__chunk-title[b-1nhviyrejd] {
    font-weight: 600;
    font-size: .86rem;
}

.rksam-kb__chunk-body[b-1nhviyrejd] {
    font-size: .82rem;
    line-height: 1.5;
    color: var(--rksam-fg-soft, #c3ccda);
    white-space: pre-wrap;
}

/* history + tests */
.rksam-kb__history[b-1nhviyrejd],
.rksam-kb__tests[b-1nhviyrejd] {
    margin: .5rem 0 1rem;
    padding: .75rem 1rem;
    border: 1px solid var(--rksam-border, #2a3344);
    border-radius: 8px;
    background: var(--rksam-surface, #151b27);
}

.rksam-kb__history h3[b-1nhviyrejd],
.rksam-kb__tests h3[b-1nhviyrejd] {
    font-size: .9rem;
    margin: 0 0 .5rem;
}

.rksam-kb__hist-row[b-1nhviyrejd] {
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: .3rem 0;
    border-bottom: 1px solid var(--rksam-border, #222a38);
}

.rksam-kb__hist-v[b-1nhviyrejd] {
    font-family: ui-monospace, monospace;
    font-weight: 700;
    min-width: 3rem;
}

.rksam-kb__hist-when[b-1nhviyrejd] {
    color: var(--rksam-muted, #8a97ab);
    font-size: .8rem;
    flex: 1;
}

.rksam-kb__test-row[b-1nhviyrejd] {
    display: flex;
    gap: .6rem;
    align-items: flex-start;
    padding: .35rem 0;
}

.rksam-kb__test-badge[b-1nhviyrejd] {
    font-size: .68rem;
    font-weight: 700;
    padding: .12rem .45rem;
    border-radius: 4px;
    margin-top: .1rem;
}

.rksam-kb__test-row.ok .rksam-kb__test-badge[b-1nhviyrejd] {
    color: #7ee0a8;
    background: rgba(46, 160, 90, .14);
}

.rksam-kb__test-row.fail .rksam-kb__test-badge[b-1nhviyrejd] {
    color: #ff9a9a;
    background: rgba(200, 60, 60, .16);
}

.rksam-kb__test-q[b-1nhviyrejd] {
    font-size: .85rem;
}

.rksam-kb__test-top[b-1nhviyrejd] {
    font-family: ui-monospace, monospace;
    font-size: .76rem;
    color: var(--rksam-muted, #8a97ab);
}

@media (max-width: 900px) {
    .rksam-kb__cols[b-1nhviyrejd],
    .rksam-kb__meta[b-1nhviyrejd] {
        grid-template-columns: 1fr;
    }
}
/* /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;
}

/* Header action — same solid accent as the platform's primary buttons
   (e.g. "Novo metadado" on the process detail page); no gradient/shadow. */
.pl-new-btn[b-mcda5lbj4p] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--rksam-accent-500, #6366F1);
    color: #fff;
    border: 1px solid var(--rksam-accent-500, #6366F1);
    border-radius: var(--rksam-radius-md, 6px);
    padding: 9px 16px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 80ms, border-color 80ms;
}
.pl-new-btn:hover[b-mcda5lbj4p] { background: #4338CA; border-color: #4338CA; }
.pl-new-btn svg[b-mcda5lbj4p] { width: 16px; height: 16px; stroke-width: 2.5; }

.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) 1fr auto;
    gap: 28px;
    align-items: center;
}
.stat-cell[b-mcda5lbj4p] { text-align: center; min-width: 50px; }
.pl-concentration-inline[b-mcda5lbj4p] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-align: left;
    min-width: 0;
}
.pl-concentration-inline .stat-label[b-mcda5lbj4p] {
    margin-bottom: 0;
    white-space: nowrap;
}
.pl-delete[b-mcda5lbj4p] {
    justify-self: end;
    min-width: 0;
    padding: 0;
}
.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); }

/* ---- "Novo Processo" modal ---- */
.np-overlay[b-mcda5lbj4p] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    animation: np-fade-b-mcda5lbj4p 0.18s ease-out;
}
.np-dialog[b-mcda5lbj4p] {
    background: var(--rksam-surface);
    border: 1px solid var(--rksam-border-subtle);
    border-radius: var(--rksam-radius-lg, 12px);
    width: 480px;
    max-width: 92vw;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18);
    overflow: hidden;
    animation: np-scale-b-mcda5lbj4p 0.2s ease-out;
}
.np-head[b-mcda5lbj4p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--rksam-border-subtle);
}
.np-title[b-mcda5lbj4p] { font-size: 18px; font-weight: 700; margin: 0; color: var(--rksam-text-primary); }
.np-subtitle[b-mcda5lbj4p] { font-size: 13px; color: var(--rksam-text-muted); margin: 4px 0 0; }
.np-close[b-mcda5lbj4p] {
    background: var(--rksam-bg-subtle);
    border: none;
    border-radius: var(--rksam-radius-md, 6px);
    width: 32px;
    height: 32px;
    font-size: 15px;
    line-height: 1;
    color: var(--rksam-text-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 80ms;
}
.np-close:hover[b-mcda5lbj4p] { background: var(--rksam-border-subtle); }

.np-body[b-mcda5lbj4p] { padding: 24px; display: flex; flex-direction: column; gap: 18px; }
.np-row[b-mcda5lbj4p] { display: flex; gap: 14px; }
.np-row .np-field[b-mcda5lbj4p] { flex: 1; min-width: 0; }
.np-field[b-mcda5lbj4p] { display: flex; flex-direction: column; }
.np-label[b-mcda5lbj4p] {
    font-size: 13px;
    font-weight: 600;
    color: var(--rksam-text-secondary);
    margin-bottom: 6px;
}
.np-input[b-mcda5lbj4p] {
    width: 100%;
    padding: 10px 12px;
    font-family: inherit;
    font-size: 14px;
    border: 1px solid var(--rksam-border);
    border-radius: var(--rksam-radius-md, 6px);
    background: var(--rksam-surface);
    color: var(--rksam-text-primary);
    box-sizing: border-box;
    transition: border-color 80ms, box-shadow 80ms;
}
.np-input:focus[b-mcda5lbj4p] {
    outline: none;
    border-color: var(--rksam-accent-500, #6366F1);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.20);
}
select.np-input[b-mcda5lbj4p] { cursor: pointer; }
.np-input--error[b-mcda5lbj4p] { border-color: var(--rksam-danger); }
.np-input--error:focus[b-mcda5lbj4p] { box-shadow: 0 0 0 3px rgba(190, 18, 60, 0.15); }
.np-error[b-mcda5lbj4p] { color: var(--rksam-danger); font-size: 12px; margin-top: 4px; }

.np-toggle-group[b-mcda5lbj4p] { display: flex; gap: 10px; }
.np-toggle[b-mcda5lbj4p] {
    flex: 1;
    padding: 10px;
    border: 1px solid var(--rksam-border);
    border-radius: var(--rksam-radius-md, 6px);
    background: var(--rksam-surface);
    color: var(--rksam-text-secondary);
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: background 120ms, border-color 120ms, color 120ms;
}
.np-toggle--on[b-mcda5lbj4p] {
    border-color: var(--rksam-accent-500, #6366F1);
    background: rgba(99, 102, 241, 0.12);
    color: var(--rksam-accent-500, #6366F1);
    font-weight: 600;
}

.np-foot[b-mcda5lbj4p] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px;
    border-top: 1px solid var(--rksam-border-subtle);
}
.np-btn-secondary[b-mcda5lbj4p] {
    padding: 9px 18px;
    border: 1px solid var(--rksam-border);
    border-radius: var(--rksam-radius-md, 6px);
    background: var(--rksam-surface);
    color: var(--rksam-text-secondary);
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 80ms;
}
.np-btn-secondary:hover[b-mcda5lbj4p] { background: var(--rksam-bg-subtle); }
.np-btn-primary[b-mcda5lbj4p] {
    padding: 9px 22px;
    border: 1px solid var(--rksam-accent-500, #6366F1);
    border-radius: var(--rksam-radius-md, 6px);
    background: var(--rksam-accent-500, #6366F1);
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 80ms, border-color 80ms;
}
.np-btn-primary:hover[b-mcda5lbj4p] { background: #4338CA; border-color: #4338CA; }
.np-btn-primary:disabled[b-mcda5lbj4p], .np-btn-secondary:disabled[b-mcda5lbj4p] { opacity: 0.6; cursor: default; }

@keyframes np-fade-b-mcda5lbj4p { from { opacity: 0; } to { opacity: 1; } }
@keyframes np-scale-b-mcda5lbj4p {
    from { opacity: 0; transform: scale(0.96); }
    to   { opacity: 1; transform: scale(1); }
}

@media (max-width: 900px) {
    .process-card[b-mcda5lbj4p] { grid-template-columns: 1fr; }
    .process-stats[b-mcda5lbj4p] {
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
    }
    .pl-concentration-inline[b-mcda5lbj4p] { grid-column: span 3; }
    .pl-delete[b-mcda5lbj4p] { grid-column: 4; }
}
/* /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-btn-export[b-svy1zfwyut] {
    padding: 8px 18px;
    background: #10b981;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
}
.qa-btn-export:hover[b-svy1zfwyut] { opacity: 0.85; color: white; text-decoration: none; }
.qa-btn-export:visited[b-svy1zfwyut] { color: white; }

.qa-err[b-svy1zfwyut] { color: #ef4444; font-size: 13px; margin-left: 8px; }

.qa-view-options[b-svy1zfwyut] {
    margin: 0 0 12px 0;
    padding: 10px 20px;
    background: #ffffff;
    border: 1px solid #e2e5f1;
    border-radius: 10px;
}
.qa-check[b-svy1zfwyut] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #4b5168;
    cursor: pointer;
    user-select: none;
}
.qa-check input[b-svy1zfwyut] { width: 16px; height: 16px; cursor: pointer; accent-color: #6366f1; }
.qa-check strong[b-svy1zfwyut] { color: #6366f1; }

.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/QualidadeDados.razor.rz.scp.css */
/* Linha de achado clicável → drill-down para a captura_log. A afordância
   "ver na captura_log →" só aparece no hover, para não poluir a leitura. */
.dq-finding-row[b-w2xso8ha91] {
    border-bottom: 1px solid var(--rksam-border);
    cursor: pointer;
}
.dq-finding-row:hover[b-w2xso8ha91] {
    background: var(--rksam-surface-hover, rgba(0, 0, 0, 0.03));
}
.dq-finding-open[b-w2xso8ha91] {
    margin-left: 8px;
    font-size: 10.5px;
    color: var(--rksam-accent);
    opacity: 0;
    transition: opacity 0.1s ease-in;
    white-space: nowrap;
}
.dq-finding-row:hover .dq-finding-open[b-w2xso8ha91] {
    opacity: 1;
}

/* Dialog do drill: backdrop + card. Cada dialog redefine o próprio shell no
   scoped CSS (padrão RKSAM), sem depender de estilos globais. */
.dq-drill-ov[b-w2xso8ha91] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    background: rgba(15, 23, 42, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.dq-drill-card[b-w2xso8ha91] {
    background: var(--rksam-surface, #fff);
    color: var(--rksam-text, #1e293b);
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
    width: min(1040px, 96vw);
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.dq-drill-head[b-w2xso8ha91] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px 12px;
    border-bottom: 1px solid var(--rksam-border);
}
.dq-drill-title[b-w2xso8ha91] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}
.dq-drill-sub[b-w2xso8ha91] {
    margin: 2px 0 0;
    font-size: 12px;
    color: var(--rksam-text-muted);
}
.dq-drill-close[b-w2xso8ha91] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    color: var(--rksam-text-muted);
    padding: 4px 6px;
    border-radius: 6px;
}
.dq-drill-close:hover[b-w2xso8ha91] {
    background: var(--rksam-surface-hover, rgba(0, 0, 0, 0.06));
    color: var(--rksam-text, #1e293b);
}
.dq-drill-note[b-w2xso8ha91] {
    margin: 0;
    padding: 10px 18px;
    font-size: 12px;
    line-height: 1.45;
    color: var(--rksam-text-muted);
    background: #fffbe8;
    border-bottom: 1px solid var(--rksam-border);
}
:root[data-theme="dark"] .dq-drill-note[b-w2xso8ha91] {
    background: rgba(245, 158, 11, 0.10);
}
.dq-drill-body[b-w2xso8ha91] {
    overflow: auto;
    padding: 4px 8px 8px;
    flex: 1 1 auto;
}
.dq-drill-state[b-w2xso8ha91] {
    padding: 28px 18px;
    text-align: center;
    color: var(--rksam-text-muted);
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dq-drill-foot[b-w2xso8ha91] {
    margin: 0;
    padding: 8px 18px 12px;
    font-size: 10.5px;
    color: var(--rksam-text-muted);
    border-top: 1px solid var(--rksam-border);
}

/* Filtro por login/máquina no cabeçalho (mockup v4). Input nativo + datalist
   para o autocomplete; "limpar filtro" só aparece com recorte ativo. */
.dq-who[b-w2xso8ha91] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.dq-who-input[b-w2xso8ha91] {
    border: 1px solid var(--rksam-border, #c9cdd8);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
    width: 250px;
    max-width: 46vw;
    font-family: inherit;
    outline: none;
    background: var(--rksam-surface, #fff);
    color: var(--rksam-text, #1e293b);
}
.dq-who-input:focus[b-w2xso8ha91] {
    border-color: var(--rksam-accent);
}
.dq-who-clear[b-w2xso8ha91] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 12px;
    color: var(--rksam-accent);
    padding: 2px 4px;
    white-space: nowrap;
}
.dq-who-clear:hover[b-w2xso8ha91] {
    text-decoration: underline;
}

/* Seletor de escopo do drill (recorte / arquivo / dia) — topo esquerdo, acima
   da tabela. Um só painel; os botões trocam o escopo, não abrem janelas. */
.dq-drill-scopes[b-w2xso8ha91] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 10px 18px 0;
}
.dq-scope-btn[b-w2xso8ha91] {
    border: 1px solid var(--rksam-border, #c9cdd8);
    background: var(--rksam-surface, #fff);
    color: var(--rksam-text, #1e293b);
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
}
.dq-scope-btn:hover:not(:disabled)[b-w2xso8ha91] {
    border-color: var(--rksam-accent);
}
.dq-scope-btn--on[b-w2xso8ha91],
.dq-scope-btn:disabled[b-w2xso8ha91] {
    background: var(--rksam-accent, #2f6feb);
    border-color: var(--rksam-accent, #2f6feb);
    color: #fff;
    cursor: default;
}
.dq-scope-back[b-w2xso8ha91] {
    border: none;
    background: transparent;
    color: var(--rksam-accent);
    cursor: pointer;
    font-size: 12px;
    padding: 6px 4px;
    margin-right: 2px;
    white-space: nowrap;
}
.dq-scope-back:hover[b-w2xso8ha91] {
    text-decoration: underline;
}
.dq-scope-trunc[b-w2xso8ha91] {
    font-size: 10.5px;
    color: var(--rksam-text-muted);
    font-style: italic;
}
/* /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);
}

/* Densidade compacta (pedido MAG): mais eventos por página. Padding vertical
   mínimo + fonte ~11px nas células; cabeçalho ainda menor. Monospace nas
   colunas numéricas e sans nas textuais já vêm das classes por-coluna. */
.rksam-clet--dense thead th[b-7v0s8dcex3] {
    padding: 4px 8px;
    font-size: 9.5px;
}
.rksam-clet--dense tbody td[b-7v0s8dcex3] {
    padding: 2.5px 8px;
    font-size: 11px;
}

.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] {
    /* "dd/MM HH:mm:ss" (14 chars) — sem o ano, mais estreita que antes. */
    width: 112px;
    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;
}

/* Superset raw-log columns (Workstations/Files CSV surface). */
.rksam-clet__col-login[b-7v0s8dcex3] {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

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

.rksam-clet__col-tipo[b-7v0s8dcex3] {
    width: 90px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    font-family: var(--font-mono);
    color: var(--text-secondary);
}

.rksam-clet__col-raw[b-7v0s8dcex3] {
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--font-mono);
    font-size: 12px;
}

/* Zebra striping (mockup rksam_eventos_canonico). Match rows and drill
   highlight/separator rows keep their own background — excluded here so
   navigation reads as stable. */
.rksam-clet tbody tr:nth-child(even):not(.rksam-clet__row--match):not(.rksam-clet__row--match-current):not(.rksam-clet__row--dq):not(.rksam-clet__row--sep) td[b-7v0s8dcex3] {
    background: var(--bg-subtle);
}

/* Drill do Robô de Qualidade: colunas Offline (a "prova" — NULL quando o
   bloqueio cruza a rotação de arquivo) e Arquivo/MAC de origem. */
.rksam-clet__col-offline[b-7v0s8dcex3] {
    width: 96px;
    white-space: nowrap;
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-family: var(--font-mono);
    color: var(--text-secondary);
}

.rksam-clet__col-file[b-7v0s8dcex3] {
    width: 150px;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--text-secondary);
}

/* Linhas que COMPÕEM o achado — âmbar, um degrau mais forte que o realce de
   busca, para separar "faz parte do defeito" de "contexto". */
.rksam-clet__row--dq td[b-7v0s8dcex3] {
    background: #fef3c7;
    color: #1e293b;
}
.rksam-clet tbody tr.rksam-clet__row--dq:hover td[b-7v0s8dcex3] {
    background: #fde68a;
    color: #1e293b;
}
:root[data-theme="dark"] .rksam-clet__row--dq td[b-7v0s8dcex3] {
    background: rgba(245, 158, 11, 0.24);
    color: var(--text-primary);
}
:root[data-theme="dark"] .rksam-clet tbody tr.rksam-clet__row--dq:hover td[b-7v0s8dcex3] {
    background: rgba(245, 158, 11, 0.36);
    color: var(--text-primary);
}

/* Marcador de largura total (rotação de arquivo / "mais N órfãos"): centrado,
   tracejado, neutro — não é um evento, é uma fronteira. */
.rksam-clet__row--sep td[b-7v0s8dcex3] {
    text-align: center;
    font-size: 10.5px;
    font-style: italic;
    color: var(--text-secondary);
    background: var(--bg-subtle);
    border-top: 1px dashed var(--border);
    border-bottom: 1px dashed var(--border);
    padding: 4px 8px;
}
.rksam-clet tbody tr.rksam-clet__row--sep:hover td[b-7v0s8dcex3] {
    background: var(--bg-subtle);
}

.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;
    color: #1e293b;
}

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

.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;
    color: #1e293b;
}

/* Dark: tint âmbar translúcido + texto do tema (par completo, legível). */
:root[data-theme="dark"] .rksam-clet__row--match td[b-7v0s8dcex3] {
    background: rgba(245, 158, 11, 0.16);
    color: var(--text-primary);
}
:root[data-theme="dark"] .rksam-clet__row--match-current td[b-7v0s8dcex3] {
    background: rgba(245, 158, 11, 0.28);
    color: var(--text-primary);
}
:root[data-theme="dark"] .rksam-clet tbody tr.rksam-clet__row--match:hover td[b-7v0s8dcex3],
:root[data-theme="dark"] .rksam-clet tbody tr.rksam-clet__row--match-current:hover td[b-7v0s8dcex3] {
    background: rgba(245, 158, 11, 0.34);
    color: var(--text-primary);
}

/* O <mark> do termo é par fixo completo (âmbar + texto escuro) — legível
   nos dois temas sem variação. */
.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;
}

/* Funil (à esquerda da lupa) + lupa, ambos absolutos dentro do campo.
   Mockup: rksam_eventos_canonico_carga_discreta.html. */
.rksam-clev__funnel[b-inocn6vls0] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-secondary);
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
}

.rksam-clev__funnel:hover[b-inocn6vls0],
.rksam-clev__funnel--on[b-inocn6vls0] {
    color: var(--primary);
}

/* Sem termo: decorativo — apagado e não clicável. */
.rksam-clev__funnel--off[b-inocn6vls0] {
    color: var(--text-tertiary, var(--text-secondary));
    cursor: default;
    opacity: 0.6;
}

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

.rksam-clev__search-input[b-inocn6vls0] {
    flex: 1;
    box-sizing: border-box;
    padding: 6px 12px 6px 60px;
    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);
}

/* Realce do campo por estado (mockup): com termo = fundo âmbar suave;
   filtrando = borda de destaque. Aplicado no wrapper pra pegar campo+ícones. */
.rksam-clev__search--term .rksam-clev__search-input[b-inocn6vls0] {
    background: #fdf9e7;
    border-color: #e8d98a;
}
.rksam-clev__search--filtering .rksam-clev__search-input[b-inocn6vls0] {
    border: 1.5px solid var(--primary);
}
:root[data-theme="dark"] .rksam-clev__search--term .rksam-clev__search-input[b-inocn6vls0] {
    background: rgba(245, 158, 11, 0.14);
    border-color: rgba(245, 158, 11, 0.45);
    color: var(--text-primary);
}

.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;
}

/* Dark: pares completos (tint âmbar/vermelho + texto claro legível). */
:root[data-theme="dark"] .rksam-clev__match-counter[b-inocn6vls0] {
    background: rgba(245, 158, 11, 0.22);
    color: #fde68a;
}
:root[data-theme="dark"] .rksam-clev__match-counter--empty[b-inocn6vls0] {
    background: rgba(244, 63, 94, 0.20);
    color: #fecaca;
}

.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;
}


/* Navegador de ocorrências (só no modo Destacar). */
.rksam-clev__matchnav[b-inocn6vls0] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.rksam-clev__matchnav-btns[b-inocn6vls0] {
    display: inline-flex;
    flex-direction: column;
    gap: 1px;
}

/* Rodapé de carga discreto — substitui o antigo botão azul. */
.rksam-clev__foot[b-inocn6vls0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 0 4px;
    border-top: 1px solid var(--border);
    margin-top: 2px;
}

.rksam-clev__foot-prog[b-inocn6vls0] {
    font-size: 12px;
    color: var(--text-secondary);
}

.rksam-clev__foot--error[b-inocn6vls0] {
    color: #dc2626;
    font-size: 12px;
}

.rksam-clev__foot-sep[b-inocn6vls0] {
    color: var(--border);
}

.rksam-clev__foot-link[b-inocn6vls0] {
    background: none;
    border: none;
    color: var(--primary);
    font-size: 12px;
    cursor: pointer;
    padding: 0;
    font-family: inherit;
}

.rksam-clev__foot-link:disabled[b-inocn6vls0] {
    color: var(--text-disabled);
    cursor: default;
}
/* /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/InlineEditSelect.razor.rz.scp.css */
/* Inline edit por select — espelha o visual do InlineEditText: leitura
   discreta com lápis no hover, edição com borda accent. Fallbacks hex
   obrigatórios (alguns --rksam-* não existem no tema). */

.ies-container[b-p67t7ecn63] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
}

.ies-value[b-p67t7ecn63] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: var(--rksam-radius-md, 6px);
    border: 1.5px solid transparent;
    color: var(--rksam-text-primary, #1A1A2E);
    cursor: pointer;
    transition: background 120ms, border-color 120ms;
}
.ies-value:hover[b-p67t7ecn63],
.ies-value:focus-visible[b-p67t7ecn63] {
    background: var(--rksam-bg-subtle, #F1F5F9);
    border-color: var(--rksam-border, #E2E8F0);
    outline: none;
}

.ies-pencil[b-p67t7ecn63] {
    color: var(--rksam-text-muted, #64748B);
    opacity: 0;
    transition: opacity 120ms;
    flex-shrink: 0;
}
.ies-pencil.visible[b-p67t7ecn63] { opacity: 0.45; }

.ies-select[b-p67t7ecn63] {
    font-family: inherit;
    font-size: 14px;
    padding: 5px 8px;
    border: 1.5px solid var(--rksam-accent, #5C6BC0);
    border-radius: var(--rksam-radius-md, 6px);
    outline: none;
    background: var(--rksam-surface, #FFF);
    color: var(--rksam-text-primary, #1A1A2E);
    min-width: 140px;
    cursor: pointer;
}
.ies-select:disabled[b-p67t7ecn63] { opacity: 0.6; cursor: default; }
/* /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-fadewrap[b-o5lk53hnat] {
    position: relative;
}

.picker-body[b-o5lk53hnat] {
    position: relative;   /* offsetTop das rows relativo à lista (JS do overflow) */
    padding: 0 8px 8px;
    max-height: 420px;
    overflow-y: auto;
    /* Scrollbar SEMPRE visível quando há overflow — não depende da barra
       overlay do SO (macOS só a mostra durante o gesto). Tokens do tema:
       funcionam no claro e no escuro sem cor hardcoded. */
    scrollbar-gutter: stable;
    scrollbar-width: thin;                                            /* Firefox */
    scrollbar-color: var(--mud-palette-action-default, #9aa0ae) transparent;
}

.picker-body[b-o5lk53hnat]::-webkit-scrollbar {
    width: 8px;
}

.picker-body[b-o5lk53hnat]::-webkit-scrollbar-track {
    background: var(--mud-palette-background-gray, rgba(0, 0, 0, 0.05));
    border-radius: 4px;
}

.picker-body[b-o5lk53hnat]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-action-default, #9aa0ae);
    border-radius: 4px;
    min-height: 40px;
}

.picker-body[b-o5lk53hnat]::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-text-secondary, #6b7280);
}

/* Fade no rodapé da lista: transparente → cor de FUNDO REAL do popover
   (mesmo token do SideFlyout: --mud-palette-surface) — deriva do tema, sem
   mancha ao alternar claro/escuro. Não cobre a scrollbar (right: 8px). */
.picker-fade[b-o5lk53hnat] {
    position: absolute;
    left: 0;
    right: 8px;
    bottom: 0;
    height: 56px;
    pointer-events: none;
    background: linear-gradient(transparent, var(--mud-palette-surface, #ffffff));
}

.picker-morepill[b-o5lk53hnat] {
    /* No FLUXO do cabeçalho do grupo (mockup) — não flutua sobre a lista. */
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 2px 12px 6px;
    background: var(--mud-palette-primary, #4649d8);
    color: var(--mud-palette-primary-text, #ffffff);
    font-size: 11.5px;
    font-weight: 700;
    border: 0;
    border-radius: 12px;
    padding: 4px 12px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

.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] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    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));
}

.picker-footer b[b-o5lk53hnat] {
    color: var(--mud-palette-text-primary, #1f2330);
}
/* /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. */

/* Shared dialog shell. These classes (dialog-backdrop/card/header/body/
   footer/form) are NOT global — each dialog redefines them in its own
   scoped CSS, so CSS isolation scopes them per component. This block was
   missing here, leaving the backdrop/card unstyled and the modal rendering
   inline at the bottom of the page. Mirrors MetadataEditDialog.razor.css. */
.dialog-backdrop[b-qw7brbvndb] {
    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-qw7brbvndb] {
    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-qw7brbvndb] { width: min(560px, 92vw); }

.dialog-header[b-qw7brbvndb] {
    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-qw7brbvndb] { font-size: 16px; font-weight: 600; color: var(--rksam-text-primary); }
.dialog-close[b-qw7brbvndb] {
    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-qw7brbvndb] {
    color: var(--rksam-text-primary);
    background: var(--rksam-bg-subtle);
}
.dialog-close:disabled[b-qw7brbvndb] { opacity: 0.5; cursor: not-allowed; }
.dialog-close svg[b-qw7brbvndb] { width: 16px; height: 16px; }

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

.form[b-qw7brbvndb] { display: flex; flex-direction: column; gap: 14px; }
.form-row[b-qw7brbvndb] { display: flex; flex-direction: column; gap: 6px; }
.form-row--cols-2[b-qw7brbvndb] { flex-direction: row; gap: 12px; }
.form-row--cols-2 > div[b-qw7brbvndb] { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.form label[b-qw7brbvndb] {
    font-size: 11px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.06em;
    color: var(--rksam-text-muted);
}
.form input[b-qw7brbvndb],
.form select[b-qw7brbvndb] {
    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-qw7brbvndb],
.form select:focus[b-qw7brbvndb] {
    border-color: var(--rksam-accent);
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.20);
}

.dialog-footer[b-qw7brbvndb] {
    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;
}

@media (max-width: 600px) {
    .form-row--cols-2[b-qw7brbvndb] { flex-direction: column; }
}

.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. Layout from
   /mnt/dados/telas/event-search-mockup.jsx (fonte da verdade). */

.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(820px, 95vw);
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0,0,0,0.16);
    overflow: hidden;
}

/* --- Header --- */
.dialog-header[b-4l1x9w2hnz] {
    padding: 20px 24px 16px;
    border-bottom: 1px solid var(--rksam-border-subtle, #E8ECF1);
    background: var(--rksam-surface, #FFF);
    flex-shrink: 0;
}
.dialog-title-row[b-4l1x9w2hnz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.dialog-title[b-4l1x9w2hnz] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 17px;
    font-weight: 600;
    color: var(--rksam-text-primary, #1a1a2e);
}
.dialog-title .title-text[b-4l1x9w2hnz] { margin-right: 2px; }
.dialog-title .pat[b-4l1x9w2hnz] {
    font-family: var(--rksam-font-mono, ui-monospace);
    background: var(--rksam-accent-subtle, #E8EAF6);
    color: var(--rksam-accent, #3949AB);
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
}
.dialog-title .search-mode[b-4l1x9w2hnz] {
    padding: 4px 12px;
    border-radius: 6px;
    background: #F1F5F9;
    color: #64748B;
    font-size: 12px;
    font-weight: 500;
    cursor: help;
}

.dialog-close[b-4l1x9w2hnz] {
    background: #F1F5F9;
    border: none;
    border-radius: 8px;
    width: 30px; height: 30px;
    font-size: 15px;
    cursor: pointer;
    color: #64748B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 80ms;
}
.dialog-close:hover[b-4l1x9w2hnz] { background: #E2E8F0; }
.dialog-close svg[b-4l1x9w2hnz] { width: 14px; height: 14px; }

/* --- Date range bar --- */
.date-range-bar[b-4l1x9w2hnz] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    flex-wrap: wrap;
}
.cal-icon[b-4l1x9w2hnz] { font-size: 13px; color: #64748B; }

.presets[b-4l1x9w2hnz] { display: flex; gap: 4px; }
.preset[b-4l1x9w2hnz] {
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 500;
    border: 1.5px solid #E2E8F0;
    border-radius: 6px;
    background: #FFF;
    color: #64748B;
    cursor: pointer;
    font-family: inherit;
    transition: all 0.15s;
}
.preset:hover[b-4l1x9w2hnz] { border-color: #C7D2FE; }
.preset--active[b-4l1x9w2hnz] {
    border-color: var(--rksam-accent, #5C6BC0);
    background: var(--rksam-accent-subtle, #EEF2FF);
    color: var(--rksam-accent, #5C6BC0);
}

.vert-divider[b-4l1x9w2hnz] { width: 1px; height: 24px; background: #E2E8F0; }

.custom-dates[b-4l1x9w2hnz] { display: flex; align-items: center; gap: 6px; }
.date-input[b-4l1x9w2hnz] {
    padding: 5px 10px;
    font-size: 12px;
    border: 1.5px solid #E2E8F0;
    border-radius: 6px;
    outline: none;
    font-family: inherit;
    color: var(--rksam-text-primary, #1a1a2e);
    background: #FFF;
}
.date-input:focus[b-4l1x9w2hnz] { border-color: var(--rksam-accent, #5C6BC0); }
.date-sep[b-4l1x9w2hnz] { font-size: 12px; color: #94A3B8; }

.btn-search[b-4l1x9w2hnz] {
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    background: var(--rksam-accent, #5C6BC0);
    color: #FFF;
    cursor: pointer;
    font-family: inherit;
    transition: background 100ms;
}
.btn-search:hover[b-4l1x9w2hnz] { background: var(--rksam-accent-dark, #4F46E5); }

/* --- Body / table --- */
.dialog-body[b-4l1x9w2hnz] {
    flex: 1 1 auto;
    overflow: auto;
    padding: 0;
}

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

.dialog-results[b-4l1x9w2hnz] { padding: 0; }
.evts-table[b-4l1x9w2hnz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    table-layout: fixed;
}
.evts-table thead tr[b-4l1x9w2hnz] {
    border-bottom: 1px solid #E8ECF1;
    position: sticky;
    top: 0;
    background: #FFF;
    z-index: 2;
}
.evts-table th[b-4l1x9w2hnz] {
    padding: 10px 10px;
    text-align: left;
    font-size: 10px;
    font-weight: 600;
    color: #94A3B8;
    letter-spacing: 0.08em;
    white-space: nowrap;
}
.evts-table th.col-dur[b-4l1x9w2hnz] { padding-left: 36px; }

.evts-table td[b-4l1x9w2hnz] {
    padding: 10px 10px;
    border-bottom: 1px solid #F1F5F9;
    vertical-align: top;
}

/* Column widths — DATA/HORA, DURAÇÃO, LOGIN, WORKSTATION fixed; LOG flex. */
.col-ts[b-4l1x9w2hnz]    { width: 130px; }
.col-dur[b-4l1x9w2hnz]   { width: 106px; }
.col-login[b-4l1x9w2hnz] { width: 120px; }
.col-ws[b-4l1x9w2hnz]    { width: 120px; }
.col-log[b-4l1x9w2hnz]   { width: auto; }

.evts-table td.col-ts[b-4l1x9w2hnz] {
    color: #475569;
    font-size: 12px;
    font-family: var(--rksam-font-mono, ui-monospace);
    white-space: nowrap;
}
.evts-table td.col-dur[b-4l1x9w2hnz] {
    padding-left: 36px;
    color: #475569;
    font-family: var(--rksam-font-mono, ui-monospace);
    font-size: 12px;
    white-space: nowrap;
}
.evts-table td.col-login[b-4l1x9w2hnz] {
    color: var(--rksam-text-primary, #1a1a2e);
    font-weight: 500;
    white-space: nowrap;
}
.evts-table td.col-ws[b-4l1x9w2hnz] {
    color: #64748B;
    font-family: var(--rksam-font-mono, ui-monospace);
    font-size: 12px;
    white-space: nowrap;
}
.evts-table td.col-log[b-4l1x9w2hnz] {
    color: var(--rksam-text-primary, #1a1a2e);
    word-break: break-word;
    line-height: 1.5;
}
.log-pill[b-4l1x9w2hnz] {
    padding: 2px 6px;
    background: #FFF3E0;
    border-radius: 4px;
    font-size: 12px;
    display: inline-block;
    max-width: 100%;
    word-break: break-word;
}
.log-pill[b-4l1x9w2hnz]  em {
    background: #FDE68A;
    color: #B45309;
    padding: 0 2px;
    border-radius: 2px;
    font-style: normal;
    font-weight: 600;
}

/* --- Footer --- */
.dialog-footer[b-4l1x9w2hnz] {
    padding: 12px 24px;
    border-top: 1px solid #E8ECF1;
    background: #FFF;
    color: #64748B;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}
.counter strong[b-4l1x9w2hnz] { color: var(--rksam-text-primary, #1a1a2e); }
.counter .period[b-4l1x9w2hnz] { color: #94A3B8; }

.nav-group[b-4l1x9w2hnz] {
    display: flex;
    align-items: center;
    gap: 6px;
}
.nav-btn[b-4l1x9w2hnz] {
    padding: 6px 10px;
    border: 1.5px solid #E2E8F0;
    border-radius: 6px;
    background: #FFF;
    color: #475569;
    font-size: 12px;
    cursor: pointer;
    font-family: inherit;
    font-weight: 500;
    transition: all 0.1s;
}
.nav-btn:hover:not(:disabled)[b-4l1x9w2hnz] { background: #F8FAFC; }
.nav-btn:disabled[b-4l1x9w2hnz] {
    color: #D1D5DB;
    cursor: default;
}
.page-info[b-4l1x9w2hnz] {
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    color: var(--rksam-text-primary, #1a1a2e);
}
.page-info-total[b-4l1x9w2hnz] { font-weight: 400; color: #94A3B8; }

.nav-divider[b-4l1x9w2hnz] { width: 1px; height: 24px; background: #E2E8F0; margin: 0 6px; }

.btn-close-footer[b-4l1x9w2hnz] {
    padding: 6px 16px;
    border: 1.5px solid #E2E8F0;
    border-radius: 6px;
    background: #FFF;
    color: #475569;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
}
.btn-close-footer:hover[b-4l1x9w2hnz] { background: #F8FAFC; }

/* Mode selector (process-level modal only) — reuses the .preset button
   look; the hint mirrors the active option's tooltip inline. */
.mode-bar[b-4l1x9w2hnz] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
    flex-wrap: wrap;
}
.mode-hint[b-4l1x9w2hnz] {
    font-size: 11.5px;
    color: var(--rksam-text-secondary, #64748B);
    margin-left: 6px;
}
/* /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; }