/* Pampling Analytics v2 — estilos custom sobre Tailwind */

.kpi-card {
    background: white;
    border: 1px solid rgb(226 232 240);
    border-radius: 0.5rem;
    padding: 1rem;
}

.kpi-card .label {
    font-size: 0.75rem;
    color: rgb(100 116 139);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.kpi-card .value {
    font-size: 1.5rem;
    font-weight: 700;
    color: rgb(15 23 42);
    line-height: 1.1;
}

.kpi-card .delta {
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 0.5rem;
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
}

.kpi-card .delta.up { background: rgb(220 252 231); color: rgb(22 101 52); }
.kpi-card .delta.down { background: rgb(254 226 226); color: rgb(153 27 27); }
.kpi-card .delta.flat { background: rgb(241 245 249); color: rgb(71 85 105); }
.kpi-card .delta.none { background: rgb(254 243 199); color: rgb(146 64 14); }

.kpi-card .b-value {
    font-size: 0.75rem;
    color: rgb(100 116 139);
    margin-top: 0.25rem;
}

.mode-btn.active {
    background: rgb(15 23 42);
    color: white;
    border-color: rgb(15 23 42);
}