/* --- TRANSFORMAÇÃO WIDGET WINDY N.A.R. --- */

/* 1. O Contentor do Widget */
.dashboard-widget__windy, 
[class*="windy"] {
    background-color: #ffffff !important;
    border: 2px solid #fde047 !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.3) !important;
    padding: 10px !important;
}

/* 2. Forçar o fundo branco dentro do Iframe/Widget do Windy */
/* Nota: Se for um iframe, o CSS externo tem limites, mas tentamos forçar o container */
.dashboard-widget__windy iframe {
    background-color: #ffffff !important;
    border-radius: 10px !important;
}

/* 3. Se o Windy estiver no topo (Status Bar) */
#body-user .status-buttons [class*="windy"],
#body-user .status-buttons .live-status-item {
    background: #ffffff !important;
    color: #434343 !important;
    border: 2px solid #fde047 !important;
    border-radius: 50px !important;
    opacity: 1 !important;
}

/* 4. Esconder elementos desnecessários para ficar "clean" */
.dashboard-widget__windy .extra-info {
    display: none !important;
}