/* Figma export look — Weather Station Interface */
body.figma-dash{
  --bg:#020617;--card:#0f172a;--line:rgba(148,163,184,.18);
  --text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--side:#0b1220;
  background:radial-gradient(1200px 500px at 80% -10%,#1e293b 0%,transparent 55%),var(--bg);
  color:var(--text);font-family:"DM Sans","Cairo",system-ui,sans-serif;
}
html[data-theme="light"] body.figma-dash{
  --bg:#f7f5f2;--card:#ffffff;--line:rgba(15,23,42,.08);
  --text:#0f172a;--muted:#64748b;--accent:#0284c7;--side:#ffffff;
  background:radial-gradient(900px 420px at 90% -10%,#e0f2fe 0%,transparent 50%),var(--bg);
  color:var(--text);
}
html[data-theme="light"] body.figma-dash .brand-title,
html[data-theme="light"] body.figma-dash .live-temp #temp,
html[data-theme="light"] body.figma-dash .mini b,
html[data-theme="light"] body.figma-dash .gval{color:#0f172a}
html[data-theme="light"] body.figma-dash .lang-btn,
html[data-theme="light"] body.figma-dash .theme-btn,
html[data-theme="light"] body.figma-dash .toolrow select,
html[data-theme="light"] body.figma-dash .toolrow input,
html[data-theme="light"] body.figma-dash .toolrow a,
html[data-theme="light"] body.figma-dash .toolrow button,
html[data-theme="light"] body.figma-dash .mini,
html[data-theme="light"] body.figma-dash .conf{background:#f8fafc;color:#0f172a}
html[data-theme="light"] body.figma-dash .tabs button.on{background:#0f172a;color:#fff}
body.figma-dash .app-shell{background:transparent;min-height:100vh}
body.figma-dash{overflow-x:clip}
body.figma-dash .container{max-width:none;margin:0;padding:0 0 40px;width:100%;box-sizing:border-box}
body.figma-dash .shell{display:block}
body.figma-dash .side{
  position:fixed;inset-inline-start:0;top:0;bottom:0;width:248px;height:100vh;z-index:30;
  margin:0;border-radius:0;border-top:0;border-bottom:0;border-left:0;
  background:var(--side);overflow:auto;padding:18px 14px
}
body.figma-dash .maincol{margin-inline-start:248px;margin-left:0;margin-right:0;padding:16px 8px 24px 18px;min-width:0}
body.figma-dash .topbar{margin-inline-start:248px;margin-left:0;width:calc(100% - 248px);box-sizing:border-box;padding:14px 18px 8px;overflow:visible}
body.figma-dash .top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.figma-dash .head-date{background:#fff;color:#0f172a;border:1px solid var(--line);border-radius:999px;padding:6px 10px}
body.figma-dash .side-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
body.figma-dash .side-logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e0f7ff;color:#0284c7;font-size:1.2rem}
body.figma-dash .side a{gap:8px;margin:6px 0;background:#f8fafc;border:1px solid rgba(15,23,42,.06);box-shadow:0 1px 0 rgba(255,255,255,.8)}
body.figma-dash .side a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.figma-dash .side a.on{background:#dff6ff;color:#0f172a;border-color:#bae6fd}
html[data-theme="dark"] body.figma-dash .side a{background:#111827}
html[data-theme="dark"] body.figma-dash .side a.on{background:#0e7490;color:#fff}
body.figma-dash .fb-card{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:22px!important;padding:16px 18px}
body.figma-dash .fb-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
body.figma-dash .bulletin-more{border:0;background:#e0f2fe;color:#0369a1;border-radius:999px;padding:7px 12px;font:700 .82rem Cairo,sans-serif;cursor:pointer}
body.figma-dash .gov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;margin-top:12px}
body.figma-dash .gov-card{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px;text-align:center}
body.figma-dash .gov-ico{font-size:1.5rem;line-height:1}
body.figma-dash .gov-card b{display:block;margin:6px 0 4px;font-size:.92rem}
body.figma-dash .gov-temps{display:flex;justify-content:center;gap:10px;font-weight:800}
body.figma-dash .gov-temps span:first-child{color:#0284c7}
body.figma-dash .gov-temps span:last-child{color:#e11d48}
body.figma-dash .gov-card small{display:block;color:var(--muted);margin-top:4px}
html[data-theme="dark"] body.figma-dash .gov-card{background:#0b1220}
body.figma-dash .fb-article{text-align:start;padding:4px 2px 8px}
body.figma-dash .clim-title{font-size:1.15rem;line-height:1.6;margin:0 0 12px;color:#0f172a}
body.figma-dash .clim-body{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px 16px;line-height:1.9;font-size:.98rem}
body.figma-dash .clim-body p{margin:0 0 10px}
body.figma-dash .clim-photos{display:grid;grid-template-columns:1fr;gap:12px;max-width:none;margin:14px 0 0}
body.figma-dash .clim-fig{margin:0;text-align:center}
body.figma-dash .clim-shot{height:auto;min-height:180px;width:100%;border-radius:16px;overflow:hidden;background:#fff}
body.figma-dash .clim-shot img{width:100%;max-height:420px;object-fit:contain}
body.figma-dash .clim-cap{display:inline-block;margin-top:8px;color:#0284c7;font-weight:700;text-decoration:none}
html[data-theme="dark"] body.figma-dash .clim-title{color:#e2e8f0}
html[data-theme="dark"] body.figma-dash .clim-body{background:#0b1220}
body.figma-dash .station-alerts-panel,
body.figma-dash .wis2-panel,
body.figma-dash .alert-banner,
body.figma-dash .fb-card,
body.figma-dash .forecast-card{
  position:static;float:none;width:100%;max-width:100%;margin:0 0 14px;clear:both;box-sizing:border-box
}
html[data-theme="light"] body.figma-dash .wis2-panel,
html[data-theme="light"] body.figma-dash .station-alerts-panel{
  background:#fff;color:#0f172a
}
body.figma-dash .topbar{position:static;display:flex;justify-content:space-between;align-items:center;gap:12px;width:calc(100% - 248px);box-sizing:border-box;padding:14px 18px 8px;background:transparent;border:0;z-index:1;overflow:visible}
body.figma-dash .brand-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700}
body.figma-dash .brand-title{font-size:1.35rem;font-weight:800;color:#fff}
body.figma-dash .loc-line{color:var(--muted);font-size:.86rem;margin-top:2px}
body.figma-dash .topbar-center{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;margin-bottom:6px;overflow:visible}
body.figma-dash .topbar-center .brand-title{text-align:center;grid-column:2;color:#0f172a}
body.figma-dash .topbar-center .page-tools{position:static;grid-column:3;justify-self:end;margin:0;z-index:5}
body.figma-dash .topbar-center .menu-btn{position:static;grid-column:1;justify-self:start}
body.figma-dash .sensor-tools{display:flex;align-items:center;justify-content:space-between;gap:28px}
body.figma-dash .sensor-tools #stationSelect{min-width:120px;max-width:160px;flex:0 1 160px;font-size:.88rem}
body.figma-dash .conn-line{margin-inline-start:auto}
body.figma-dash .alerts-row{display:flex;align-items:center;gap:8px}
body.figma-dash .alerts-row .alerts-card{flex:1;min-width:0}
body.figma-dash .page-tools{display:flex;justify-content:flex-start;gap:8px;margin-bottom:8px;direction:ltr}
body.figma-dash .alerts-card{padding:0;overflow:hidden;margin:0 0 6px}
body.figma-dash .sensor-tools{margin-top:0}
body.figma-dash .alerts-head{width:100%;display:flex;align-items:center;gap:6px;background:transparent;border:0;color:inherit;font:inherit;font-weight:800;padding:6px 8px;cursor:pointer}
body.figma-dash .alerts-strip{flex:1;min-width:0;overflow:hidden;text-align:start;font-weight:600;max-height:34px}
body.figma-dash .alerts-strip .wis2-marquee{margin:0;padding:0;border:0;background:transparent;border-radius:8px}
body.figma-dash .alerts-strip .wis2-tick{font-size:.68rem;padding:1px 6px;gap:4px;line-height:1.2;max-width:70vw}
body.figma-dash .alerts-strip .wis2-summary{display:none}
body.figma-dash .alerts-strip .wis2-marquee{padding:2px 0;border-radius:10px}
body.figma-dash .alerts-strip .wis2-tick{font-size:.72rem;padding:3px 8px;gap:4px;max-width:70vw}
body.figma-dash .alerts-strip .wis2-tick-time{font-size:.64rem}
body.figma-dash .wis2-pick{margin:8px 12px 12px;padding:10px 12px;border-radius:12px;background:#fff7ed;color:#9a3412;font-size:.86rem;line-height:1.5}
body.figma-dash .lang-btn,body.figma-dash .theme-btn{
  border:1px solid #e2e8f0;background:#fff;color:#0f172a;border-radius:999px;
  min-width:42px;height:42px;padding:0 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center
}
body.figma-dash .head-date{background:#fff;color:#0f172a;border:1px solid #e2e8f0;border-radius:999px;height:42px;padding:0 12px}
body.figma-dash .rec-pill{
  display:flex;align-items:center;gap:8px;border:1px solid #bbf7d0;color:#047857;
  background:#ecfdf5;border-radius:999px;height:42px;padding:0 14px;font-size:.85rem;white-space:nowrap
}
body.figma-dash .rec-pill .dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.18)}
body.figma-dash #status:not(.online){border-color:#fecaca;color:#b91c1c;background:#fef2f2}
body.figma-dash #status:not(.online) .dot{background:#f87171;box-shadow:0 0 0 4px rgba(248,113,113,.18)}
body.figma-dash .toolrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px}
body.figma-dash .toolrow select,body.figma-dash .toolrow input,body.figma-dash .toolrow a,body.figma-dash .toolrow button{
  background:#0b1220;color:#e2e8f0;border:1px solid var(--line);border-radius:10px;padding:7px 10px;font:600 .8rem Cairo,sans-serif
}
body.figma-dash .hero{
  display:grid;grid-template-columns:1.4fr .9fr;gap:14px;margin-bottom:14px
}
body.figma-dash .panel{
  background:var(--card);
  border:1px solid var(--line);border-radius:22px;padding:14px 16px 12px;box-shadow:0 8px 18px rgba(15,23,42,.05)
}
body.figma-dash .shell{display:block;width:100%}
body.figma-dash .maincol{width:calc(100vw - 248px);max-width:calc(100vw - 248px);box-sizing:border-box;overflow-x:clip}
body.figma-dash .topbar{width:calc(100vw - 248px);max-width:calc(100vw - 248px);box-sizing:border-box}
body.figma-dash .hero,body.figma-dash .gauges,body.figma-dash .split,body.figma-dash .panel,body.figma-dash .gauge{min-width:0;max-width:100%}
body.figma-dash .gauges{grid-template-columns:repeat(4,minmax(0,1fr))}
body.figma-dash .gauge{overflow:hidden}
body.figma-dash .gauge svg.m-ico{width:72px;height:72px}
body.figma-dash .gauge .gval,body.figma-dash .gauge .delta,body.figma-dash .gauge .glabel,body.figma-dash .cond,body.figma-dash .subline,body.figma-dash h3{overflow-wrap:anywhere;max-width:100%}
body.figma-dash .live-temp{flex-wrap:wrap;max-width:100%}
body.figma-dash .live-temp #temp{font-size:clamp(2rem,4vw,3.2rem);max-width:100%}
body.figma-dash .side{position:fixed;inset-inline-start:0;inset-inline-end:auto;top:0;bottom:0;width:248px;height:100vh;z-index:30;margin:0;border-radius:0;background:var(--side);overflow:auto;padding:18px 14px}
body.figma-dash .maincol{margin-inline-start:248px;margin-inline-end:0;margin-left:0;margin-right:0}
body.figma-dash .topbar{margin-inline-start:248px;margin-left:0;width:calc(100% - 248px)}
body.figma-dash .side-brand{font-size:.72rem;letter-spacing:.14em;color:var(--accent);font-weight:800}
body.figma-dash .side-os{font-weight:800;margin-bottom:8px}
body.figma-dash .side-h{font-size:.68rem;letter-spacing:.12em;color:var(--muted);margin:12px 8px 4px}
body.figma-dash .side a{
  display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--text);
  border-radius:10px;padding:8px 10px;font:700 .88rem Cairo,sans-serif
}
body.figma-dash .side a.on,body.figma-dash .side a:hover{background:rgba(56,189,248,.14)}
body.figma-dash .badge{background:#e11d48;color:#fff;border-radius:999px;font-size:.68rem;padding:1px 6px}
body.figma-dash .side-foot{margin-top:14px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}
body.figma-dash .side-foot b{color:#34d399;display:block}
body.figma-dash .menu-btn{display:none}
body.figma-dash .maincol{flex:1;min-width:0}
@media(max-width:900px){
  body.figma-dash .menu-btn{display:inline-flex}
  body.figma-dash .side{inset-inline-start:0;display:none}
  body.figma-dash .side.open{display:block}
  body.figma-dash .maincol,body.figma-dash .topbar{margin-inline-start:0;margin-left:0;width:100%}
}
body.figma-dash .eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
body.figma-dash .hero{display:grid;grid-template-columns:1.25fr .9fr;gap:14px;align-items:stretch;margin-bottom:14px}
body.figma-dash .hero .gauges{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
body.figma-dash .hero .gauge{text-align:start;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;min-height:132px}
body.figma-dash .g-top{display:flex;justify-content:space-between;align-items:center}
body.figma-dash .g-ico{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:1.1rem}
body.figma-dash .g-ico.hum{background:#e0f2fe}
body.figma-dash .g-ico.wind{background:#ede9fe}
body.figma-dash .g-ico.pres{background:#fef3c7}
body.figma-dash .g-ico.rain{background:#e0f2fe}
body.figma-dash .hero .glabel{color:#64748b;margin-top:14px}
body.figma-dash .hero .gval{font-size:1.45rem;font-weight:800;color:#0f172a}
body.figma-dash .live-card{
  display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr auto;gap:8px 18px;align-items:center;
  background:linear-gradient(180deg,#f8fcff 0%,#eef8ff 100%);
  border:1px solid #e2f0fb;border-radius:22px;padding:22px 24px
}
body.figma-dash .live-card .mini-grid{grid-column:2;grid-row:1 / span 2;align-self:center}
body.figma-dash .live-main{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;text-align:center}
body.figma-dash #tempMeta{grid-column:1;grid-row:2;align-self:end;margin:0;text-align:center}
body.figma-dash #skyText{display:none}
body.figma-dash .sun{font-size:1rem}
body.figma-dash .live-temp{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:0}
body.figma-dash .deg-badge{
  width:34px;height:34px;border-radius:50%;background:#e0f2fe;color:#0284c7;
  display:grid;place-items:center;font-weight:800;font-size:.78rem
}
body.figma-dash .live-temp #temp{font-size:4.2rem;font-weight:750;letter-spacing:-.04em;line-height:.9;color:#0f172a}
body.figma-dash .live-card .cond{font-size:1.35rem;font-weight:800;margin-top:6px;color:#0f172a}
body.figma-dash .live-card .subline{color:#64748b;margin-top:6px}
body.figma-dash .live-card .mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}
body.figma-dash .live-card .mini{background:transparent;border:0;box-shadow:none;padding:0;display:block;text-align:center}
body.figma-dash .live-card .mini span{color:#64748b;font-size:.82rem}
body.figma-dash .live-card .mini b{display:block;margin-top:2px;font-size:1.15rem;color:#0f172a}
html[data-theme="dark"] body.figma-dash .live-card{background:#0f172a;border-color:rgba(148,163,184,.18)}
html[data-theme="dark"] body.figma-dash .live-temp #temp,
html[data-theme="dark"] body.figma-dash .live-card .cond,
html[data-theme="dark"] body.figma-dash .live-card .mini b{color:#e2e8f0}
body.figma-dash .live-temp #temp{font-size:4.2rem;font-weight:750;letter-spacing:-.04em;line-height:.9;color:#0f172a}
body.figma-dash .unit-big{font-size:1.15rem;color:var(--muted);margin-top:8px}
body.figma-dash .cond{font-size:1.15rem;font-weight:700}
body.figma-dash .subline{color:var(--muted);margin-top:6px;font-size:.92rem}
body.figma-dash .mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.figma-dash .hero-ico{width:42px;height:42px;flex:0 0 auto;margin-top:6px}
body.figma-dash .mini{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;background:#f8fafc;color:#0f172a;border:1px solid var(--line);border-radius:16px;padding:12px}
body.figma-dash .mini svg{grid-row:1 / span 2;width:36px;height:36px}
body.figma-dash .mini span{font-size:.82rem}
body.figma-dash .mini b{font-size:1.35rem;color:#0f172a;margin:0}
html[data-theme="dark"] body.figma-dash .mini{background:#0b1220;color:#e2e8f0}
html[data-theme="dark"] body.figma-dash .mini b{color:#fff}
body.figma-dash .gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
body.figma-dash .gauge{text-align:center;padding:14px 8px 12px}
body.figma-dash .gauge svg{width:128px;height:128px}
body.figma-dash .gauge .glabel{color:var(--muted);font-size:.8rem;margin-top:4px}
body.figma-dash .gauge .gval{font-size:1.05rem;font-weight:750;color:#fff}
body.figma-dash .delta{font-size:.75rem;color:var(--accent)}
body.figma-dash .hist-wide{grid-template-columns:1fr}
body.figma-dash .hist-wide .chart-wrap{height:256px}
body.figma-dash .tabs{display:flex;gap:6px;margin:8px 0 10px}
body.figma-dash .tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:5px 10px;cursor:pointer}
body.figma-dash .tabs button.on{background:#fff;color:#020617;border-color:#fff}
body.figma-dash .chart-wrap{height:240px}
body.figma-dash .aqi-card .aqi-score{font-size:1.6rem;font-weight:800;color:#0f172a;margin-top:8px}
body.figma-dash .aqi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
body.figma-dash .aqi-row div{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;min-width:0}
body.figma-dash .aqi-row b{display:block;margin-top:4px;color:#0f172a;font-size:.95rem;overflow-wrap:anywhere}
html[data-theme="dark"] body.figma-dash .aqi-row div{background:#0b1220}
html[data-theme="dark"] body.figma-dash .aqi-row b,html[data-theme="dark"] body.figma-dash .aqi-card .aqi-score{color:#e2e8f0}
body.figma-dash .hours{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
body.figma-dash .fb-head{text-align:center;width:100%}
body.figma-dash .fb-top{justify-content:center}
body.figma-dash .insight-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
body.figma-dash .insight-head h3{margin:0}
body.figma-dash .insight-ico{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#ede9fe;color:#7c3aed;font-weight:800}
body.figma-dash .insight-box{margin-top:12px;background:#f5f3ff;border-radius:16px;padding:14px 16px;color:#334155;line-height:1.7}
body.figma-dash .insight-conf{display:flex;justify-content:space-between;margin-top:12px;color:#64748b;font-size:.85rem}
body.figma-dash .insight-conf span:first-child{color:#7c3aed;font-weight:800}
body.figma-dash .insight-bar{height:6px;border-radius:999px;background:#e2e8f0;overflow:hidden}
body.figma-dash .insight-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#a78bfa,#22d3ee)}
html[data-theme="dark"] body.figma-dash .insight-box{background:#1e1b4b;color:#e2e8f0}
body.figma-dash .conf{min-width:92px;text-align:center;background:#0b1220;border-radius:16px;padding:10px}
body.figma-dash .site-footer,body.figma-dash .footer-quick a,body.figma-dash .footer-email{color:var(--muted)}
body.figma-dash .wis2-panel,body.figma-dash .station-alerts-panel,body.figma-dash .forecast-card,body.figma-dash .fb-card{
  background:#0f172a;border:1px solid var(--line);border-radius:18px;color:var(--text);margin-bottom:14px
}
body.figma-dash .hidden-hooks{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:900px){
  body.figma-dash .hero,body.figma-dash .split,body.figma-dash .insight{grid-template-columns:1fr}
  body.figma-dash .gauges{grid-template-columns:1fr 1fr}
  body.figma-dash .hours{grid-template-columns:repeat(3,1fr)}
  body.figma-dash .live-temp #temp{font-size:2.6rem}
}
@media(max-width:560px){
  body.figma-dash .mini-grid,body.figma-dash .gauges,body.figma-dash .aqi-row{grid-template-columns:1fr 1fr}
}

/* الحاوية هي التي تبتعد عن الشريط، بلا هوامش متعارضة */
body.figma-dash{overflow-x:hidden}
body.figma-dash .container{
  width:auto;max-width:none;margin:0;padding:12px 16px 40px;
  padding-inline-start:264px;box-sizing:border-box
}
body.figma-dash .topbar,body.figma-dash .maincol{
  width:auto;max-width:100%;margin:0;overflow:visible;box-sizing:border-box
}
body.figma-dash .topbar{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;
  position:static;background:transparent;border:0;box-shadow:none;padding:4px 0 12px
}
body.figma-dash .gauge{overflow:visible}
body.figma-dash .gauge .gval{font-size:.95rem;line-height:1.3}
@media(max-width:900px){
  body.figma-dash .container{padding-inline-start:16px}
}

body.figma-dash .forecast-card{
  background:var(--card)!important;color:var(--text)!important;
  border:1px solid var(--line)!important;border-radius:22px!important;padding:18px!important
}
body.figma-dash .city-search{max-width:none;margin:0 0 14px}
body.figma-dash #cityInput{background:#f8fafc;border-radius:14px;border:1px solid var(--line)}
body.figma-dash .f-models{flex-direction:row;flex-wrap:wrap;align-items:center}
body.figma-dash .f-model-btn{background:#fff;border-radius:999px;padding:6px 12px}
body.figma-dash .f-model-btn.is-on{background:#0f172a;color:#fff;border-color:#0f172a}
body.figma-dash .fnow{background:#f8fafc;border-radius:18px;border:1px solid var(--line);overflow:hidden}
body.figma-dash .fnow-row{gap:10px;padding:2px 2px 8px;scroll-padding-inline:8px}
body.figma-dash .fnow-slot{min-width:104px;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04)}
body.figma-dash .fnow-slot.is-now{background:#e0f2fe;border-color:#7dd3fc}
body.figma-dash .hours.fgrid,body.figma-dash .fgrid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px
}
body.figma-dash .fday{
  background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 8px;min-width:0
}
body.figma-dash .fday.today{background:#e0f2fe;border-color:#7dd3fc}
html[data-theme="dark"] body.figma-dash .fday,
html[data-theme="dark"] body.figma-dash .fnow-slot,
html[data-theme="dark"] body.figma-dash #cityInput,
html[data-theme="dark"] body.figma-dash .f-model-btn{background:#0b1220;color:#e2e8f0}
html[data-theme="dark"] body.figma-dash .fday.today,
html[data-theme="dark"] body.figma-dash .fnow-slot.is-now{background:#0e7490;color:#fff}
@media(max-width:900px){
  body.figma-dash .hours.fgrid,body.figma-dash .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  body.figma-dash .hero,body.figma-dash .live-card,body.figma-dash .split{grid-template-columns:1fr}
  body.figma-dash .live-card{gap:12px;padding:14px}
  body.figma-dash .live-main,body.figma-dash #tempMeta,body.figma-dash .live-card .mini-grid{grid-column:1;grid-row:auto}
  body.figma-dash .live-temp #temp{font-size:3rem}
  body.figma-dash .live-card .mini-grid{grid-template-columns:1fr 1fr;gap:10px}
  body.figma-dash .live-card .mini{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 8px;text-align:center}
  body.figma-dash .live-card .mini b{white-space:normal;font-size:.95rem}
  body.figma-dash .topbar-center{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px}
  body.figma-dash .topbar-center .menu-btn{order:1;width:36px;height:36px;min-width:36px;padding:0;font-size:1.2rem}
  body.figma-dash .topbar-center .page-tools{order:2;margin:0;align-self:flex-start}
  body.figma-dash .topbar-center .brand-title{order:3;flex:1 1 100%;text-align:center;font-size:1.15rem}
  body.figma-dash .alerts-card{margin:0}
  body.figma-dash .sensor-tools{margin-top:2px}
  body.figma-dash .alerts-head{padding:5px 6px}
  body.figma-dash .alerts-strip{max-height:32px}
  body.figma-dash .alerts-strip .wis2-marquee{padding:0;border:0;background:transparent}
  body.figma-dash .alerts-strip .wis2-tick{font-size:.68rem;padding:2px 7px;line-height:1.2}
  body.figma-dash .sensor-tools{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}
  body.figma-dash .sensor-tools #stationSelect{max-width:42%;width:42%;height:40px;min-height:40px;max-height:40px;flex:0 1 42%}
  body.figma-dash .sensor-tools #status{flex:0 1 auto;height:36px;padding:0 10px;font-size:.75rem}
  body.figma-dash .conn-line{flex:1 1 100%;font-size:.72rem;white-space:nowrap;text-align:center;margin:0}
  body.figma-dash .live-main{width:100%;align-items:center;justify-content:center;text-align:center}
  body.figma-dash .live-temp{width:100%;justify-content:center;margin-inline:auto}
  body.figma-dash .hero .gauges{grid-template-columns:1fr 1fr}
  body.figma-dash .hero .gauge{min-height:110px}
  body.figma-dash .hero .gval{font-size:1.1rem;color:#0f172a}
}