/* 2026-10-12: keep migration labels separate from the shared status-dot style. */
body .mig .st{grid-template-columns:22px minmax(0,1fr) 44px}
body .mig .st>div{min-width:0}
body .mig .st b,body .mig .st.ok b{
  display:block;width:auto;height:auto;min-width:0;max-width:100%;
  border-radius:0;background:transparent;color:#101B35;
  font-size:14px;line-height:1.5;overflow-wrap:anywhere;transition:none;
}
body .mig .st small{line-height:1.6;overflow-wrap:anywhere}
body .mig .st em{white-space:nowrap}
body .mig .vh{gap:12px;align-items:flex-start;flex-wrap:wrap;line-height:1.6}
body .mig .vh .tag2{flex:none;white-space:nowrap}

@media(max-width:767px){
  /* 16px text prevents the automatic form zoom in iPhone Safari. */
  body :is(input:not([type]),input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],select,textarea){
    font-size:16px!important;min-height:44px;max-width:100%;min-width:0;
  }
  body :is(#xds,.mg-q)>div{min-width:0;flex:1}
  body #xdi{width:100%;line-height:1.5}
  body .nav .pill,body .nav .btn,body .mb{min-width:44px;min-height:44px}
  body .nav .r{gap:8px}
  body .nav .pill:not(.hm2){display:inline-flex;align-items:center;justify-content:center}
  body #mb{height:44px;width:44px}
  body #mb i:first-child{top:17px}
  body #mb i:last-child{top:25px}
  body.mo #mb i{top:21px}
  body #mm{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(30px,env(safe-area-inset-bottom));max-height:calc(100dvh - 64px)}
  body #mm :is(a,summary){min-height:44px}
  body .sxhl-domain-row{min-width:0;gap:10px}
  body .sxhl-domain-row>span{min-width:0;overflow-wrap:anywhere}
  body .sxhl-locale-dialog{width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 32px);overflow:auto}
  body .mig{padding:20px}
  body .mig .st{gap:10px;align-items:start;padding:14px 0;margin-top:0}
  body .mig .st i,body .mig .st em{margin-top:2px}
  body .mig .st .pb{width:100%;margin-top:8px}
  body .mig .st b{margin-bottom:3px}
}
@media(max-width:359px){
  body .mig{padding:16px}
  body .mig .st{grid-template-columns:22px minmax(0,1fr) 36px;gap:8px}
  body .mig .vh{font-size:13px;gap:8px}
}
