@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root,:host{--background:#ffe4e2;--primary:#8f1c0d;--primary-foreground:#fff6f5;--accent:#eade35;--foreground:#170401;--muted-foreground:#5b2b22;--border:#f0d3cd;--surface-shadow:0 26px 68px -34px #7a1c1075;--secondary:#0483fc;font-family:Poppins,sans-serif;color:var(--foreground)}
*{box-sizing:border-box}body{margin:0;background:var(--background);font-family:Poppins,sans-serif;color:var(--foreground)}a{color:var(--primary)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0483fc}button,.button{border:0;border-radius:999px;background:var(--primary);color:#fff6f5;padding:11px 21px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{filter:brightness(1.08)}.secondary{background:#fff6f5;color:var(--primary);border:1px solid var(--border)}.site-header{max-width:1600px;margin:20px auto 38px;padding:16px 32px;background:color-mix(in srgb,var(--primary) 90%,white);color:white;border-radius:36px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--surface-shadow);gap:20px}.site-header img{width:165px;display:block}.site-header nav{display:flex;gap:12px;align-items:center}.site-header nav a{color:white;text-decoration:none;font-size:14px;font-weight:600;padding:10px 15px;border-radius:999px}.site-header nav a.active{background:#ffffff26}.shell{max-width:1480px;margin:auto;padding:0 28px 50px}.site-footer{max-width:1480px;margin:12px auto 0;border-top:1px solid #e0b6ae;padding:26px 28px 34px;display:flex;justify-content:space-between;gap:20px;color:var(--muted-foreground);font-size:12px}.site-footer a{margin-left:18px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--primary)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,3.2vw,46px);line-height:1.16;letter-spacing:-.035em}h2{font-size:22px;color:var(--primary);letter-spacing:-.025em}h3{font-size:16px;color:var(--primary)}.muted{color:var(--muted-foreground)}.panel{background:#fffffff7;border:1px solid #f0d3cda6;border-radius:24px;padding:27px;box-shadow:var(--surface-shadow)}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.intro p{margin:8px 0 0}.pill{font-size:11px;font-weight:600;border-radius:99px;padding:7px 12px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:#fff6f5;color:var(--primary)}.pill::before{content:'';width:7px;height:7px;border-radius:50%;background:#2d9560}.pill.testing::before{background:#b3760a}.pill.stale::before{background:#ce3929}.pill.provisional{background:#fff3c7;color:#76541c}.pill.provisional::before{background:#a57411}.station-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:24px}.main-column{min-width:0}.live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.temperature-card{grid-row:span 2;padding:28px 25px;color:white;background:linear-gradient(145deg,#a62b18,#7b180c);border-radius:24px;box-shadow:var(--surface-shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:330px}.temperature-card .label{font-size:14px;color:#ffffffcf}.temperature-card .big{font-size:66px;line-height:1.18;font-weight:600;letter-spacing:-.065em;margin:18px 0}.temperature-card .big small{font-size:25px;font-weight:400;letter-spacing:0;margin-left:5px}.temperature-card .temperature-bottom{border-top:1px solid #ffffff30;padding-top:17px;display:flex;justify-content:space-between;font-size:12px;gap:15px}.temperature-card .temperature-bottom b{display:block;font-size:20px;margin-top:4px;color:var(--accent)}.temperature-card .pill{align-self:start}.metric-card{border-radius:22px;background:#fffffff7;border:1px solid #f0d3cda6;padding:20px;min-height:158px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;box-shadow:0 15px 34px -28px #7a1c1070}.metric-title{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;color:var(--muted-foreground)}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;color:var(--primary)}.metric-value{font-size:30px;font-weight:600;letter-spacing:-.04em;color:var(--primary);line-height:1.2}.metric-value small{font-size:13px;font-weight:400;letter-spacing:0;margin-left:5px}.metric-foot{font-size:10px;color:var(--muted-foreground);line-height:1.6}.aside-stack{display:flex;flex-direction:column;gap:20px}.aside-stack .panel{padding:24px}.aside-stack h2{font-size:18px;margin-bottom:20px}.station-map{height:114px;background:#faeeeb;border-radius:17px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;margin-bottom:19px}.station-map svg{width:130px;height:110px;opacity:.75}.station-map span{position:absolute;bottom:9px;font-size:10px;color:var(--muted-foreground)}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #f2e5e1;padding:10px 0;font-size:11px}dt{color:var(--muted-foreground)}dd{margin:0;text-align:right;font-weight:500}.notice{font-size:11px;line-height:1.9;background:#fff5d8;border:1px solid #f3dda0;border-radius:16px;padding:15px;color:#74511b}.notice p:last-child{margin:0}.notice strong{display:block;margin-bottom:5px}.live-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 25px;color:var(--muted-foreground);font-size:11px}.refresh{padding:7px 12px;font-size:11px;background:#fff6f5;color:var(--primary);border:1px solid var(--border)}.charts-panel{margin-top:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.panel-head h2{margin:0}.tabs{display:flex;gap:4px;background:#f9ece9;border-radius:999px;padding:4px}.tabs button{background:transparent;color:var(--muted-foreground);padding:8px 14px;font-size:11px}.tabs button[aria-pressed=true]{background:var(--primary);color:#fff}.metric-tabs{margin:21px 0 8px;display:flex;gap:8px;flex-wrap:wrap}.metric-tabs button{background:transparent;color:var(--muted-foreground);border:1px solid var(--border);font-size:11px;padding:8px 13px}.metric-tabs button[aria-pressed=true]{background:#fff0e5;color:var(--primary);border-color:var(--primary)}.chart{min-height:255px;width:100%;margin-top:15px}.chart svg{width:100%;height:255px;overflow:visible}.chart text{font-family:Poppins,sans-serif;font-size:11px;fill:#866257}.chart .grid{stroke:#f0e3df;stroke-width:1}.chart .line{fill:none;stroke:var(--primary);stroke-width:2.2;stroke-linejoin:round}.chart-caption{font-size:10px;line-height:1.7;color:var(--muted-foreground);margin:10px 0 0}.empty{min-height:210px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;color:var(--muted-foreground);padding:25px}.daily-panel{margin-top:24px}.table-wrap{overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);padding:12px 10px;background:#fff6f5}td{padding:14px 10px;border-bottom:1px solid #f0e3df}td:first-child{font-weight:600;color:var(--primary)}.table-note{font-size:10px;line-height:1.7;color:var(--muted-foreground);margin:15px 0 0}.small-link{font-size:11px;font-weight:600}.error-banner{background:#fff1d1;border:1px solid #f4d48c;padding:14px 18px;border-radius:14px;font-size:12px;margin-bottom:20px}.loading{opacity:.65}.admin-shell{max-width:1100px;margin:auto;padding:0 24px 50px}.admin-login{max-width:460px;margin:45px auto}.admin-login h1{font-size:28px}.field{display:block;margin:17px 0;font-size:12px;font-weight:500}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid var(--border);background:#fffaf9;border-radius:12px;padding:12px;margin-top:6px;color:var(--foreground)}.field textarea{min-height:90px}.check{display:flex;gap:10px;align-items:start;font-size:12px;line-height:1.8;margin:12px 0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-message{font-size:12px;line-height:1.8;color:var(--primary);margin-top:16px}.stat-row{display:flex;gap:20px;margin:20px 0}.stat-row>div{flex:1;background:#fff6f5;border-radius:14px;padding:16px;font-size:11px;color:var(--muted-foreground)}.stat-row b{display:block;font-size:22px;color:var(--primary);margin-bottom:5px}details{border:1px solid var(--border);padding:12px;border-radius:12px;margin:10px 0;font-size:11px}summary{cursor:pointer}pre{overflow:auto;max-height:350px;background:#fff6f5;padding:15px;border-radius:12px;font-size:11px;white-space:pre-wrap;word-break:break-word}.integration-shell{max-width:1000px;margin:auto;padding:0 24px 45px}.integration-shell p{line-height:1.9;font-size:13px}.integration-shell code{font-size:12px}.integration-shell .panel{margin-bottom:24px}[hidden]{display:none!important}
:host{display:block;container-type:inline-size;container-name:weather-station}
@container weather-station (max-width:1100px){.station-layout{grid-template-columns:minmax(0,1fr) 270px}.temperature-card{padding:22px 18px}.temperature-card .big{font-size:53px}.metric-card{padding:17px}.metric-value{font-size:25px}}
@container weather-station (max-width:850px){.station-layout{grid-template-columns:1fr}.aside-stack{display:grid;grid-template-columns:1fr 1fr}.temperature-card .big{font-size:64px}.intro{align-items:start}.intro>div:last-child{padding-top:5px}}
@container weather-station (max-width:560px){.intro{display:block;margin-bottom:20px}.intro h1{font-size:34px;margin-bottom:9px}.intro p{font-size:12px}.intro>div:last-child{margin-top:13px}.live-grid{grid-template-columns:1fr 1fr;gap:12px}.temperature-card{grid-column:span 2;grid-row:auto;min-height:240px;padding:24px}.temperature-card .big{font-size:72px;margin:8px 0 14px}.temperature-card .temperature-bottom{justify-content:start;gap:45px}.metric-card{min-height:145px;padding:17px}.metric-value{font-size:28px}.metric-title{font-size:11px}.aside-stack{grid-template-columns:1fr}.panel{padding:21px 17px;border-radius:22px}.panel-head h2{font-size:19px}.tabs button{font-size:10px;padding:7px 11px}.metric-tabs{gap:6px}.metric-tabs button{padding:8px 10px;font-size:10px}.live-meta{font-size:10px;align-items:start}.live-meta span{max-width:75%}.chart svg{height:230px}.chart{min-height:230px}}
@media(min-width:1700px){.site-header{max-width:1600px}.shell{max-width:1480px}}
@media(max-width:1100px){.station-layout{grid-template-columns:minmax(0,1fr) 270px}.temperature-card{padding:22px 18px}.temperature-card .big{font-size:53px}.metric-card{padding:17px}.metric-value{font-size:25px}.site-header{margin-left:22px;margin-right:22px}.site-header nav{gap:0}.site-header nav a{font-size:12px;padding:9px 11px}}
@media(max-width:850px){.station-layout{grid-template-columns:1fr}.aside-stack{display:grid;grid-template-columns:1fr 1fr}.site-header nav a:first-child{display:none}.temperature-card .big{font-size:64px}.admin-grid{grid-template-columns:1fr}.intro{align-items:start}.intro>div:last-child{padding-top:5px}.site-header{padding:14px 22px}.site-header img{width:145px}}
@media(max-width:560px){.shell{padding:0 16px 30px}.site-header{margin:12px 12px 27px;padding:13px 18px;border-radius:26px}.site-header img{width:130px}.site-header nav a{font-size:10px;padding:8px 10px}.site-header nav a:last-child{display:none}.intro{display:block;margin-bottom:20px}.intro h1{font-size:34px;margin-bottom:9px}.intro p{font-size:12px}.intro>div:last-child{margin-top:13px}.live-grid{grid-template-columns:1fr 1fr;gap:12px}.temperature-card{grid-column:span 2;grid-row:auto;min-height:240px;padding:24px}.temperature-card .big{font-size:72px;margin:8px 0 14px}.temperature-card .temperature-bottom{justify-content:start;gap:45px}.metric-card{min-height:145px;padding:17px}.metric-value{font-size:28px}.metric-title{font-size:11px}.aside-stack{grid-template-columns:1fr}.aside-stack .panel:first-child{order:1}.panel{padding:21px 17px;border-radius:22px}.panel-head h2{font-size:19px}.tabs button{font-size:10px;padding:7px 11px}.metric-tabs{gap:6px}.metric-tabs button{padding:8px 10px;font-size:10px}.live-meta{font-size:10px;align-items:start}.live-meta span{max-width:75%}.site-footer{display:block;font-size:10px;padding:20px}.site-footer>div+div{margin-top:13px}.site-footer a{margin:0 15px 0 0}.chart svg{height:230px}.chart{min-height:230px}.stat-row{flex-wrap:wrap}.admin-shell{padding:0 16px 35px}}

/* Les périodes longues restent accessibles sur les petits écrans. */
.tabs{flex-wrap:wrap;max-width:100%;border-radius:20px}.tabs button{white-space:nowrap;flex:1 0 auto}
[hidden]{display:none!important}
.station-bulletin{padding:20px 24px;margin:0 0 24px;border-radius:20px;background:#fff8da;border:1px solid #e2ce7d;color:#624f11;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:var(--surface-shadow)}
.station-bulletin.information{background:#fffaf0;border-color:#ead1b4;color:#713f2f}.station-bulletin.warning{background:#fff4cf;border-color:#d7b14c;color:#674b0a}.station-bulletin.incident{background:#fff0ec;border-color:#cb8575;color:#8f1c0d;font-weight:500}
.archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffaf8;border:1px solid #f0d3cd;border-radius:24px;padding:20px 24px;margin:0 0 24px}.archive-toolbar .eyebrow{margin-bottom:8px}.archive-date{display:flex;gap:12px;align-items:center;font-size:12px;font-weight:500;flex-wrap:wrap}.archive-date input{border:1px solid #dfc5bf;border-radius:12px;padding:9px 12px;color:var(--primary);background:white;min-width:150px}.archive-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.archive-actions button{font-size:11px;padding:10px 14px}.archive-actions .small-link{display:inline-block;padding:10px 0;font-size:11px}.station-layout.no-sidebar{grid-template-columns:minmax(0,1fr)}.live-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}.live-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.live-grid[data-count="1"] .temperature-card{grid-row:auto;min-height:240px}
.display-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.settings-fieldset{border:1px solid #ead4ce;border-radius:16px;padding:16px;margin:20px 0}.settings-fieldset legend{padding:0 8px;font-size:13px;font-weight:600;color:var(--primary)}.settings-fieldset .check{font-size:12px;line-height:1.7}.settings-save{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0 32px}.settings-save p{margin:0}.integration-shell details{margin-top:18px;font-size:12px;line-height:1.8}.integration-shell summary{cursor:pointer;font-weight:600;color:var(--primary)}
@media(max-width:700px){.display-settings-grid{grid-template-columns:1fr}.archive-toolbar{align-items:stretch;flex-direction:column;padding:18px}.archive-actions{gap:8px}.archive-actions button{flex:1 1 auto}.archive-date{justify-content:space-between}.site-header nav{flex-wrap:wrap}.settings-save button{width:100%}}
@container station (max-width:600px){.archive-toolbar{align-items:stretch;flex-direction:column;padding:18px}.archive-actions{gap:8px}.archive-actions button{flex:1 1 auto}}