.print-history { width: min(900px, calc(100vw - 32px)); max-height: 85dvh; box-sizing: border-box; border: 0; border-radius: 20px; padding: 24px; color: #302e28; background: #fffaf5; }
.print-history::backdrop { background: #0008; }
.print-history header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.print-history h2 { margin: 0; }
.print-history header button { font-size: 28px; border: 0; background: transparent; cursor: pointer; }
.print-history-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; margin: 18px 0; }
.print-history-grid article { display: flex; flex-direction: column; min-width: 0; gap: 8px; padding: 12px; background: white; border: 1px solid #eee2d9; border-radius: 14px; }
.print-history-grid img { width: 100%; height: 180px; object-fit: contain; background: #f0eeeb; border-radius: 8px; }
.print-history-grid p { margin: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; }
.print-history-grid small { color: #746e68; margin-top: auto; }
.print-history-grid .button { width: 100%; box-sizing: border-box; }
@media (max-width: 480px) {
  .print-history { padding: 16px; }
  .print-history-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .print-history-grid img { height: 130px; }
  .print-history-grid article { padding: 8px; }
  .print-history-grid .button { padding: 10px 4px; font-size: 12px; }
}
.print-history [hidden] { display: none !important; }