.vfio-migration-lab{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);min-width:0}
.vfio-migration-lab [hidden]{display:none!important}.vfio-migration-lab p{font-size:14px;line-height:1.7;margin:10px 0}.vfio-migration-lab .mechanism-view-heading{gap:12px}.vfio-migration-lab h4{font-size:16px;margin:0;line-height:1.5}
.vfio-migration-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin:18px 0}.vfio-migration-controls label{display:grid;gap:6px;font-size:13px;min-width:0}.vfio-migration-controls select{font:inherit;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:7px;padding:9px 32px 9px 10px;background-color:var(--surface,#fff)}.vfio-migration-actions{display:flex;flex-wrap:wrap;gap:7px}
.vfio-migration-lab button{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:7px;background:var(--surface,#fff);color:var(--ink-2);padding:8px 12px;cursor:pointer}.vfio-migration-lab button:disabled{opacity:.45;cursor:default}.vfio-migration-lab button:hover:not(:disabled){color:var(--brand);border-color:var(--brand)}.vfio-migration-lab button:focus-visible,.vfio-migration-lab select:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.vfio-migration-status{padding:10px 12px;background:#edf5f2;border-radius:7px;color:#2a5a4e}.vfio-migration-lab .vfio-migration-authority{font-size:13px;font-weight:600}.vfio-migration-hosts{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.55fr) minmax(0,1fr);gap:12px;align-items:stretch;margin:16px 0}
.vfio-migration-host{min-width:0;border:1px solid var(--line);border-radius:9px;padding:14px;background:#f7f8f6;overflow-wrap:anywhere}.vfio-migration-host[data-running=true]{border-color:#80a799;background:#f0f7f3}.vfio-migration-lab .vfio-migration-cpu{font-size:12px;color:var(--muted);margin:5px 0 14px}.vfio-migration-device{display:grid;gap:6px;padding:10px;background:#e8f0ed;border-radius:7px;min-height:84px}.vfio-migration-device>span{font-size:12px}.vfio-migration-device>strong{font:600 13px ui-monospace,monospace;overflow-wrap:anywhere}.vfio-migration-device>small{font-size:11px;line-height:1.5;color:var(--muted)}
.vfio-migration-dma-arrow{text-align:center;font-size:11px;color:#607e73;padding:7px}.vfio-migration-ram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.vfio-migration-ram>div{min-width:0;padding:8px 3px;border:1px solid #b3c7bc;background:#edf5ef;text-align:center;border-radius:5px}.vfio-migration-ram>div[data-stale=true]{background:#fbf2e8;border-color:#dcc6a9}.vfio-migration-ram strong{display:block;font-size:13px}.vfio-migration-ram small{font-size:10px;line-height:1.5;display:block;margin-top:3px;color:var(--muted)}.vfio-migration-state{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.vfio-migration-state>span{font-size:11px;color:var(--muted)}.vfio-migration-lab .vfio-migration-state p{font-size:12px;margin:5px 0 0;min-height:42px}
.vfio-migration-flows{display:flex;flex-direction:column;justify-content:center;gap:20px;min-width:0}.vfio-migration-flows>div{display:grid;gap:5px;justify-items:center;text-align:center;padding:9px 5px;border:1px dashed #c3cbc5;border-radius:7px;overflow-wrap:anywhere}.vfio-migration-flows strong{font-size:11px}.vfio-migration-flow-arrow{font-size:28px;line-height:1.1;color:#72988a}.vfio-migration-flows small{font-size:10px;color:var(--muted);line-height:1.6}.vfio-migration-flows [data-active=true]{background:#e6f2ed;border-color:#679281}.vfio-migration-flows [data-active=true] .vfio-migration-flow-arrow{color:#14715c}
.vfio-migration-lab .vfio-migration-ack{font-size:12px;color:#47695b}.vfio-migration-explanation{margin-top:15px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f5f7f6;min-height:152px;overflow-wrap:anywhere}.vfio-migration-explanation>strong{display:block;font-size:14px}.vfio-migration-explanation>code{display:block;margin:8px 0;font-size:12px;white-space:normal;overflow-wrap:anywhere}.vfio-migration-lab .vfio-migration-explanation p{font-size:13px;margin-bottom:0}.vfio-migration-lab .vfio-migration-note{font-size:12px;color:var(--muted);margin-top:14px}.vfio-migration-lab [data-vfio-migration-fallback]{font-size:13px}.vfio-migration-lab.is-expanded{width:100%;box-sizing:border-box;max-width:none;margin:0 auto}
@media(max-width:700px){.vfio-migration-lab{padding:14px}.vfio-migration-hosts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vfio-migration-hosts>section:first-child{grid-column:1}.vfio-migration-hosts>section:last-child{grid-column:2;grid-row:1}.vfio-migration-flows{grid-column:1/-1;grid-row:2;flex-direction:row;gap:10px}.vfio-migration-flows>div{flex:1;min-width:0}.vfio-migration-host{padding:10px}.vfio-migration-device{padding:9px;min-height:96px}.vfio-migration-ram small{font-size:10px}.vfio-migration-explanation{min-height:0}.vfio-migration-state p{min-height:58px}.vfio-migration-controls{gap:10px}}
@media(max-width:380px){.vfio-migration-lab{padding:11px}.vfio-migration-hosts{gap:7px}.vfio-migration-host{padding:8px}.vfio-migration-device{padding:7px;min-height:103px}.vfio-migration-device>strong{font-size:11px}.vfio-migration-ram{gap:4px}.vfio-migration-ram>div{padding:7px 2px}.vfio-migration-ram small{font-size:9px}.vfio-migration-controls{display:grid;grid-template-columns:1fr}.vfio-migration-controls select{width:100%}.vfio-migration-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.vfio-migration-actions button{padding:9px 4px}}