/* Economy report page (#economy, roadmap item 57, admin/economy.js). Usable at 390 px: tables scroll inside
   their own box, the page itself never scrolls sideways. */
.economy-admin{min-width:0}
.economy-admin [hidden]{display:none!important}
.economy-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.economy-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.economy-tools select{min-width:96px}
.economy-badges{display:grid;gap:8px;margin:8px 0}
.economy-alert{margin:0;padding:10px 12px;border-radius:12px;border:1px solid}
.economy-frozen{background:#eef6ff;border-color:#8db4e2;color:#1d3f66}
.economy-mismatch{background:#fff0ee;border-color:#d9776a;color:#7a1f14}
.economy-mismatch ul{margin:6px 0;padding-left:20px}
.economy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:10px 0}
.economy-card{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:#fffaf0;border:1px solid #e4d6b8;min-width:0}
.economy-card span{color:#7a6a4d;font-size:13px}
.economy-card strong{font-size:24px;color:#3b2f1c;overflow-wrap:anywhere}
.economy-card small{color:#8a7a5c;font-size:12px}
.economy-card.economy-up strong{color:#2f7a3a}
.economy-card.economy-down strong{color:#a8402f}
.economy-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 10px}
.economy-tabs,.economy-switch{display:flex;gap:6px;flex-wrap:wrap}
.economy-tab,.economy-pill{padding:6px 14px;border:1px solid #c8a76799;border-radius:999px;background:#fffaf0;color:#4a3b25;font-weight:700}
.economy-tab.active,.economy-pill.active{background:#c8a767;color:#1f2a1f}
.economy-chart-box{width:100%;overflow:hidden;border:1px solid #e4d6b8;border-radius:14px;background:#fffdf7;padding:6px}
.economy-chart{display:block;width:100%;height:auto}
.economy-axis{stroke:#b9a57c;stroke-width:1}
.economy-hit{fill:transparent}
.economy-day:hover .economy-hit,.economy-day:focus .economy-hit{fill:#c8a76722}
.economy-day:focus{outline:none}
.economy-bar-up{fill:#5aa36a}
.economy-bar-down{fill:#d0705f}
.economy-partial{fill:url(#economy-stripes)}
.economy-stripe-bg{fill:#c9b896}
.economy-stripe{stroke:#8a7a5c;stroke-width:3}
.economy-line{fill:none;stroke:#3f5f9a;stroke-width:2}
.economy-tick{font-size:10px;fill:#8a7a5c}
.economy-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;color:#6b5b3d;margin:6px 0}
.economy-key{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:-6px}
.economy-key-up{background:#5aa36a}.economy-key-down{background:#d0705f}
.economy-key-line{height:3px;background:#3f5f9a}
.economy-key-partial{background:repeating-linear-gradient(45deg,#c9b896 0 3px,#8a7a5c 3px 5px)}
.economy-scroll{max-width:100%;overflow-x:auto}
.economy-table,.economy-sources{width:100%;border-collapse:collapse}
.economy-table th,.economy-table td,.economy-sources th,.economy-sources td{padding:6px 8px;border-bottom:1px solid #e4d6b8;text-align:left;white-space:nowrap}
.economy-admin .num{text-align:right;font-variant-numeric:tabular-nums}
.economy-admin .up{color:#2f7a3a}
.economy-admin .down{color:#a8402f}
.economy-row{cursor:pointer}
.economy-row:hover,.economy-row:focus,.economy-row.open{background:#f7ecd8}
.economy-row.partial th{font-style:italic}
.economy-partial-tag{color:#8a5a2b;font-weight:400}
.economy-detail-row>td{background:#fffdf7;white-space:normal}
.economy-detail{display:grid;gap:10px;padding:6px 0}
.economy-tops{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.economy-top h4{margin:4px 0}
.economy-top ol{margin:0;padding-left:0;list-style:none;counter-reset:economy-rank}
.economy-top li{display:flex;justify-content:space-between;gap:8px;counter-increment:economy-rank}
.economy-top li::before{content:counter(economy-rank) '.';min-width:2em;color:#8a7a5c;font-variant-numeric:tabular-nums}
.economy-top li>:first-child{flex:1}
.economy-top li>a,.economy-top li>span:first-child{overflow-wrap:anywhere}
.economy-note{margin-top:10px}
.economy-empty{padding:18px}
@media (max-width:640px){
 .economy-card strong{font-size:20px}
 .economy-bar{flex-direction:column;align-items:stretch}
}