.migration-view { display: grid; gap: 14px; }
.migration-intro, .migration-setup, .migration-next, .migration-credentials { padding: 18px; }
.migration-preflight { padding: 16px 18px; border-left: 3px solid #8b82f6; }
.migration-preflight h2 { margin: 4px 0 6px; font-size: 16px; }
.migration-preflight p { margin: 0; color: #738090; font-size: 11px; line-height: 1.55; }
.migration-preflight-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.migration-preflight-item { border: 1px solid #e7ebf0; border-radius: 6px; padding: 9px 11px; color: #596572; font-size: 11px; }
.migration-preflight-item strong { display: block; margin-bottom: 3px; color: #293445; font-size: 12px; }
.migration-preflight-item.blocked { border-color: #f1c9c7; background: #fff8f7; color: #a33d38; }
.migration-preflight-item.ready { border-color: #cce8dc; background: #f7fcf9; color: #317450; }
.migration-intro .panel-head, .migration-setup .panel-head { margin-bottom: 14px; }
.migration-intro h2, .migration-next h2 { margin: 4px 0 6px; font-size: 18px; }
.migration-intro p, .migration-next p, .migration-setup p { margin: 0; color: #738090; font-size: 11px; line-height: 1.55; }
.migration-flow-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.migration-flow-steps > div { display: flex; align-items: center; gap: 9px; padding: 10px; border: 1px solid #e5e9ee; border-radius: 5px; background: #fff; }
.migration-flow-steps span { width: 23px; height: 23px; border-radius: 50%; display: grid; place-items: center; background: #edf2fb; color: #385fba; font-size: 10px; font-weight: 700; }
.migration-flow-steps strong { color: #43505e; font-size: 10px; }
.migration-setup-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.migration-setup-grid label { display: grid; gap: 6px; color: #586473; font-size: 10px; font-weight: 700; }
.migration-setup-grid select { width: 100%; min-height: 34px; padding: 6px 9px; border: 1px solid #dce1e7; border-radius: 4px; background: #fff; color: #2d3540; }
.migration-destination-picker { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px 8px; align-items: end; }
.migration-destination-picker label { grid-column: 1 / -1; }
.migration-destination-picker select { min-width: 0; }
.migration-destination-picker .button { min-height: 34px; white-space: nowrap; }
.migration-note { margin-top: 10px !important; }
.migration-backup { padding: 16px 18px; }
.migration-backup .panel-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 8px; }
.migration-backup .panel-head h2 { margin: 4px 0 5px; font-size: 15px; }
.migration-backup .panel-head p { margin: 0; color: #738090; font-size: 10px; line-height: 1.5; }
.migration-backup-note { margin-top: 10px; padding: 9px 10px; border-left: 3px solid #d5a745; background: #fff9e9; color: #766438; font-size: 10px; line-height: 1.5; }
.migration-universal { padding: 16px 18px; }
.migration-universal .panel-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 8px; }
.migration-universal .panel-head h2 { margin: 4px 0 5px; font-size: 15px; }
.migration-universal .panel-head p { margin: 0; color: #738090; font-size: 10px; line-height: 1.5; }
.migration-live-sources { padding: 16px 18px; }
.migration-live-sources .panel-head { margin-bottom: 12px; }
.migration-live-sources .panel-head h2 { margin: 4px 0 5px; font-size: 15px; }
.migration-live-sources .panel-head p { margin: 0; color: #738090; font-size: 10px; line-height: 1.5; }
.migration-live-source-controls { display: grid; grid-template-columns: minmax(220px,1fr) minmax(220px,1fr); align-items: end; gap: 12px; }
.migration-live-source-controls label { display: grid; gap: 6px; color: #586473; font-size: 10px; font-weight: 700; }
.migration-live-source-controls select { width: 100%; min-height: 100px; padding: 6px 9px; border: 1px solid #dce1e7; border-radius: 4px; background: #fff; color: #2d3540; }
.migration-live-source-controls .form-note { margin: 7px 0 0; color: #7d8894; font-size: 10px; line-height: 1.45; }
.migration-3cx-mappings { display: grid; gap: 8px; margin-top: 12px; }
.migration-3cx-map-row { display: grid; grid-template-columns: minmax(180px,1fr) minmax(180px,1fr); align-items: center; gap: 10px; padding: 9px 10px; border: 1px solid #e7ebf0; border-radius: 5px; color: #596572; font-size: 10px; }
.migration-3cx-map-row label { display: grid; gap: 5px; font-weight: 700; }
.migration-3cx-map-row select { width: 100%; min-height: 32px; border: 1px solid #dce1e7; border-radius: 4px; background: #fff; padding: 5px 8px; }
.migration-assets-grid { display: grid; gap: 12px; }
.migration-asset { padding: 14px; display: grid; grid-template-columns: 34px minmax(160px,1fr) auto; align-items: start; gap: 10px 12px; }
.migration-asset-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 6px; color: #46658e; background: #edf2f8; font-size: 17px; }
.migration-asset-icon.queue { color: #22898a; background: #e9f5f4; }
.migration-asset-icon.ring { color: #708f58; background: #eef4e9; }
.migration-asset-copy h2 { margin: 3px 0 4px; font-size: 14px; }
.migration-asset-copy p { margin: 0; color: #77828e; font-size: 10px; line-height: 1.45; }
.migration-asset-actions { display: flex; gap: 7px; }
.migration-asset-preview, .migration-asset-footer { grid-column: 1 / -1; }
.migration-asset-preview { min-width: 0; overflow-x: auto; }
.migration-asset-preview > p { margin: 1px 0; color: #919aa5; font-size: 10px; }
.migration-asset-preview table { width: 100%; border-collapse: collapse; font-size: 10px; }
.migration-asset-preview th { padding: 7px 8px; color: #83909e; background: #f7f8fa; font: 9px var(--mono); text-align: left; white-space: nowrap; }
.migration-asset-preview td { padding: 7px 8px; border-top: 1px solid #eceff2; color: #596472; vertical-align: top; }
.migration-issue { color: #af4747 !important; }
.migration-done { color: #2c825d !important; }
.migration-asset-footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; border-top: 1px solid #eceff2; padding-top: 10px; color: #76818d; font-size: 10px; }
.migration-next { display: grid; grid-template-columns: minmax(220px,1fr) minmax(250px,1fr); gap: 18px; align-items: start; }
.migration-checklist { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.migration-checklist label { display: flex; align-items: flex-start; gap: 7px; color: #65717d; font-size: 10px; line-height: 1.4; }
.migration-checklist input { margin: 1px 0 0; accent-color: #385fba; }
.migration-credentials .panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.migration-credentials .panel-head h2 { margin: 4px 0; font-size: 14px; }
.migration-credentials #migration-credentials-count { margin: 0; color: #77828e; font-size: 10px; }
@media(max-width:760px) { .migration-flow-steps, .migration-setup-grid, .migration-preflight-grid { grid-template-columns: 1fr; } .migration-destination-picker { grid-template-columns: minmax(0,1fr) auto; } .migration-backup .panel-head, .migration-universal .panel-head, .migration-live-sources .panel-head { flex-direction: column; } .migration-live-source-controls, .migration-3cx-map-row { grid-template-columns: 1fr; } .migration-asset { grid-template-columns: 34px minmax(0,1fr); } .migration-asset-actions { grid-column: 1 / -1; } .migration-next { grid-template-columns: 1fr; } .migration-checklist { grid-template-columns: 1fr; } }