/* ============================================================
   PrintLedgers — CSS Fixes (Narrow / Page-Specific)

   This file should stay small.
   Reusable components (buttons/cards/tables/sidebar/tabs/pills/finance prompts)
   live in: web/static/style.css
   ============================================================ */

/* New Order: order total panel spacing (page-specific) */
.order-total-panel {
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: .75rem 1rem;
  margin: .5rem 0;
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.order-total-panel > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .15rem;
}

.order-total-panel strong {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 600px) {
  .order-total-panel {
    justify-content: flex-start;
    gap: .75rem;
  }
  .order-total-panel > div {
    align-items: flex-start;
  }
}

/* Invoice / PDF preview: ensure viewer has usable height */
.pdfjs-canvas-wrap {
  min-height: 600px;
}