/*
 * page_size_normalizer.css — Page Size Normalizer's per-page size
 * breakdown and target-size/orientation options UI. Reuses page_swap.css
 * and pdf_doctor.css for the shared dropzone/loading-spinner/password-box/
 * error-box/fix-section/related-tools pieces (see this page's <head> -
 * all three stylesheets load together) and the same shared token contract
 * from style.css's :root.
 */

.bp-summary-headline { font-size: 17px; font-weight: 700; color: var(--text); }

.psn-size-breakdown { margin-bottom: 18px; }
.psn-page-table { max-height: 320px; overflow-y: auto; display: block; }
.psn-page-table thead th {
  text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: 0.03em;
  color: var(--text-muted); padding: 6px 8px; border-bottom: 1px solid var(--border);
}

.psn-options-row { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 14px; }
.psn-field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--text); min-width: 220px; flex: 1; }
.psn-field select {
  padding: 9px 10px; border: 1px solid var(--border); border-radius: 8px;
  background: var(--card); color: var(--text); font-size: 14px;
}

.bp-fix-result-summary { font-size: 14px; color: var(--text); margin: 0 0 14px; }

@media (max-width: 640px) {
  .psn-options-row { flex-direction: column; }
}
