.migration-workspace { --mj-surface: var(--enh-surface, #f8f7fb); --mj-ink: var(--enh-ink, #172033); --mj-muted: var(--enh-muted, #5f6b7e); }
:root[data-theme="dark"] .migration-workspace { --mj-surface: var(--enh-surface, #151222); --mj-ink: var(--enh-ink, #f7f3ff); --mj-muted: var(--enh-muted, #b3b0c2); }
:root[data-theme="sober"] .migration-workspace { --mj-surface: var(--sober-surface-raised); --mj-ink: var(--sober-ink); --mj-muted: var(--sober-ink-soft); }
.migration-workspace [hidden] { display: none !important; }
.migration-workspace .migration-local-picker { flex-wrap: wrap; background: var(--mj-surface) !important; color: var(--mj-ink) !important; }
.migration-workspace .migration-local-picker > div { min-width: min(100%, 230px); }
.migration-workspace .migration-local-picker > div strong, .migration-workspace .migration-match-confirm label { color: var(--mj-ink) !important; }
.migration-workspace .migration-local-picker > div span { color: var(--mj-muted) !important; }
.migration-workspace .migration-local-picker label { color: var(--mj-ink) !important; background: var(--enh-soft, var(--mj-surface)) !important; max-width: 100%; min-width: 0; }
.migration-workspace .migration-local-picker label:focus-within { outline: 3px solid #a78bfa; outline-offset: 3px; }
.migration-workspace :is(.migration-transfer-panel > p, .migration-matching-summary span, .migration-pipeline-summary span, .migration-table td small) { color: var(--mj-muted) !important; }
:root[data-theme="dark"] .migration-workspace .migration-match-ok, :root[data-theme="sober"][data-appearance-variant="graphite"] .migration-workspace .migration-match-ok { color: #86efac; }
:root[data-theme="dark"] .migration-workspace .migration-match-error, :root[data-theme="sober"][data-appearance-variant="graphite"] .migration-workspace .migration-match-error { color: #fda4af; }
:root[data-theme="dark"] .migration-workspace .migration-match-warning, :root[data-theme="sober"][data-appearance-variant="graphite"] .migration-workspace .migration-match-warning { color: #fcd34d; }
.migration-header-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.migration-service-details { border: 1px solid rgba(148,163,184,.24); border-radius: 14px; padding: 14px 18px; }
.migration-service-details > summary, .migration-lot-panel summary, .migration-lot-options > summary { cursor: pointer; font-weight: 700; color: var(--mj-ink); }
.migration-service-details[open] > summary { margin-bottom: 16px; }
.migration-guided-layout { grid-template-columns: minmax(0, 1fr); }
.migration-workspace .migration-create-panel { grid-template-columns: minmax(0, 1fr); }
.migration-workspace .migration-create-panel form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.migration-guided-layout .migration-lot-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.migration-lot-options { flex: 0 0 auto; max-width: 100%; }
.migration-lot-options[open] .migration-disabled-actions { margin-top: 12px; }
.migration-journey { padding: 18px 20px; min-width: 0; }
.migration-journey ol { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; gap: 8px; }
.migration-journey li { min-width: 0; }
.migration-journey button { display: flex; align-items: center; gap: 8px; width: 100%; height: 100%; padding: 12px 9px; border: 1px solid rgba(148,163,184,.3); border-radius: 12px; background: var(--mj-surface); color: var(--mj-ink); font: inherit; font-weight: 700; cursor: pointer; text-align: left; overflow-wrap: break-word; }
.migration-journey button.active { border-color: #8b5cf6; background: rgba(124,58,237,.1); box-shadow: inset 0 0 0 1px #8b5cf6; }
.migration-journey button:disabled { opacity: .5; cursor: not-allowed; }
.migration-journey button.active:disabled { opacity: 1; }
.migration-step-number { display: grid; place-items: center; width: 26px; height: 26px; flex: 0 0 26px; border-radius: 50%; background: rgba(124,58,237,.12); }
.migration-journey small { display: block; color: var(--mj-muted); font-size: .7rem; line-height: 1.4; font-weight: 500; margin-top: 4px; }
.migration-step-intro { padding: 16px 20px; scroll-margin-top: 20px; }
.migration-step-intro h3 { margin: 6px 0; }
.migration-step-intro p { color: var(--mj-muted); margin: 6px 0; line-height: 1.65; }
.migration-guided-origin { grid-template-columns: minmax(0, 1fr); }
.migration-origin-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.migration-origin-choices h3 { grid-column: 1 / -1; }
.migration-origin-choices button { display: grid; gap: 7px; text-align: left; padding: 18px; border: 1px solid rgba(148,163,184,.32); border-radius: 14px; background: var(--mj-surface); color: var(--mj-ink); cursor: pointer; font: inherit; }
.migration-origin-choices button[aria-pressed="true"] { border-color: #8b5cf6; background: rgba(124,58,237,.1); box-shadow: inset 0 0 0 1px #8b5cf6; }
.migration-origin-choices button span { color: var(--mj-muted); font-size: .9rem; line-height: 1.5; }
.migration-step-navigation { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px; border-top: 1px solid rgba(148,163,184,.2); }
.migration-step-navigation > div { display: grid; gap: 8px; max-width: 550px; }
.migration-step-navigation small { color: var(--mj-muted); line-height: 1.5; }
.migration-step-navigation button, .migration-matching-summary > button { border: 1px solid rgba(124,58,237,.32); border-radius: 11px; background: rgba(124,58,237,.1); color: var(--mj-ink); min-height: 42px; padding: 10px 16px; cursor: pointer; font: inherit; font-weight: 700; }
.migration-step-navigation > div > button { background: linear-gradient(135deg, #7c3aed, #4f46e5); color: white; }
.migration-step-navigation button:disabled, .migration-origin-choices button:disabled { opacity: .5; cursor: not-allowed; }
.migration-journey button:focus-visible, .migration-origin-choices button:focus-visible, .migration-step-navigation button:focus-visible { outline: 3px solid #a78bfa; outline-offset: 3px; }
:root[data-theme="dark"] .migration-workspace .migration-alert.success { color: #86efac; }
:root[data-theme="sober"][data-appearance-variant="graphite"] .migration-workspace :is(.migration-pipeline-summary > div, .migration-matching-summary > div) { background: var(--mj-surface) !important; color: var(--mj-ink) !important; }
:root[data-theme="sober"][data-appearance-variant="graphite"] .migration-workspace :is(.migration-pipeline-summary span, .migration-matching-summary span) { color: var(--mj-muted) !important; }
:root[data-theme="sober"][data-appearance-variant="graphite"] .migration-workspace :is(.migration-alert.success, .migration-antimalware-health) { background: #203b31 !important; color: #b4f1ce !important; }
:root[data-theme="sober"][data-appearance-variant="graphite"] .migration-workspace .migration-status { background: var(--sober-surface-muted) !important; color: var(--mj-ink) !important; }
@media (max-width: 1500px) { .migration-journey ol { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  .migration-journey ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .migration-origin-choices { grid-template-columns: minmax(0, 1fr); }
  .migration-workspace .migration-create-panel form { grid-template-columns: minmax(0, 1fr); }
  .migration-step-navigation { flex-direction: column; }
  .migration-step-navigation > div, .migration-step-navigation button, .migration-header-actions { width: 100%; max-width: 100%; }
}
