.zoho-migration { margin-bottom: 22px; overflow: hidden; }
.zoho-migration-top { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; }
.zoho-migration-title { display: flex; gap: 14px; align-items: flex-start; }
.zoho-mark { display: grid; place-items: center; width: 46px; height: 46px; flex: 0 0 46px; border-radius: 14px; background: #f8e2ea; color: #8c5870; font-weight: 900; font-size: 13px; letter-spacing: .06em; }
.zoho-migration h3 { margin: 0 0 5px; }
.zoho-migration p { margin: 0; color: #6f7b75; }
.zoho-status { display: inline-flex; gap: 7px; align-items: center; padding: 8px 12px; border-radius: 999px; background: #f3ecef; color: #765a67; font-size: 13px; font-weight: 800; white-space: nowrap; }
.zoho-status::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #c7adb8; }
.zoho-status.ready, .zoho-status.completed { background: #e9f3ee; color: #527563; }
.zoho-status.ready::before, .zoho-status.completed::before { background: #67a080; }
.zoho-status.syncing::before { background: #d6a44c; animation: zoho-pulse 1s infinite; }
.zoho-status.error { background: #fbe9e9; color: #a84d56; }
.zoho-status.error::before { background: #c95f67; }
.zoho-migration-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }
.zoho-migration-actions button { min-height: 44px; }
.zoho-sync-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 20px; }
.zoho-sync-metric { padding: 15px; border: 1px solid #ece2e6; border-radius: 14px; background: #fcfafb; }
.zoho-sync-metric span { display: block; color: #806f76; font-size: 12px; font-weight: 700; }
.zoho-sync-metric strong { display: block; margin-top: 5px; font-family: Georgia, serif; font-size: 24px; color: #45353d; }
.zoho-reconciliation { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; padding: 15px 17px; border-radius: 14px; background: #f7f2f4; }
.zoho-reconciliation b { display: block; color: #493740; }
.zoho-reconciliation small { display: block; color: #7b6d73; margin-top: 3px; }
.zoho-reconciliation.is-ready { background: #edf6f1; }
.zoho-error { margin-top: 14px !important; color: #a84d56 !important; font-weight: 700; }
.commercial-note { display: inline-flex; align-items: center; gap: 7px; margin-top: 6px !important; font-size: 13px; }
.commercial-note::before { content: ''; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #d8a7bc; }
@media (max-width: 720px) {
  .zoho-migration-top { display: grid; }
  .zoho-status { justify-self: start; }
  .zoho-sync-grid { grid-template-columns: 1fr 1fr; }
  .zoho-migration-actions button { flex: 1 1 100%; }
  .zoho-reconciliation { align-items: flex-start; flex-direction: column; }
}
@keyframes zoho-pulse { 50% { opacity: .35; } }