#yusuf-migration2 { color: #193b53; }
#yusuf-migration2 .mig2-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
#yusuf-migration2 .mig2-card { background: white; padding: 24px; border: 1px solid #cde3f0; border-radius: 14px; margin-bottom: 20px; min-width: 0; }
#yusuf-migration2 h1 { font-size: 30px; margin: 0 0 12px; }
#yusuf-migration2 h2 { font-size: 21px; margin: 0 0 14px; }
#yusuf-migration2 h3 { font-size: 18px; margin: 0 0 10px; }
#yusuf-migration2 p, #yusuf-migration2 label { font-size: 15px; line-height: 1.6; }
#yusuf-migration2 label { display: grid; gap: 7px; margin: 14px 0; font-weight: 700; }
#yusuf-migration2 :is(input,select,textarea) { width: 100%; border: 1px solid #bdd9ec; border-radius: 8px; min-height: 44px; padding: 10px; color: #193b53; background: #fff; font: inherit; }
#yusuf-migration2 textarea { min-height: 85px; overflow-wrap: anywhere; }
#yusuf-migration2 button { min-height: 42px; font-size: 14px; padding: 9px 14px; margin: 5px 8px 5px 0; border: 1px solid #bdd9ec; border-radius: 8px; background: #f1f9ff; color: #174a70; }
#yusuf-migration2 .mig2-primary { color: white; background: #0969b5; border-color: #0969b5; }
#yusuf-migration2 progress { display: block; width: 100%; height: 14px; accent-color: #0969b5; }
#yusuf-migration2 .mig2-meters { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 18px 0; }
#yusuf-migration2 small { display: block; line-height: 1.6; color: #526c80; overflow-wrap: anywhere; }
#yusuf-migration2 .mig2-error { color: #a12f25; }
#yusuf-migration2 #mig2-send-message:not(:empty) { padding: 12px 14px; border: 1px solid #bdd9ec; border-radius: 8px; background: #f6fbff; overflow-wrap: anywhere; }
#yusuf-migration2 #mig2-send-message.mig2-error:not(:empty) { border-color: #e2aaa4; background: #fff5f4; }
#yusuf-migration2 #mig2-send:disabled { opacity: .6; cursor: not-allowed; }
#yusuf-migration2 .mig2-ok { color: #0d7255; }
#yusuf-migration2 .mig2-log { max-height: 320px; overflow: auto; padding: 0 0 0 24px; }
#yusuf-migration2 .mig2-log li { padding: 8px 0; border-bottom: 1px solid #e4eef5; font-size: 14px; overflow-wrap: anywhere; }
#yusuf-migration2 .mig2-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
#yusuf-migration2 .mig2-pair { padding: 10px 0; border-bottom: 1px solid #e4eef5; }
#yusuf-migration2 .mig2-receiver-details { border: 1px solid #cde3f0; border-radius: 10px; background: #f6fbff; padding: 16px; margin: 16px 0; }
#yusuf-migration2 .mig2-receiver-details h4 { margin: 0 0 12px; font-size: 16px; }
#yusuf-migration2 .mig2-facts { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 14px 24px; margin: 0 0 14px; }
#yusuf-migration2 .mig2-facts dt { color: #526c80; font-size: 13px; }
#yusuf-migration2 .mig2-facts dd { margin: 4px 0 0; font-size: 14px; overflow-wrap: anywhere; }
#yusuf-migration2 [hidden] { display: none !important; }
#yusuf-migration2 .mig2-source-preparation header { display:flex; justify-content:space-between; align-items:start; gap:20px; }
#yusuf-migration2 .mig2-source-step { border-top:1px solid #dceaf4; padding-top:22px; margin-top:24px; }
#yusuf-migration2 .mig2-source-choices { max-height:270px; overflow:auto; border:1px solid #dceaf4; border-radius:10px; padding:8px 14px; }
#yusuf-migration2 label.mig2-source-check { display:flex; align-items:center; gap:12px; font-weight:400; }
#yusuf-migration2 .mig2-source-check input { width:20px; min-height:20px; flex:none; }
#yusuf-migration2 .mig2-source-dates { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
#yusuf-migration2 .mig2-source-destination { display:grid; gap:16px; margin:12px 0; grid-template-columns:minmax(180px,1fr) minmax(220px,2fr); align-items:center; border:1px solid #dceaf4; border-radius:10px; padding:12px; }
#yusuf-migration2 .mig2-capture-meter { max-width:680px; padding:20px; border:1px solid #cde3f0; border-radius:12px; background:#f7fbff; margin:20px 0 12px; }
#yusuf-migration2 .mig2-capture-meter > div { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
#yusuf-migration2 .mig2-capture-meter progress { margin-bottom:14px; }
#yusuf-migration2 .mig2-capture-log ol { max-height:300px; overflow:auto; padding-left:24px; }
#yusuf-migration2 .mig2-capture-log li { border-bottom:1px solid #dceaf4; padding:10px 0; }
#yusuf-migration2 .mig2-source-table { max-height:320px; overflow:auto; }
#yusuf-migration2 .mig2-source-table :is(th,td) { padding:9px 14px; text-align:left; border-bottom:1px solid #dceaf4; }
#yusuf-migration2 .mig2-source-preparation button:disabled { opacity:.55; cursor:not-allowed; }
@media(max-width:1000px) { #yusuf-migration2 .mig2-grid { grid-template-columns: 1fr; } }
@media(max-width:600px) { #yusuf-migration2 .mig2-meters,#yusuf-migration2 .mig2-source-dates,#yusuf-migration2 .mig2-source-destination { display:grid; gap:16px; margin:12px 0; grid-template-columns: 1fr; } #yusuf-migration2 .mig2-card { padding: 18px; } #yusuf-migration2 .mig2-source-preparation header { flex-direction:column; } }
#yusuf-migration2 .mig2-findings{margin:18px 0;padding:18px;border:1px solid #e1a15c;border-radius:12px;background:#fff9f0}#yusuf-migration2 .mig2-findings h4{margin:0 0 12px}#yusuf-migration2 .mig2-findings .mig2-log{max-height:400px;overflow:auto}#yusuf-migration2 .mig2-findings summary{cursor:pointer;font-weight:700}#yusuf-migration2 .mig2-findings li{overflow-wrap:anywhere}