@media screen {
  #content .aa118-open { flex: 0 1 auto; white-space: normal; }
  #modalRoot .aa118-dialog { width: min(880px, calc(100vw - 24px)); }
  #modalRoot .aa118-dialog .modal-b { min-width: 0; }
  #modalRoot .aa118-search, #modalRoot .aa118-actions, #modalRoot .aa118-pagination, #modalRoot .aa118-footer { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; min-width: 0; }
  #modalRoot .aa118-search { align-items: end; margin: 18px 0 12px; }
  #modalRoot .aa118-dialog label { display: grid; gap: 6px; min-width: 0; font-size: 13px; font-weight: 600; }
  #modalRoot .aa118-search label { flex: 1 1 260px; }
  #modalRoot .aa118-dialog input, #modalRoot .aa118-dialog textarea { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; }
  #modalRoot .aa118-dialog textarea { resize: vertical; }
  #modalRoot .aa118-item { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); min-width: 0; }
  #modalRoot .aa118-item-main { flex: 1 1 auto; min-width: 0; }
  #modalRoot .aa118-dialog h3 { margin: 0 0 6px; font-size: 16px; overflow-wrap: anywhere; }
  #modalRoot .aa118-dialog p { overflow-wrap: anywhere; margin: 6px 0; }
  #modalRoot .aa118-stock { display: flex; gap: 18px; flex-wrap: wrap; margin: 12px 0 6px; }
  #modalRoot .aa118-stock dt { font-size: 12px; color: var(--muted); }
  #modalRoot .aa118-stock dd { font-weight: 700; margin: 4px 0 0; }
  #modalRoot .aa118-warning { color: var(--text, #1f2937); background: #fff4db; border-left: 3px solid #bd7300; padding: 10px; border-radius: 5px; font-size: 13px; }
  #modalRoot .aa118-message { font-size: 13px; color: var(--text, #1f2937); }
  #modalRoot .aa118-message:empty { display: none; }
  #modalRoot .aa118-review { padding: 16px; margin-top: 14px; border: 1px solid var(--line); border-radius: 12px; }
  #modalRoot .aa118-review label, #modalRoot .aa118-actions { margin-top: 16px; }
  #modalRoot .aa118-pagination { justify-content: space-between; margin-top: 18px; font-size: 13px; }
  #modalRoot .aa118-footer { justify-content: flex-end; margin-top: 16px; }
  #modalRoot .aa118-dialog .btn { white-space: normal !important; overflow-wrap: anywhere; max-width: 100%; }
  #modalRoot .aa118-item > .btn { flex: 0 0 auto; }
  .aa118-sr { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
}
@media screen and (max-width: 560px) {
  #content .aa118-open { flex-basis: 100%; }
  #modalRoot .aa118-search label { flex-basis: 100%; }
  #modalRoot .aa118-search .btn { flex: 1 1 130px; }
  #modalRoot .aa118-item { align-items: stretch; flex-direction: column; gap: 10px; }
  #modalRoot .aa118-item > .btn, #modalRoot .aa118-actions .btn { width: 100%; }
  #modalRoot .aa118-pagination span { order: -1; flex-basis: 100%; text-align: center; }
  #modalRoot .aa118-review { padding: 12px; }
}
