[data-bs-theme="dark"] header.navbar.navbar-expand-md,
[data-bs-theme="dark"] footer.footer.footer-transparent {
    background: #18222d;
}

[data-bs-theme="dark"] header.navbar.navbar-expand-md {
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

[data-bs-theme="dark"] footer.footer.footer-transparent {
    border-top: 1px solid rgba(255, 255, 255, .08);
}

[data-bs-theme="dark"] footer.footer.footer-transparent .link-secondary,
[data-bs-theme="dark"] footer.footer.footer-transparent .list-inline-item {
    color: rgba(229, 231, 235, .74) !important;
}

.engine-sidebar-user {
    border-color: rgba(var(--tblr-light-rgb), .2);
    background: transparent;
    color: var(--tblr-navbar-color);
}

.engine-sidebar-user .card-body {
    padding: .875rem;
}

.engine-sidebar-user .avatar {
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-weight: 600;
}

.engine-sidebar-user-name,
.engine-sidebar-user-email,
.engine-sidebar-user-last-login {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.engine-sidebar-user-name {
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25;
}

.engine-sidebar-user-email {
    max-width: 10.75rem;
    font-size: .75rem;
}

.engine-sidebar-user-section {
    margin-top: .875rem;
}

.engine-sidebar-user-label {
    margin-bottom: .375rem;
    color: rgba(255, 255, 255, .5);
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.engine-sidebar-user-roles {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.engine-sidebar-user-roles .badge {
    max-width: 100%;
    overflow: hidden;
    border-color: rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .04);
    color: rgba(255, 255, 255, .72) !important;
    font-size: .625rem;
    text-overflow: ellipsis;
}

.engine-sidebar-user-meta {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin-top: .875rem;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: .75rem;
}

.engine-sidebar-user-meta .icon {
    flex: 0 0 auto;
    margin-top: .0625rem;
    color: rgba(255, 255, 255, .56);
}

.engine-sidebar-user-last-login {
    color: rgba(255, 255, 255, .72);
    font-size: .75rem;
    line-height: 1.25;
}

.vault-operation-card {
    min-height: 15rem;
}

.vault-run-result-success {
    animation: vault-run-flash-success 1.6s ease-out 1;
    border-color: rgba(var(--tblr-success-rgb), .35);
    box-shadow: 0 0 0 .25rem rgba(var(--tblr-success-rgb), .08);
}

.vault-run-result-danger {
    animation: vault-run-flash-danger 1.6s ease-out 1;
    border-color: rgba(var(--tblr-danger-rgb), .35);
    box-shadow: 0 0 0 .25rem rgba(var(--tblr-danger-rgb), .08);
}

@keyframes vault-run-flash-success {
    0% {
        background-color: rgba(var(--tblr-success-rgb), .14);
        box-shadow: 0 0 0 .5rem rgba(var(--tblr-success-rgb), .22);
    }
    45% {
        background-color: rgba(var(--tblr-success-rgb), .08);
        box-shadow: 0 0 0 .35rem rgba(var(--tblr-success-rgb), .16);
    }
    100% {
        background-color: transparent;
        box-shadow: 0 0 0 .25rem transparent;
    }
}

@keyframes vault-run-flash-danger {
    0% {
        background-color: rgba(var(--tblr-danger-rgb), .14);
        box-shadow: 0 0 0 .5rem rgba(var(--tblr-danger-rgb), .22);
    }
    45% {
        background-color: rgba(var(--tblr-danger-rgb), .08);
        box-shadow: 0 0 0 .35rem rgba(var(--tblr-danger-rgb), .16);
    }
    100% {
        background-color: transparent;
        box-shadow: 0 0 0 .25rem transparent;
    }
}