.batch-open[hidden] { display: none; }
.batch-open {
  position: absolute; z-index: 27; right: 10px; bottom: 116px;
  min-height: 44px; min-width: 136px; max-width: 168px; padding: 6px 10px;
  border-radius: 14px; border: 2px solid #a87b4b; box-shadow: 0 3px #9c784f;
  background: #fff0cd; color: #503a45; font: 600 13px/1.2 system-ui;
}
.batch-open:disabled { background: #e6ddcf; color: #675b58; }
.batch-dialog {
  width: min(550px, calc(100vw - 36px)); max-height: calc(100dvh - 20px);
  box-sizing: border-box; padding: 12px 16px; border: 2px solid #b99a6f;
  border-radius: 20px; background: #fff6e9; color: #493844; overflow: auto;
  box-shadow: 0 12px 42px #33233966;
}
.batch-dialog::backdrop { background: #20182499; }
.batch-dialog h2 { font: 700 18px/1.2 system-ui; margin: 0 0 6px; }
.batch-dialog p { font: 500 13px/1.3 system-ui; margin: 6px 0; }
.batch-dialog ol { list-style: none; padding: 0; margin: 8px 0; }
.batch-dialog li {
  display: grid; grid-template-columns: 48px 1fr auto; column-gap: 8px;
  padding: 6px; margin: 4px 0; border-radius: 10px; background: #f8e4b8;
  border: 1px solid #d9b57c; font: 500 13px/1.2 system-ui;
}
.batch-dialog li[data-damage="true"] { background: #ffe1e4; border-color: #cd8892; }
.batch-dialog li img { grid-row: 1 / 3; width: 48px; height: 48px; object-fit: contain; }
.batch-dialog li strong { font-size: 15px; align-self: center; }
.batch-dialog li small { grid-column: 2 / 4; font-size: 12px; }
.batch-dialog li .batch-name { align-self: center; }
.batch-dialog button { width: 100%; min-height: 44px; border: 1px solid #549f8c; border-radius: 12px; background: #bcf0df; color: #253e3b; font: 700 14px/1.2 system-ui; }
.batch-dialog button:disabled { background: #ddd6cc; color: #685f60; }
.batch-rotate { display: none; }
@media (max-width: 679px) { .batch-dialog .batch-content { display: none; } .batch-dialog .batch-rotate { display: block; } }