/* Data Management editor shell: large, independently scrollable, with a non-obscuring save rail. */
.modal:has(#eimsave),
.modal:has(#esmsave){
  width:min(1160px,calc(100vw - 40px));
  height:min(900px,calc(100vh - 28px));
  max-height:calc(100vh - 28px);
  padding:0;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  border:1px solid rgba(255,255,255,.48);
  box-shadow:0 26px 80px rgba(30,35,40,.24),inset 0 1px 0 rgba(255,255,255,.6);
}
.modal:has(#eimsave) .modalhead,
.modal:has(#esmsave) .modalhead{
  padding:22px 26px 16px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.12));
  backdrop-filter:blur(18px) saturate(115%);
  position:relative;
  z-index:4;
}
.modal:has(#eimsave) #mb,
.modal:has(#esmsave) #mb{
  margin-top:0!important;
  padding:18px 26px 26px;
  overflow-y:auto;
  overscroll-behavior:contain;
  min-height:0;
  scrollbar-gutter:stable;
}
.modal:has(#eimsave) #mb::-webkit-scrollbar,
.modal:has(#esmsave) #mb::-webkit-scrollbar{width:10px}
.modal:has(#eimsave) #mb::-webkit-scrollbar-thumb,
.modal:has(#esmsave) #mb::-webkit-scrollbar-thumb{background:rgba(76,91,101,.22);border:3px solid transparent;background-clip:padding-box;border-radius:999px}
.modal:has(#eimsave) .dm-warning,
.modal:has(#esmsave) .dm-warning{margin:0 0 18px}
.modal:has(#eimsave) .field,
.modal:has(#esmsave) .field{margin:10px 0 14px}
.modal:has(#eimsave) .section,
.modal:has(#esmsave) .section{margin:24px 0 10px;padding-top:18px;border-top:1px solid var(--border)}
.modal:has(#eimsave) .dm-location-strip{margin:8px 0 18px;padding-bottom:4px}
.modal:has(#eimsave) .dm-savebar,
.modal:has(#esmsave) .dm-savebar{
  position:sticky;
  bottom:-26px;
  margin:24px -26px -26px;
  padding:14px 26px 16px;
  min-height:66px;
  background:linear-gradient(180deg,rgba(244,244,242,.9),rgba(244,244,242,.98));
  border-top:1px solid var(--border);
  box-shadow:0 -12px 30px rgba(42,50,56,.08);
  backdrop-filter:blur(20px) saturate(115%);
  z-index:5;
}
.modal:has(#eimsave) .dm-savebar .btn,
.modal:has(#esmsave) .dm-savebar .btn{padding:11px 16px}
@media(max-width:900px){
  .modal:has(#eimsave),.modal:has(#esmsave){width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:calc(100vh - 20px)}
  .modal:has(#eimsave) #mb,.modal:has(#esmsave) #mb{padding:16px 18px 22px}
  .modal:has(#eimsave) .modalhead,.modal:has(#esmsave) .modalhead{padding:18px}
  .modal:has(#eimsave) .dm-savebar,.modal:has(#esmsave) .dm-savebar{bottom:-22px;margin:20px -18px -22px;padding:12px 18px 14px}
}
@media(max-width:560px){
  .overlay{padding:0;align-items:stretch}
  .modal:has(#eimsave),.modal:has(#esmsave){width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
  .modal:has(#eimsave) .grid.two,.modal:has(#eimsave) .grid.four,.modal:has(#esmsave) .grid.two,.modal:has(#esmsave) .grid.three{grid-template-columns:1fr}
}