/* =========================================
   Quotazioni Finanziarie — Card Grid
   ========================================= */

.sr-quot-box {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 16px 16px 12px;
    font-family: inherit;
    font-size: 13px;
    margin-bottom: 20px;
}

.sr-quot-titolo {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 14px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #c00;
    color: #222;
}

.sr-quot-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.sr-quot-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 10px 8px;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    background: #fafafa;
}

.sr-quot-card.positivo-card {
    background: #f0faf2;
    border-color: #c3e6cb;
}

.sr-quot-card.negativo-card {
    background: #fff5f5;
    border-color: #f5c6cb;
}

.sr-quot-card.neutro-card {
    background: #fafafa;
    border-color: #e8e8e8;
}

.sr-quot-nome {
    font-size: 11px;
    font-weight: 600;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sr-quot-prezzo {
    font-size: 15px;
    font-weight: 700;
    color: #111;
    white-space: nowrap;
    line-height: 1.2;
}

.sr-quot-valuta {
    font-size: 10px;
    color: #999;
    font-weight: 400;
}

.sr-quot-var {
    font-size: 12px;
    font-weight: 600;
    margin-top: 4px;
    white-space: nowrap;
}

.sr-quot-var.positivo { color: #1a7f37; }
.sr-quot-var.negativo { color: #c00; }
.sr-quot-var.neutro   { color: #888; }

.sr-quot-nota {
    font-size: 10px;
    color: #bbb;
    margin: 10px 0 0 0;
    text-align: right;
}

@media (max-width: 900px) {
    .sr-quot-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 600px) {
    .sr-quot-grid { grid-template-columns: repeat(2, 1fr); }
}