.city-economy{border:1px solid #527d8e;border-radius:10px;padding:10px 12px;margin:8px 0 12px;background:linear-gradient(120deg,#234b59,#193746);color:#d8edf2}
.city-economy-heading,.city-economy-stock,.city-economy-caption{display:flex;align-items:center;justify-content:space-between;gap:8px}
.city-economy-heading{font-size:13px}.city-economy-heading>span{font-size:11px;color:#add1db}.city-economy-heading i{font-style:normal;color:#7de0d9;letter-spacing:1px;margin-left:5px}
.city-economy-stock{margin-top:7px}.city-economy-stock strong{font-size:21px;color:#fff}.city-economy-stock strong small{font-size:12px;color:#a9c7d3}.city-economy-stock>span,.city-economy-caption{font-size:11px;color:#c0d8e1}
.city-economy progress{display:block;width:100%;height:6px;margin:7px 0;accent-color:#70d7c8;border:0;border-radius:5px;overflow:hidden}.city-economy progress::-webkit-progress-bar{background:#102d3c}.city-economy progress::-webkit-progress-value{background:linear-gradient(90deg,#4bafa9,#8de5ca)}
.city-economy details{margin-top:10px;border-top:1px solid #456574;padding-top:8px}.city-economy summary{cursor:pointer;font-size:12px;font-weight:700}.city-economy summary>span{float:right;font-size:10px;font-weight:400;color:#a8d8de}.city-economy h4{font-size:12px;margin:12px 0 7px}.city-economy p{font-size:11px;line-height:1.5;margin:10px 0}.city-economy-source{display:block;font-size:10px;line-height:1.5;color:#9bbac7}
.city-economy-goods{display:flex;flex-wrap:wrap;gap:5px}.city-economy-goods>span{font-size:11px;border:1px solid #537481;border-radius:5px;padding:4px 6px;background:#193441}.city-economy-goods small{font-size:9px;margin-left:5px;color:#efd192}.city-economy-needs>span{border-color:#587e72;background:#1c3d3e}
@media(max-width:440px){.city-economy{padding:9px 10px}.city-economy-stock>span{font-size:10px}}
.city-demand-list{display:grid;gap:7px}.city-demand-row{border:1px solid #4f716c;border-radius:6px;padding:7px 8px;background:#18393e}.city-demand-row>div{display:flex;justify-content:space-between;gap:9px;align-items:baseline}.city-demand-row b{font-size:11px}.city-demand-row strong{color:#f5d188;font-size:11px;white-space:nowrap}.city-demand-row small{font-size:10px;color:#b9d6d5}.city-demand-row progress{height:4px;margin:6px 0 4px}.cargo-demand-price{font-size:10px;color:#d9c490;margin:0 0 6px;line-height:1.4}
.city-economy{padding:0;overflow:hidden;margin:4px 0 10px;background:#1e4251}
.city-economy .city-supply-disclosure{margin:0;border:0;padding:0}
.city-supply-disclosure>summary{display:flex;align-items:center;gap:9px;padding:12px;min-height:54px;list-style:none}
.city-supply-disclosure>summary::-webkit-details-marker{display:none}
.city-supply-disclosure>summary:before{content:'›';color:#80dcd6;font-size:20px;transition:transform .15s}
.city-supply-disclosure[open]>summary:before{transform:rotate(90deg)}
.city-supply-disclosure>summary>.city-supply-title{float:none;font-size:13px;font-weight:700;color:#edf8fa;flex:1}
.city-supply-title small{display:block;font-size:10px;font-weight:400;color:#b3cdd5;margin-top:3px}
.city-supply-disclosure>summary>.city-supply-total{float:none;font-size:11px;color:#83ded5;white-space:nowrap}
.city-supply-body{padding:0 12px 12px;border-top:1px solid #456574}
.city-supply-body>.city-economy-heading{margin-top:12px}
.city-economy h4{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #456574;padding-top:12px;margin-top:14px;font-size:12px}
.city-economy h4 small{font-size:10px;font-weight:400;color:#b7d3db;text-align:right}
.city-economy-caption{align-items:flex-start;line-height:1.5}.city-economy-caption>span:last-child{white-space:nowrap}
.city-demand-list{gap:0}.city-demand-row{border:0;border-bottom:1px solid #3a5e68;border-radius:0;padding:9px 0;background:transparent}.city-demand-row:last-child{border:0}
.city-economy .city-economy-explainer{margin-top:9px}.city-economy-explainer>summary{font-size:11px;color:#b3cdd5}