/* Oggiano Carmelo — layer strutturale v2 (cambi VISIBLE) */
@import url('https://fonts.bunny.net/css?family=manrope:400,500,600,700,800&display=swap');

:root {
    --font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;
}

html, body, .fi-body, .fi-app {
    font-family: var(--font-family) !important;
}

/* Bottoni pill — cambio evidente */
.fi-btn {
    border-radius: 0 !important;
    font-weight: 600;
    letter-spacing: 0.01em;
}

/* Card più tonde e con ombra presente */
.fi-section,
.fi-ta-ctn,
.fi-dropdown-panel,
.fi-wi-stats-overview-stat {
    border-radius: 0 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 10px 30px -12px rgba(0,0,0,.12) !important;
}

/* KPI: numeri protagonisti */
.fi-wi-stats-overview-stat > div:first-child > span:first-child {
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
}

/* Righe tabella: hover morbido */
.fi-ta-ctn tbody tr:hover {
    background-color: rgba(var(--primary-50), .55) !important;
}

/* Input e select: coerenza col bottone */
.fi-input, .fi-select, .fi-textarea {
    border-radius: 0 !important;
}

/* Login: card protagonista */
.fi-simple-login {
    border-radius: 0 !important;
    box-shadow: 0 20px 60px -15px rgba(0,0,0,.18) !important;
}

/* Sidebar: gruppi aria da prodotto */
.fi-sidebar-nav > ul > li > div > h3 {
    font-size: 0.62rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    opacity: .55;
}

/* Scrollbar discreta */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,.15); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.25); }