/* Shared production, operating input and construction-cost vocabulary. */
#modal .ui-resource-row{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:5px;margin:5px 0;font-size:11px;line-height:1.3;text-align:left}
#modal .ui-resource-label{padding-top:8px;color:#a9c9d7;font-size:11px;font-weight:600;white-space:nowrap}
#modal .ui-resource-values{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
#modal .ui-resource-token{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;max-width:100%;min-height:31px;padding:4px 7px;border:1px solid #4d7a8f55;border-radius:7px;background:#0c2539;color:#c8f3ea;font-family:inherit;font-size:11px;font-weight:600;line-height:1.35;text-decoration:none;text-align:left;box-shadow:none}
#modal button.ui-resource-token{cursor:pointer}
#modal .ui-resource-token:hover,#modal .ui-resource-token:focus-visible{background:#20445b;border-color:#76c9cb;outline:1px solid #76c9cb;outline-offset:1px}
#modal .ui-resource-token.missing{color:#ffdcaa;border-color:#a8824966}
#modal .ui-resource-token>.hud-icon,#modal .ui-resource-token>svg,#modal .ui-resource-token>img{width:21px!important;height:21px!important;flex:0 0 21px;position:static!important;float:none!important;object-fit:contain;margin:0}
#modal .ui-resource-value{font-size:11px;overflow-wrap:anywhere;color:inherit}
#modal .ui-resource-available,#modal .ui-resource-before{font-size:inherit;color:#99b6c7;font-weight:500}
#modal .ui-resource-row .ui-arrow{padding:0 4px}
@media(max-width:600px){#modal .ui-resource-row{grid-template-columns:56px minmax(0,1fr)}#modal .ui-resource-token{min-height:36px}}
#modal .ui-resource-token>.fallback-icon{font-size:18px!important;line-height:1;display:grid;place-items:center;color:#bce8ee;filter:none}
#modal .transport-build-benefit:empty{display:none}
#modal .network-card .facility-flows{margin:0}
#modal .ui-resource-row{margin:3px 0}