/*
 * Visão em validação, só para super user (card 979238).
 * Cor fora da paleta do sistema de propósito: quem vê precisa saber, de relance,
 * que aquilo não aparece para os outros perfis.
 */
:root {
    --su-only-ink: #a21caf;
    --su-only-border: #d946ef;
    --su-only-tint: #fdf4ff;
}

[data-bs-theme="dark"] {
    --su-only-ink: #f0abfc;
    --su-only-border: #c026d3;
    --su-only-tint: rgba(192, 38, 211, 0.14);
}

.su-only-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.05rem 0.4rem;
    border: 1px dashed var(--su-only-border);
    border-radius: 999px;
    background: var(--su-only-tint);
    color: var(--su-only-ink);
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.01em;
    white-space: nowrap;
    vertical-align: middle;
}

.su-only-cell,
th.su-only-cell,
td.su-only-cell {
    background-color: var(--su-only-tint) !important;
    box-shadow: inset 2px 0 0 var(--su-only-border);
}

.su-only-block {
    border: 1px dashed var(--su-only-border) !important;
    background: var(--su-only-tint);
    border-radius: 0.5rem;
}

.su-only-block .su-only-block-title {
    color: var(--su-only-ink);
}