.cargo-mission {display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin:4px 0 12px}
.cargo-mission strong {font-size:18px}
.cargo-mission>span {font-size:12px;color:#466077}
.cargo-needs {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px}
.cargo-need {display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:10px;background:#f1f4f8;color:#536477;font-size:12px}
.cargo-need b {font-size:20px}
.cargo-need[data-state="needed"] {background:#fff1d9;color:#7c4700;box-shadow:inset 0 0 0 1px #eac890}
.cargo-need[data-state="ready"] {background:#e2f4e9;color:#236641}
dialog[data-panel="facility"] .station-action[data-needed="true"] {background:#fff9ed;border-color:#eac890}
dialog[data-panel="facility"] .station-action[data-needed="true"] [data-value^="take:"] {background:#293370;color:white}
@media(max-width:460px) {
 .cargo-mission {align-items:flex-start;flex-direction:column;gap:2px}
 .cargo-needs {grid-template-columns:repeat(2,minmax(0,1fr))}
 .station-action[data-operation] {flex-wrap:wrap;gap:8px}
 .station-action[data-operation] .row-copy {flex:1 1 100%}
 .station-action[data-operation] .station-controls {width:100%;grid-template-columns:1fr 64px 1fr}
 .station-action[data-operation] .button,.station-action[data-operation] .transfer-quantity {min-height:44px}
}