/* Container já existe; só garantimos que alerte empurre conteúdo se precisar */
#tablerAlertStack {
 pointer-events: none;
}

#tablerAlertStack .alert {
 pointer-events: auto;
}

/* Tema vidro escuro */
.alert-glass {
 --glass-bg: 20, 20, 24;
 --glass-alpha: .65;
 --glass-border: 255, 255, 255;
 --glass-shadow: 0 12px 32px rgba(0,0,0,.35);
 background: rgba(var(--glass-bg), var(--glass-alpha));
 backdrop-filter: saturate(140%) blur(14px);
 -webkit-backdrop-filter: saturate(140%) blur(14px);
 color: rgba(255,255,255,.92);
 border-radius: 16px;
 border: 1px solid rgba(var(--glass-border), .12);
 box-shadow: var(--glass-shadow);
}

/* Tipografia dentro do vidro */
.alert-glass .alert-heading {
 color: rgba(255,255,255,.95);
 margin: 0 0 2px;
 font-weight: 600;
}

.alert-glass .alert-description {
 color: rgba(255,255,255,.82);
}

/* Ícone usa currentColor; ajustamos levemente */
.alert-glass .alert-icon {
 color: rgba(255,255,255,.95);
}

/* Botão de fechar visível no dark */
.alert-glass .btn-close {
 filter: invert(1) opacity(.75);
}

.alert-glass .btn-close:hover {
 filter: invert(1) opacity(1);
}

/* Acento por tipo (linha à esquerda + cor do ícone) */
.alert-glass.alert-success {
 --accent: 74, 222, 128;
}   /* verde */
.alert-glass.alert-danger {
 --accent: 248, 113, 113;
}  /* vermelho */
.alert-glass.alert-warning {
 --accent: 250, 204, 21;
}   /* amarelo */
.alert-glass.alert-info {
 --accent: 56, 189, 248;
}   /* azul claro */
.alert-glass.alert-primary {
 --accent: 99, 102, 241;
}   /* indigo */

.alert-glass {
 position: relative;
 overflow: hidden;
}

.alert-glass::before {
 content: "";
 position: absolute;
 inset: 0;
 border-radius: inherit;
 border-left: 4px solid rgba(var(--accent, 99,102,241), .9);
 pointer-events: none;
}

.alert-glass .alert-icon {
 color: rgba(var(--accent, 99,102,241), .95);
}