.migration-map-workspace{display:grid;gap:20px}.migration-map-dropzone{display:grid;place-items:center;gap:8px;min-height:190px;padding:28px;border:1px dashed #315061;border-radius:14px;background:#08151e;text-align:center;cursor:pointer}.migration-map-dropzone.is-dragover,.migration-map-dropzone.has-file{border-color:#65d9bf;background:#0b1c24}.migration-map-dropzone .drop-icon{font-size:30px;color:#8edcf0}.migration-map-dropzone .drop-meta{font-size:12px;color:#8297a5}.migration-map-file-field{margin-top:-4px}.migration-map-file-metrics,.migration-map-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.migration-map-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.migration-map-config-grid{display:grid;grid-template-columns:1fr 1fr .65fr;gap:12px}.migration-map-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.migration-map-options .option{align-items:flex-start;min-height:74px}.migration-map-options .option span{display:grid;gap:3px}.migration-map-options .option small{color:#8297a5;line-height:1.4}.migration-map-actions{margin-top:2px}.migration-map-results{display:grid;gap:18px}.migration-map-readiness{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #29495a;border-radius:999px;color:#9fb2bd;font:800 11px ui-monospace,Consolas,monospace;letter-spacing:.08em}.migration-map-readiness.ready{border-color:#28564b;color:#65d9bf}.migration-map-readiness.blocked{border-color:#6c3f3f;color:#efaaaa}.migration-map-summary .metric-error strong{color:#efaaaa}.migration-map-summary .metric-warning strong{color:#e4be62}.migration-map-result-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:18px;align-items:start}.migration-map-issues{display:grid;gap:8px}.migration-map-issue{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;padding:12px 14px;border:1px solid #284252;border-radius:10px;background:#0a1720}.migration-map-issue>b{font:800 10px ui-monospace,Consolas,monospace;letter-spacing:.08em}.migration-map-issue>div{min-width:0}.migration-map-issue strong{display:block;font-size:14px}.migration-map-issue span{display:block;margin-top:3px;color:#aebdc6;line-height:1.45;overflow-wrap:anywhere}.migration-map-issue.error{border-color:#653b3b}.migration-map-issue.error>b{color:#efaaaa}.migration-map-issue.warning{border-color:#5c4b2c}.migration-map-issue.warning>b{color:#e4be62}.migration-map-ok{padding:16px;border:1px solid #28564b;border-radius:10px;background:#0a1b18;color:#aee8d8}.migration-map-domain-card{padding:18px;border:1px solid #1f3441;border-radius:14px;background:#09141d}.migration-map-domain-card h3{margin:8px 0 14px}.migration-map-domains{display:grid;gap:8px}.migration-map-domain-row{display:grid;gap:4px;padding:10px 0;border-top:1px solid #1a2a36}.migration-map-domain-row:first-child{border-top:0}.migration-map-domain-row strong{font-size:13px;overflow-wrap:anywhere}.migration-map-domain-row span{font-size:12px;color:#8297a5;overflow-wrap:anywhere}.migration-map-preview{border:1px solid #1f3441;border-radius:12px;background:#08131b}.migration-map-preview summary{cursor:pointer;padding:13px 15px;font-weight:750;color:#dce8ee}.migration-map-table-wrap{overflow:auto;max-height:420px;border-top:1px solid #1f3441}.migration-map-table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.migration-map-table-wrap th,.migration-map-table-wrap td{padding:9px 11px;border-bottom:1px solid #162833;border-right:1px solid #162833;text-align:left;white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}.migration-map-table-wrap th{position:sticky;top:0;background:#0d1c26;color:#dbe7ed;z-index:1}.migration-map-preview>p{padding:0 15px 13px}.migration-map-export-note{margin:0}.migration-map-guidance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.migration-map-guidance-grid>div{padding:16px;border:1px solid #1f3441;border-radius:12px;background:#09141d}.migration-map-guidance-grid p{margin:7px 0 0;color:#91a5b1;line-height:1.5}.migration-map-empty{color:#8297a5;font-size:13px}.os20-browser-tool .migration-map-workspace .os20-browser-workspace-head{grid-column:1/-1}
@media(max-width:900px){.migration-map-file-metrics,.migration-map-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.migration-map-config-grid,.migration-map-result-grid{grid-template-columns:1fr}.migration-map-guidance-grid{grid-template-columns:1fr}.migration-map-options{grid-template-columns:1fr}}
@media(max-width:620px){.migration-map-file-metrics,.migration-map-summary{grid-template-columns:1fr 1fr}.migration-map-dropzone{min-height:165px;padding:20px 14px}.migration-map-options .option{min-height:0}.migration-map-actions,.migration-map-results .actions{display:grid;grid-template-columns:1fr}.migration-map-actions button,.migration-map-results .actions button{width:100%}.migration-map-issue{grid-template-columns:1fr}.migration-map-table-wrap th,.migration-map-table-wrap td{max-width:220px}}


/* v3.3 RC4 — keep the long tool context from colliding with shared shell search. */
body.os-app-shell.migration-mapping-page .ops-topbar-context{
  flex:0 1 230px!important;
  min-width:176px!important;
  max-width:230px!important;
}
body.os-app-shell.migration-mapping-page .ops-topbar-context>span{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:1380px){
  body.os-app-shell.migration-mapping-page .ops-topbar-context{
    flex-basis:200px!important;
    min-width:158px!important;
    max-width:200px!important;
  }
}
@media(max-width:820px){
  body.os-app-shell.migration-mapping-page .ops-topbar-context{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
  }
}