/* Room transfers need room for the destination name and settlement details. */
#modal:has(#mv-to){width:900px;max-width:calc(100vw - 48px)}
#modal:has(#mv-to) .modal-head{position:sticky;top:0;z-index:5;align-items:center;gap:16px}
#modal:has(#mv-to) .modal-head h2{font-size:22px;min-width:0}
#modal:has(#mv-to) .modal-head .close{width:44px;height:44px;flex:none;font-size:26px}
#modal:has(#mv-to) .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
#modal:has(#mv-to) .form-grid:has(#mv-to){grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
#modal:has(#mv-to) .field{min-width:0}
#modal:has(#mv-to) input,#modal:has(#mv-to) select{min-width:0;width:100%}
#modal:has(#mv-to) #mv-sum{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
#modal:has(#mv-to) #mv-sum>.bill-line{grid-column:1/-1}
#modal:has(#mv-to) #mv-sum .mv-box{margin:0;min-width:0}
#modal:has(#mv-to) #mv-sum .bill-line{gap:12px;flex-wrap:wrap}
#modal:has(#mv-to) #mv-sum .bill-line>strong{white-space:nowrap}
@media(max-width:760px){
 #modal:has(#mv-to) .form-grid:has(#mv-to),#modal:has(#mv-to) #mv-sum{grid-template-columns:minmax(0,1fr)}
 #modal:has(#mv-to) .form-grid{gap:12px}
 #modal:has(#mv-to) .modal-head h2{font-size:20px}
}
@media(max-width:600px){
 #modal:has(#mv-to) .form-grid{grid-template-columns:minmax(0,1fr)}
 #modal:has(#mv-to) .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 #modal:has(#mv-to) .actions .btn{white-space:normal;min-height:44px}
}