/* /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/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/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;
    padding: 16px 24px;
    border-bottom: 1px solid var(--pd-border-subtle);
    background: var(--pd-surface-alt);
}
.pd-btn-primary[b-5d1dadjrex] {
    background: var(--pd-accent);
    color: #FFFFFF;
    border: 1px solid var(--pd-accent);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md, 6px);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 80ms, border-color 80ms;
}
.pd-btn-primary:hover[b-5d1dadjrex] { background: #4338CA; border-color: #4338CA; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 900px) {
    .process-card[b-mcda5lbj4p] { grid-template-columns: 1fr; }
    .process-stats[b-mcda5lbj4p] { grid-template-columns: repeat(4, 1fr); gap: 12px; }
}
/* /Components/Pages/Workstations.razor.rz.scp.css */
/* Workstations page — files panel styles (same look & feel as /files). */

.ws-files[b-vs834042z1]  .col-time,
.ws-files[b-vs834042z1]  .col-duration,
.ws-files[b-vs834042z1]  .col-records {
    font-family: var(--rksam-font-mono, ui-monospace);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    color: var(--rksam-text-primary);
    vertical-align: top;
}
.ws-files[b-vs834042z1]  .col-duration { color: var(--rksam-text-secondary); }
.ws-files[b-vs834042z1]  .col-records  { font-weight: 500; }

/* File cell: two visual rows — magnifier on top (aligned with other metrics),
   full file name wrapping freely below. No more ellipsis on long names. */
.ws-files[b-vs834042z1]  .col-file {
    vertical-align: top;
    width: 100%;
    max-width: 0; /* keep the column fluid inside flex layout */
}
.ws-files[b-vs834042z1]  .file-cell {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.ws-files[b-vs834042z1]  .file-cell__actions {
    display: flex;
    align-items: center;
    min-height: 24px;
}
.ws-files[b-vs834042z1]  .file-cell__name {
    font-family: var(--rksam-font-mono, ui-monospace);
    font-size: 11px;
    color: var(--rksam-text-secondary);
    word-break: break-all;
    white-space: normal;
    line-height: 1.3;
}

.ws-files[b-vs834042z1]  .icon-btn-inline {
    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);
    padding: 0;
    transition: background 80ms, color 80ms, border-color 80ms;
}
.ws-files[b-vs834042z1]  .icon-btn-inline:hover {
    background: var(--rksam-info-subtle);
    color: var(--rksam-info);
    border-color: var(--rksam-info-border);
}
/* /Components/Shared/Breadcrumb.razor.rz.scp.css */
.crumbs[b-38ibznwymc] {
    color: var(--rksam-text-muted);
    font-size: 13px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.crumbs a[b-38ibznwymc] {
    color: var(--rksam-text-muted);
    text-decoration: none;
    font-weight: 500;
    padding: 2px 6px;
    margin: -2px -6px;
    border-radius: var(--rksam-radius-sm, 4px);
    transition: background 80ms, color 80ms;
}
.crumbs a:hover[b-38ibznwymc] {
    background: var(--rksam-bg-subtle);
    color: var(--rksam-text-primary);
}
.crumbs .sep[b-38ibznwymc] {
    color: var(--rksam-text-faint);
    user-select: none;
}
.crumbs .current[b-38ibznwymc] {
    color: var(--rksam-text-primary);
    font-weight: 500;
}
/* /Components/Shared/CapturaLogEventsTable.razor.rz.scp.css */
.rksam-clet[b-7v0s8dcex3] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-sans);
    font-size: 13px;
}

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

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

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

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

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

.rksam-clet__col-hora[b-7v0s8dcex3] {
    width: 90px;
    font-variant-numeric: tabular-nums;
    font-family: var(--font-mono);
}

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

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

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

.rksam-clet__empty[b-7v0s8dcex3] {
    padding: 24px 16px;
    text-align: center;
    color: var(--text-secondary);
    font-size: 14px;
}
/* /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/JourneyTeamPicker.razor.rz.scp.css */
.picker-header[b-o5lk53hnat] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 14px 16px 8px;
    gap: 12px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-secondary[b-xstzfnmr3k] {
    background: var(--rksam-surface, #FFFFFF);
    color: var(--rksam-text-primary, #0F172A);
    border: 1px solid var(--rksam-border, #E2E8F0);
    padding: 8px 14px;
    border-radius: var(--rksam-radius-md, 6px);
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
}
.btn-secondary:hover:not(:disabled)[b-xstzfnmr3k] { background: var(--rksam-bg-subtle, #F1F5F9); }
.btn-secondary:disabled[b-xstzfnmr3k] { opacity: 0.6; cursor: not-allowed; }
/* /Components/Shared/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;
    z-index: 40;
}

.rksam-drp__popover[b-tymsz1ecnd] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 41;
    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/SearchEventsDialog.razor.rz.scp.css */
/* SearchEventsDialog — scoped. Design from
   /root/rksam-deploy-v2/mockup/mockup-processo-acoes-com-lupa.html */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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