/* ===============================
   HARMONISATION NATURELLE DES ESPACEMENTS
   =============================== */

/* Espacement naturel et harmonisé entre les containers */

/* === ESPACEMENTS NATURELS === */
.enhanced-card,
.card,
.overview-master-card,
.simple-history-card,
.revolut-transaction-group,
.promo-card,
.widget-config-item,
.history-controls-container {
    margin-bottom: 30px;
    box-shadow: none;
}

/* === MOBILE === */
@media (max-width: 480px) {
    .enhanced-card,
    .card,
    .overview-master-card,
    .simple-history-card,
    .revolut-transaction-group,
    .promo-card,
    .widget-config-item,
    .history-controls-container {
        margin-bottom: 24px;
    }
}

/* === TRÈS PETITS ÉCRANS === */
@media (max-width: 360px) {
    .enhanced-card,
    .card,
    .overview-master-card,
    .simple-history-card,
    .revolut-transaction-group,
    .promo-card,
    .widget-config-item,
    .history-controls-container {
        margin-bottom: 20px;
    }
}

/* === CORRECTIONS SPÉCIFIQUES === */
.month-selector-section {
    margin-bottom: 16px;
}

.search-section {
    margin-top: 16px;
}

@media (max-width: 480px) {
    .month-selector-section {
        margin-bottom: 12px;
    }
    
    .search-section {
        margin-top: 12px;
    }
}

/* === TRANSACTIONS === */
.revolut-transaction-item {
    margin-bottom: 8px;
}

.revolut-transaction-item:last-child {
    margin-bottom: 0;
}

@media (max-width: 480px) {
    .revolut-transaction-item {
        margin-bottom: 6px;
    }
}