/* ── Migration Orchestrator interface mockups ────────────────────────────── */
.mo { border:1px solid #e2e7ec; border-radius:8px; overflow:hidden; font-family:'Inter',system-ui,sans-serif; font-size:13px; color:#1c2733; margin:24px 0; box-shadow:0 1px 4px rgba(28,39,51,.06); }
.mo-chrome { display:grid; grid-template-columns:180px 1fr; }
.mo-sidebar { background:#f3f5f7; border-right:1px solid #e2e7ec; padding:14px 10px; }
.mo-sb-brand { font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#5e6b78; padding:2px 8px 10px; }
.mo-nav-section { font-size:9px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#9aa5b0; padding:8px 8px 3px; }
.mo-nav-project { font-size:11px; font-weight:600; color:#1c2733; padding:3px 8px 8px; opacity:.7; }
.mo-nav-link { display:block; padding:5px 10px; border-radius:5px; font-size:11px; color:#5e6b78; }
.mo-nav-on { background:#356fa820; color:#2d5f91; font-weight:600; }
.mo-main { padding:18px 22px; background:#fff; }
.mo-ph { margin-bottom:14px; }
.mo-ph-title { font-size:15px; font-weight:700; color:#1c2733; letter-spacing:-.02em; display:flex; align-items:center; gap:8px; margin-bottom:3px; }
.mo-ph-desc { font-size:12px; color:#5e6b78; }
.mo-badge { display:inline-flex; align-items:center; border-radius:999px; padding:2px 8px; font-size:10px; font-weight:700; }
.mo-badge-ok { background:#edf7f0; color:#276749; }
.mo-badge-info { background:#edf4fa; color:#2d5f91; }
.mo-badge-warn { background:#fff7e8; color:#8a5a16; }
.mo-badge-neu { background:#f1f3f5; color:#66717d; }
.mo-compact-state { font-size:11px; color:#5e6b78; margin-bottom:14px; }
/* metric strip */
.mo-metrics { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #e2e7ec; border-radius:8px; overflow:hidden; margin-bottom:16px; }
.mo-metric { padding:9px 12px; border-right:1px solid #e2e7ec; }
.mo-metric:last-child { border-right:none; }
.mo-ml { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#9aa5b0; margin-bottom:3px; }
.mo-mv { font-size:13px; font-weight:700; color:#1c2733; }
.mo-ms { font-size:10px; color:#5e6b78; margin-top:1px; }
/* tenant environment cards */
.mo-env-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:16px; }
.mo-env-card { border:1px solid #e2e7ec; border-radius:8px; padding:10px 14px; }
.mo-env-role { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#9aa5b0; margin-bottom:4px; }
.mo-env-name { font-size:12px; font-weight:600; color:#1c2733; }
.mo-env-domain { font-size:11px; color:#5e6b78; }
/* section header */
.mo-section-title { font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#9aa5b0; margin:0 0 8px; }
/* inventory metric strip */
.mo-inv-metrics { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid #e2e7ec; border-radius:8px; overflow:hidden; margin-bottom:16px; }
.mo-inv-metric { padding:9px 12px; border-right:1px solid #e2e7ec; }
.mo-inv-metric:last-child { border-right:none; }
.mo-drive-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.mo-drive-card { border:1px solid #e2e7ec; border-radius:8px; padding:10px 12px; }
/* tabs */
.mo-tabs { display:flex; gap:0; border-bottom:1px solid #e2e7ec; margin-bottom:14px; }
.mo-tab { padding:7px 14px; font-size:11px; font-weight:600; color:#5e6b78; border-bottom:2px solid transparent; margin-bottom:-1px; }
.mo-tab-on { color:#356fa8; border-bottom-color:#356fa8; }
/* user mapping table */
.mo-tbl { width:100%; border-collapse:collapse; font-size:12px; }
.mo-tbl th { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#9aa5b0; padding:6px 10px; text-align:left; border-bottom:1px solid #e2e7ec; }
.mo-tbl td { padding:7px 10px; border-bottom:1px solid #f3f5f7; color:#1c2733; }
.mo-tbl tr:last-child td { border-bottom:none; }
.mo-tbl-muted { color:#5e6b78; font-style:italic; }
.mo-tbl-more { font-size:11px; color:#9aa5b0; padding:8px 10px; }
.mo-cap { font-size:12px; color:var(--ink-400); text-align:center; margin-top:6px; font-style:italic; }
@media (max-width:780px) {
  .mo-chrome { grid-template-columns:1fr; }
  .mo-sidebar { display:none; }
  .mo-env-grid { grid-template-columns:1fr; }
  .mo-metrics { grid-template-columns:1fr 1fr; }
  .mo-inv-metrics { grid-template-columns:1fr 1fr; }
  .mo-inv-metric:nth-child(n+5) { display:none; }
  .mo-drive-row { grid-template-columns:1fr; }
  .mo-tbl th:nth-child(2),.mo-tbl td:nth-child(2) { display:none; }
}