/* =====================================================================
   UI tweaks compartilhados (todos os tenants) — ajustes de UI/UX.
   Carregado depois do custom.css de cada tenant em _Layout.cshtml.
   ===================================================================== */

/* ---- Alerts mais bonitos e com respiro ---- */
/* display:block anula o `.alert { display:flex }` do tema (app.css): o flex quebrava
   qualquer conteudo dentro do alert (titulo+texto viravam colunas lado a lado).
   Quem quiser icone+texto alinhados usa `.alert.d-flex`, que continua flex. */
.alert {
    display: block;
    padding: 0.95rem 1.15rem;
    border: 1px solid transparent;
    border-left-width: 4px;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.alert > :last-child {
    margin-bottom: 0;
}

.alert .btn {
    flex-shrink: 0;
}

/* As cores dos alerts saem daqui de proposito: eram hex do tema claro antigo
   (fundo pastel + texto escuro) e brigavam com o tema escuro — dava texto claro
   em fundo quase branco. Quem pinta alerta agora e o design system, em
   vetrun-ds-bootstrap.css (secao 7), sempre com var(--*). */

/* compacto, quando usado dentro de cards/listas */
.alert.py-2 {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

/* ---- Textareas com altura mais confortavel que o input ---- */
textarea.form-control {
    min-height: 110px;
    line-height: 1.45;
}

textarea.form-control-sm {
    min-height: 80px;
}

/* dentro do input-group (ex.: responder atendimento) mantem compacto */
.input-group > textarea.form-control {
    min-height: 64px;
}