.weather-auto-card{border:1px solid #c9e0eb;background:linear-gradient(135deg,#f8fcff,#eef8f4);border-radius:16px;padding:14px;display:grid;gap:11px;box-shadow:0 8px 22px rgba(19,75,59,.05)}
.weather-auto-heading{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.weather-auto-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid #dceae5;font-size:20px}.weather-auto-heading strong,.weather-auto-heading span{display:block}.weather-auto-heading strong{font-size:12px;color:#194b3c}.weather-auto-heading span{font-size:9px;color:#71817b;margin-top:2px;line-height:1.6}.weather-auto-heading b{font-size:8px;color:#0b779f;background:#e7f7ff;border:1px solid #bfe4f4;border-radius:99px;padding:5px 8px;letter-spacing:.8px}
.weather-auto-values{display:flex;flex-wrap:wrap;gap:7px}.weather-auto-values span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:10px;background:#fff;border:1px solid #dce8e3;color:#365b50;font-size:9px;font-weight:800}
.weather-auto-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.weather-auto-actions button{border-radius:12px;min-height:43px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.weather-auto-actions button:disabled{opacity:.6;cursor:wait}.weather-auto-secondary{border:1px solid #d4e5de;background:#fff;color:#0b5c47}.weather-auto-primary{border:0;background:linear-gradient(135deg,#168a68,#0b513f);color:#fff;box-shadow:0 8px 18px rgba(16,81,63,.16)}
.weather-auto-status{display:block;border-radius:9px;padding:8px 9px;font-size:9px;line-height:1.7;color:#4f6d63;background:rgba(255,255,255,.72)}.weather-auto-status[data-kind="success"]{color:#166b51;background:#e9f8f2}.weather-auto-status[data-kind="error"]{color:#a1252c;background:#fff0f1}.weather-auto-warning{margin:0;color:#7a6250;background:#fff8ee;border:1px solid #f1dfbf;border-radius:10px;padding:9px;font-size:8px;line-height:1.75}
@media(max-width:560px){.weather-auto-actions{grid-template-columns:1fr}.weather-auto-values{display:grid;grid-template-columns:1fr 1fr}.weather-auto-values span:last-child{grid-column:1/-1}.weather-auto-heading{grid-template-columns:34px 1fr auto}.weather-auto-icon{width:34px;height:34px}}