/* --------------------------------------------
   Zone Health Cards - Dashboard de Observacoes
   -------------------------------------------- */
.zone-health-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.zone-health-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.border-left-healthy {
    border-left: 4px solid var(--mud-palette-success) !important;
}

.border-left-warning {
    border-left: 4px solid var(--mud-palette-warning) !important;
}

.border-left-critical {
    border-left: 4px solid var(--mud-palette-error) !important;
}

/* Dashboard Hero Card */
.dashboard-hero {
    background: var(--cropbook-gradient-primary);
    border-radius: 16px;
    color: white;
}

/* Health Score Circle */
.health-score-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: bold;
}

.health-score-circle.healthy {
    background: rgba(76, 175, 80, 0.2);
    border: 3px solid var(--mud-palette-success);
    color: var(--mud-palette-success);
}

.health-score-circle.warning {
    background: rgba(255, 193, 7, 0.2);
    border: 3px solid var(--mud-palette-warning);
    color: var(--mud-palette-warning);
}

.health-score-circle.critical {
    background: rgba(244, 67, 54, 0.2);
    border: 3px solid var(--mud-palette-error);
    color: var(--mud-palette-error);
}

/* Alert Cards */
.alert-card-critical {
    border-left: 4px solid var(--mud-palette-error);
    background: rgba(244, 67, 54, 0.05);
}

.alert-card-warning {
    border-left: 4px solid var(--mud-palette-warning);
    background: rgba(255, 193, 7, 0.05);
}

.alert-card-info {
    border-left: 4px solid var(--mud-palette-info);
    background: rgba(33, 150, 243, 0.05);
}

/* Season Comparison Cards */
.season-card-current {
    border: 2px solid var(--mud-palette-primary);
    background: rgba(76, 175, 80, 0.05);
}

.season-card-previous {
    border: 1px solid var(--mud-palette-divider);
}

/* Trend indicator arrows */
.trend-up {
    color: var(--mud-palette-success);
}

.trend-down {
    color: var(--mud-palette-error);
}

.trend-stable {
    color: var(--mud-palette-secondary);
}