.energy-transfer-flow{display:grid;gap:12px;min-width:0}
.energy-transfer-flow h3{font-size:1rem;margin:4px 0}
.transfer-sources,.transfer-targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.transfer-source,.transfer-target{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px;border:2px solid #c8dce6;border-radius:12px;background:white;color:#16374b}
.energy-transfer-flow button[aria-pressed=true]{border-color:#00877c;background:#e4f7f2;box-shadow:0 0 0 1px #00877c}
.energy-transfer-flow button:disabled{opacity:.45}
.energy-transfer-flow .native-choice-card{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.energy-transfer-flow .sprite{width:48px;height:48px;object-fit:contain}
.transfer-energy-label{display:flex;align-items:center;justify-content:center;gap:5px;background:#edf5fa;border-radius:8px;padding:6px;font-size:.85rem}
.transfer-preview{padding:12px;margin:0;background:#e3f2f9;border-radius:10px;font-weight:700;line-height:1.6;overflow-wrap:anywhere}
.energy-transfer-flow .is-pending{opacity:.55}
.energy-transfer-flow [hidden]{display:none!important}
@media(max-width:420px){.transfer-sources,.transfer-targets{grid-template-columns:repeat(2,minmax(0,1fr))}.transfer-source,.transfer-target{padding:8px;font-size:.85rem}}
.energy-transfer-flow .transfer-targets{grid-template-columns:1fr}
.energy-transfer-flow .transfer-target{display:grid;grid-template-columns:90px minmax(0,1fr);text-align:left;column-gap:12px}
.transfer-target>.native-choice-card{grid-row:1/3;text-align:center}
.transfer-target>.target-state{grid-column:2;padding:0}