P0/* ============================================================================
   Toasts (SmartAdmin smallBox / bigBox) — novo padrão de design do FIN
   ----------------------------------------------------------------------------
   Alinhado às telas de auth e ao header da index de títulos:
   brand #3845cd, gradiente 135deg, cantos arredondados, sombra suave.

   Este arquivo é carregado POR ÚLTIMO no head.php (depois de todo o SmartAdmin
   e do your_style.css) e usa !important para vencer o background-color inline
   que o SmartNotification injeta via jQuery .css(). Não editar o your_style.css.
   ============================================================================ */

:root {
    --toast-radius:  12px;
    --toast-shadow:  0 12px 40px rgba(0, 0, 0, .28);
    --toast-brand:   linear-gradient(135deg, #151c6b 0%, #3845cd 100%);
    --toast-success: linear-gradient(135deg, #15914a 0%, #1db954 100%);
    --toast-danger:  linear-gradient(135deg, #b3201c 0%, #dc2626 100%);
}

/* ---- Containers: mantém os cantos atuais, só dá um respiro das bordas ---- */
#divSmallBoxes { top: 12px !important; }
#divbigBoxes   { right: 14px !important; bottom: 14px !important; }

/* ================================ smallBox ================================= */
.SmallBox {
    width: 380px !important;
    border: none !important;
    border-radius: var(--toast-radius) !important;
    box-shadow: var(--toast-shadow) !important;
    color: #fff !important;
    overflow: hidden !important;
    padding: 14px 0 !important;
    transition: transform .12s ease, box-shadow .15s ease !important;
}
.SmallBox:hover {
    border: none !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, .40) !important;
    transform: translateY(-1px) !important;
}

/* preserva as duas variantes: sem ícone (.textoFull) e com ícone (.foto + .textoFoto) */
.SmallBox .textoFull { width: auto !important; padding: 0 18px !important; }
.SmallBox .textoFoto { width: auto !important; margin: 0 18px 0 70px !important; }
.SmallBox .foto      { left: 18px !important; font-size: 30px !important; opacity: .9 !important; }

.SmallBox span {
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .2px !important;
    line-height: 1.3 !important;
    margin: 0 0 3px 0 !important;
}
.SmallBox p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    opacity: .92 !important;
}

/* ================================= bigBox ================================== */
.bigBox {
    width: 360px !important;
    height: auto !important;
    min-height: 92px !important;
    border: none !important;
    border-radius: var(--toast-radius) !important;
    box-shadow: var(--toast-shadow) !important;
    color: #fff !important;
    padding: 18px 20px !important;
    overflow: hidden !important;
}
.bigBox span {
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    padding: 0 !important;
    margin: 0 0 4px 0 !important;
}
.bigBox p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    opacity: .92 !important;
}
.bigBox .bigboxicon {
    font-size: 26px !important;
    top: auto !important;
    bottom: 12px !important;
    left: 16px !important;
    opacity: .20 !important;
}
.bigBox .bigboxnumber { font-size: 22px !important; font-weight: 700 !important; }

/* ------------------------------ botão fechar ------------------------------ */
.botClose {
    color: #fff !important;
    opacity: .7 !important;
    font-size: 16px !important;
    top: 14px !important;
    right: 14px !important;
}
.botClose:hover { opacity: 1 !important; }

/* ============================================================================
   Remapeamento semântico de cores (vence o inline via !important).
   O SmartNotification seta a cor com jQuery .css(), que serializa para rgb(...).
   Cobrimos hex e rgb (com e sem espaços) por robustez entre navegadores.
   ============================================================================ */

/* Sucesso  ·  #739E73 -> rgb(115, 158, 115) */
.SmallBox[style*="rgb(115, 158, 115)"], .SmallBox[style*="rgb(115,158,115)"], .SmallBox[style*="#739E73"],
.bigBox[style*="rgb(115, 158, 115)"],   .bigBox[style*="rgb(115,158,115)"],   .bigBox[style*="#739E73"] {
    background: var(--toast-success) !important;
}

/* Erro  ·  #C46A69 -> rgb(196, 106, 105) */
.SmallBox[style*="rgb(196, 106, 105)"], .SmallBox[style*="rgb(196,106,105)"], .SmallBox[style*="#C46A69"],
.bigBox[style*="rgb(196, 106, 105)"],   .bigBox[style*="rgb(196,106,105)"],   .bigBox[style*="#C46A69"] {
    background: var(--toast-danger) !important;
}

/* Neutro/default (sem color)  ·  #004d60 -> rgb(0, 77, 96)  →  brand */
.SmallBox[style*="rgb(0, 77, 96)"], .SmallBox[style*="rgb(0,77,96)"], .SmallBox[style*="#004d60"],
.bigBox[style*="rgb(0, 77, 96)"],   .bigBox[style*="rgb(0,77,96)"],   .bigBox[style*="#004d60"] {
    background: var(--toast-brand) !important;
}

/* ============================================================================
   Oculta os mini-ícones flutuantes (#divMiniIcons / .cajita) que o
   SmartNotification cria no canto ao disparar um bigBox. São "handles de
   minimizar" legados, sem uso aqui, e poluíam o canto com o ícone shake animado.
   ============================================================================ */
#divMiniIcons { display: none !important; }

/* ============================================================================
   Loading bar: barrinha discreta no rodapé do toast, sincronizada ao timeout.
   A largura inicial é 100% (aqui) e o custom-toasts.js anima até 0%. O overflow
   + border-radius do toast recortam os cantos da barra automaticamente.
   ============================================================================ */
.SmallBox .toast-progress,
.bigBox .toast-progress {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 3px !important;
    width: 100%;
    background: rgba(255, 255, 255, .55);
    z-index: 3;
    pointer-events: none;
}