/* Resources panel — the Vermont operator's briefing, rendered IN-APP (Ford 2026-07-10:
   the Resources tab now switches views like every other tab instead of opening a
   separate page). Content is injected from resources.html at runtime (one source of
   truth). Every rule is SCOPED to #panelResources so these generic tag/class styles
   never bleed into the rest of the SPA. Mirrors resources.html's own <style>. */
#panelResources{
  --rs-tint:#eff6ff; --rs-tintln:#bfdbfe;
  --rs-amber:#b45309; --rs-amberbg:#fff7ed; --rs-amberln:#fed7aa;
  --rs-live:#059669; --rs-livebg:#ecfdf5;
  color:var(--ink,#0f172a);
  font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
#panelResources *{box-sizing:border-box}
#panelResources a{color:var(--good,#2563eb);text-decoration:none}
#panelResources a:hover{text-decoration:underline}
#panelResources .wrap{max-width:920px;margin:0 auto;padding:6px 4px 40px}
#panelResources .hero{margin:6px 0 30px}
#panelResources .eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--good,#2563eb)}
#panelResources h1{font-size:32px;font-weight:820;letter-spacing:-.02em;margin:.28em 0 .12em;line-height:1.1;color:var(--ink,#0f172a)}
#panelResources .lede{color:var(--muted,#475569);font-size:16px;max-width:64ch;margin:0}
#panelResources h2{font-size:12px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:var(--faint,#94a3b8);margin:0 0 14px;display:flex;align-items:center;gap:10px}
#panelResources h2::after{content:"";flex:1;height:1px;background:var(--line,#e2e8f0)}
#panelResources section{margin:38px 0 0}
#panelResources .card{background:var(--card,#fff);border:1px solid var(--line,#e2e8f0);border-radius:14px;padding:18px 20px;margin:12px 0}
#panelResources h3{font-size:16px;font-weight:720;margin:0 0 6px;color:var(--ink,#0f172a)}
#panelResources p{color:var(--muted,#475569);margin:.4em 0}
#panelResources strong{color:var(--ink,#0f172a);font-weight:650}
#panelResources .muted{color:var(--faint,#94a3b8);font-size:13px}
/* live news */
#panelResources .newshead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#panelResources .livedot{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rs-live);background:var(--rs-livebg);border:1px solid #a7f3d0;border-radius:999px;padding:3px 9px}
#panelResources .livedot i{width:7px;height:7px;border-radius:50%;background:var(--rs-live);animation:aoResPulse 1.8s infinite}
@keyframes aoResPulse{0%,100%{opacity:1}50%{opacity:.3}}
#panelResources .feed{display:flex;flex-direction:column;gap:0;margin-top:6px}
#panelResources .item{display:grid;grid-template-columns:112px 1fr;gap:16px;padding:15px 4px;border-top:1px solid var(--line,#e2e8f0)}
#panelResources .item:first-child{border-top:0}
#panelResources .item .when{color:var(--faint,#94a3b8);font-size:12.5px;white-space:nowrap;padding-top:2px}
#panelResources .item .tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:6px;margin-top:6px;background:var(--rs-tint);color:var(--good,#2563eb);border:1px solid var(--rs-tintln)}
#panelResources .item .tag.alert{background:var(--rs-amberbg);color:var(--rs-amber);border-color:var(--rs-amberln)}
#panelResources .item h4{font-size:15px;font-weight:650;margin:0 0 3px;color:var(--ink,#0f172a);line-height:1.35}
#panelResources .item p{margin:0;font-size:13.5px}
#panelResources .item .src{font-size:12.5px;margin-top:5px}
/* rates table */
#panelResources table{border-collapse:collapse;width:100%;margin:6px 0;font-size:14px;table-layout:fixed}
#panelResources th:nth-child(1),#panelResources td:nth-child(1){width:27%}
#panelResources th:nth-child(2),#panelResources td:nth-child(2){width:22%}
#panelResources th,#panelResources td{border:1px solid var(--line,#e2e8f0);padding:9px 11px;text-align:left;vertical-align:top;overflow-wrap:break-word;word-break:normal}
#panelResources th{background:#f1f5f9;color:var(--ink,#0f172a);font-weight:650;font-size:12.5px;letter-spacing:.02em}
#panelResources td .n{font-variant-numeric:tabular-nums;font-weight:650;color:var(--ink,#0f172a)}
#panelResources .pill{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--rs-amberbg);color:var(--rs-amber);border:1px solid var(--rs-amberln)}
#panelResources .srcs{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13.5px}
#panelResources .disc{background:var(--rs-tint);border:1px solid var(--rs-tintln);border-radius:12px;padding:12px 16px;font-size:13px;color:var(--muted,#475569);margin:14px 0}
#panelResources .foot{margin-top:52px;padding-top:16px;border-top:1px solid var(--line,#e2e8f0);font-size:13px;color:var(--faint,#94a3b8)}
#panelResources .ao-res-loading,#panelResources .ao-res-error{padding:34px 4px;color:var(--faint,#94a3b8)}
@media(max-width:560px){ #panelResources .item{grid-template-columns:1fr;gap:4px} #panelResources .item .when{padding-top:0} }