/* ==========================================================================
   BootstrapFiveSingleInfoCard Component CSS Stylesheet
   ========================================================================== */

.card-modern-info {
    transition: transform 0.22s ease-in-out, box-shadow 0.22s ease-in-out, border-color 0.22s ease-in-out;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.card-modern-info:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

.modern-info-bg-icon {
    transition: transform 0.3s ease-in-out;
}

.card-modern-info:hover .modern-info-bg-icon {
    transform: translateY(-50%) scale(1.08) rotate(5deg) !important;
}

.opacity-100-hover:hover {
    opacity: 1 !important;
}

.transition-all {
    transition: all 0.2s ease-in-out;
}

.fs-7 {
    font-size: 0.82rem !important;
}

.fs-8 {
    font-size: 0.72rem !important;
}

.fs-9 {
    font-size: 0.62rem !important;
}

.bg-white.bg-opacity-15 {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

.opacity-10 {
    opacity: 0.10 !important;
}

.opacity-15 {
    opacity: 0.15 !important;
}

/*
 * The five `bg-gradient-*` ramps that lived here were removed on 2026-08-25.
 *
 * They were the card's colour system: five hexes with no dark-mode value, keyed to a decorative
 * `bg_color` the controller wrote per card, in a file this application ships outside its build and
 * cache-busts by hand. A card's fill is now a tone — see `.dash-card--filled` and the
 * `--dash-tone-*` tokens in `resources/css/dashboard.css`.
 *
 * What is left in this file is card *chrome*: the hover lift, the watermark transition and the
 * small font-size steps, none of which carry a colour.
 */