/* widget.css — Niveau d'eau Bocq/Viroin (intégré aux pages KSA). Vanilla, autonome. */
.bw-wrap{max-width:920px;margin:0 auto;padding:8px 16px 40px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1d2b36;line-height:1.6;}
.bw-eyebrow{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:#1565a0;font-weight:700;margin:14px 0 4px;}
.bw-wrap h1{font-size:1.7rem;line-height:1.25;margin:0 0 8px;}
.bw-sub{color:#41515c;margin:0 0 18px;}
.bw-card{background:#fff;border:1px solid #e2e9ee;border-radius:14px;padding:18px;margin:0 0 18px;box-shadow:0 1px 3px rgba(20,40,60,.05);}
/* Statut */
.bw-status{display:flex;align-items:center;gap:10px;font-weight:700;color:#fff;padding:10px 16px;border-radius:12px;font-size:1.05rem;}
.bw-status .bw-emoji{font-size:1.3rem;}
.bw-status--ok{background:#0f8a3c;}.bw-status--warn{background:#d98700;}.bw-status--low{background:#8a6d3b;}
.bw-status--high{background:#1565a0;}.bw-status--stop{background:#c0392b;}.bw-status--na{background:#777;}
.bw-status-txt{margin:10px 0 0;color:#41515c;}
/* Métriques */
.bw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:14px;}
.bw-metric{text-align:center;padding:12px 8px;border-radius:10px;background:#f7fafc;border:1px solid #e2e9ee;}
.bw-metric .bw-val{font-size:1.8rem;font-weight:700;line-height:1.1;}
.bw-metric .bw-unit{font-size:.9rem;color:#5a6b78;font-weight:600;}
.bw-metric .bw-lbl{font-size:.72rem;color:#5a6b78;text-transform:uppercase;letter-spacing:.04em;margin-top:4px;}
.bw-trend{font-weight:700;}
/* Jauge */
.bw-gauge{margin-top:16px;height:16px;border-radius:8px;background:linear-gradient(90deg,#8a6d3b 0%,#0f8a3c 25%,#0f8a3c 55%,#d98700 78%,#c0392b 100%);position:relative;}
.bw-gauge-cursor{position:absolute;top:-4px;width:6px;height:24px;border-radius:3px;background:#14253b;box-shadow:0 0 0 2px #fff;transition:left .4s ease;}
.bw-gauge-scale{display:flex;justify-content:space-between;font-size:.72rem;color:#5a6b78;margin-top:4px;}
.bw-updated{font-size:.82rem;color:#5a6b78;margin-top:12px;}
/* Météo */
.bw-wx-now{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.bw-wx-now .bw-wx-ico{font-size:2.1rem;}
.bw-wx-stats{display:flex;gap:16px;flex-wrap:wrap;font-size:.9rem;color:#5a6b78;}
.bw-forecast{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;}
.bw-day{text-align:center;padding:10px 4px;border-radius:10px;background:#f7fafc;border:1px solid #e2e9ee;font-size:.82rem;}
.bw-day .bw-d{font-weight:700;}
.bw-day .bw-ico{font-size:1.4rem;display:block;margin:4px 0;}
.bw-day .bw-sc{font-size:.72rem;margin-top:4px;font-weight:700;}
/* Bloc légal / parcours */
.bw-legal{border-left:4px solid #c0392b;background:#fff8f6;padding:12px 14px;border-radius:8px;font-size:.92rem;}
.bw-parcours{border-left:4px solid #1565a0;padding-left:14px;}
.bw-parcours table{width:100%;border-collapse:collapse;font-size:.92rem;}
.bw-parcours td{padding:6px 8px;border-bottom:1px solid #eef3f6;}
.bw-content h2{font-size:1.3rem;margin:24px 0 10px;}
.bw-content p{margin:0 0 14px;}
.bw-faq dt{font-weight:700;margin-top:12px;}
.bw-faq dd{margin:4px 0 0;color:#41515c;}
.bw-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;}
.bw-links a{display:inline-block;padding:8px 14px;border-radius:999px;background:#eef5fb;color:#1565a0;text-decoration:none;font-weight:600;font-size:.9rem;border:1px solid #d6e6f3;}
.bw-src{font-size:.78rem;color:#5a6b78;margin-top:10px;}
@media(max-width:540px){.bw-forecast{grid-template-columns:repeat(3,1fr);}.bw-wrap h1{font-size:1.4rem;}}

/* ---- Dashboard (calqué news.php, scopé sous .bw-wrap) ---- */
.bw-wrap .dashboard-outer{background:#2c3e50;padding:15px 10px;border-radius:15px;margin-bottom:18px}
.bw-wrap .dashboard-inner{background:#fff;border-radius:18px;padding:16px}
.bw-wrap .header-flex-container{display:flex;justify-content:center;margin-bottom:14px}
.bw-wrap .station-title{text-align:center;color:#0d3b4a;font-weight:700}
.bw-wrap .station-main-text{font-size:1.25rem;margin:0}
.bw-wrap .station-date-text{font-size:1rem;margin:4px 0 0}
.bw-wrap .title-divider{border:0;border-top:1px solid #ddd;margin:8px 0 16px}
.bw-wrap .bw-dash-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bw-wrap .section-header{font-weight:700;font-size:1.05rem;padding-bottom:8px;margin-bottom:12px;border-bottom:2px solid #eee;text-align:center}
.bw-wrap .section-header.hydrologie{color:#0061c1;border-bottom-color:#0061c1}
.bw-wrap .section-header.conditions{color:#896f08;border-bottom-color:#896f08}
.bw-wrap .metrics-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.bw-wrap .metric-card{background:#f1f3f4;border:1px solid #dee2e6;border-radius:10px;padding:12px;flex:1 1 calc(50% - 8px);min-width:90px;text-align:center}
.bw-wrap .metric-card .label{font-size:.72rem;color:#495057;font-weight:700;text-transform:uppercase;display:block}
.bw-wrap .metric-card .value{font-size:1.05rem;font-weight:700;color:#2c3e50}
.bw-wrap .status-badge{border-radius:10px;padding:10px;flex:1 1 100%;display:flex;align-items:center;justify-content:center;font-weight:700}
.bw-wrap .status-badge.status-ok{background:#f0fff4;color:#055928;border:1px solid #c6f6d5}
.bw-wrap .status-badge.status-no{background:#fdf2f2;color:#b02a1e;border:1px solid #f5c6cb}
.bw-wrap .graph-box{height:240px;margin-top:8px}
.bw-wrap .bw-graph-wrapper{position:relative;width:100%;height:100%;background:#fafafa;border:1px solid #eee;border-radius:12px;overflow:visible}
.bw-wrap .bw-svg{width:100%;height:100%;overflow:visible}
.bw-wrap .bw-tooltip{position:absolute;background:rgba(0,0,0,.8);color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;display:none;pointer-events:none;z-index:10}
.bw-wrap .analysis-box{background:#f7fafc;border:1px solid #e2e9ee;border-radius:10px;padding:14px}
.bw-wrap .analysis-title{font-weight:700;text-align:center;margin-bottom:10px}
.bw-wrap .analysis-list{margin:0;padding-left:18px}
.bw-wrap .analysis-list li{margin:6px 0}
@media(max-width:780px){.bw-wrap .bw-dash-row{grid-template-columns:1fr}}