/* Compact settings directories and cost policy; presentation only. */
@media screen {
html body[data-active-page] #detailModal:has(:is(.branch-settings-directory,.station-link-row,#costMethodForm)) .detail-modal-card {height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important}
html body[data-active-page] #detailModal:has(:is(.branch-settings-directory,.station-link-row,#costMethodForm)) #detailModalBody {display:block!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 130px)!important;overflow:auto!important;padding:18px!important}
html body #detailModal:has(:is(.branch-settings-directory,.station-link-row,#costMethodForm)) :is(.erp-detail-frame,.erp-detail-content) {display:block!important;height:auto!important;min-height:0!important}
html body #detailModal :is(.branch-settings-row,.station-settings-row,.station-link-row) {display:grid!important;grid-template-columns:minmax(140px,1.4fr) minmax(100px,1fr) minmax(160px,1fr) 150px!important;align-items:center!important;gap:12px!important;min-height:56px!important;height:auto!important;padding:10px 14px!important}
html body #detailModal :is(.branch-settings-row,.station-settings-row,.station-link-row) > * {min-width:0!important;margin:0!important}
html body #detailModal :is(.branch-settings-row,.station-settings-row) .status {width:auto!important;justify-self:start!important;padding:6px 14px!important;min-height:30px!important;white-space:nowrap!important}
html body #detailModal :is(.branch-settings-row,.station-settings-row,.station-link-row) button {width:auto!important;min-width:90px!important;justify-self:end!important;white-space:nowrap!important;padding:8px 14px!important}
html body #detailModal #costMethodForm {display:grid!important;grid-template-columns:minmax(240px,1fr) auto!important;gap:14px!important;align-items:end!important;min-height:0!important;height:auto!important;max-width:720px!important}
html body #detailModal #costMethodForm label {display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important}
html body #detailModal #costMethodForm select {width:100%!important;height:40px!important;min-height:40px!important;box-sizing:border-box!important}
html body #detailModal #costMethodForm button {width:auto!important;min-width:130px!important;height:40px!important;white-space:nowrap!important}
html body #detailModal #costMethodForm small {grid-column:1/-1!important;line-height:1.8!important}
html body #detailModal:has(#costMethodForm) .detail-modal-card {width:min(820px,100%)!important}
}
@media screen and (max-width:700px) {
html body #detailModal :is(.branch-settings-row,.station-settings-row,.station-link-row) {grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body #detailModal #costMethodForm {grid-template-columns:minmax(0,1fr)!important}
html body #detailModal #costMethodForm button {justify-self:start!important}
}