/* chat98 — PDF/DOCX Metadata Remover page (pdf-metadata-remover).
   Follows exif.css conventions: design-system vars, logical properties
   only — RTL/LTR agnostic. */

/* drop zone */
.pm-drop {
  display: flex; flex-direction: column; align-items: center; gap: .5rem;
  padding: 2.2rem 1.2rem; text-align: center;
  border: 2px dashed var(--dv-border, #cbd5e1); border-radius: 1rem;
  cursor: pointer; transition: .18s;
}
.pm-drop:hover, .pm-drop.is-over {
  border-color: var(--dv-accent, #2563eb);
  background: color-mix(in srgb, var(--dv-accent, #2563eb) 5%, var(--dv-card, #fff));
}
.pm-drop .ri-file-shield-2-line { font-size: 2.1rem; color: var(--dv-accent, #2563eb); line-height: 1; }
.pm-drop-title { margin: 0; font-weight: 700; font-size: 1.02rem; }
.pm-drop p { margin: 0; }
.pm-drop .btn { margin-top: .4rem; }

/* batch bar */
.pm-batch {
  display: flex; flex-wrap: wrap; gap: .6rem; align-items: center;
  padding: .8rem 1.2rem; margin-top: 1rem;
}
.pm-batch-info { font-size: .85rem; font-weight: 600; margin-inline-end: auto; }

/* file queue */
.pm-files { display: flex; flex-direction: column; gap: .8rem; margin-top: 1rem; }
.pm-file {
  display: flex; gap: 1rem; align-items: flex-start; flex-wrap: wrap;
  padding: .9rem 1rem; cursor: pointer; transition: .15s;
}
.pm-file:hover { border-color: var(--dv-accent, #2563eb); }
.pm-file.is-selected { border-color: var(--dv-accent, #2563eb); box-shadow: 0 0 0 2px color-mix(in srgb, var(--dv-accent, #2563eb) 22%, transparent); }
.pm-icon {
  width: 64px; height: 64px; flex: 0 0 64px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: .6rem; border: 1px solid var(--dv-border, #eef2f7);
  background: color-mix(in srgb, var(--dv-accent, #2563eb) 7%, var(--dv-card, #fff));
  color: var(--dv-accent, #2563eb); font-size: 1.7rem;
}
.pm-file-main { flex: 1 1 260px; min-width: 200px; display: flex; flex-direction: column; gap: .25rem; }
.pm-name { font-size: .92rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.pm-file-actions { display: flex; flex-wrap: wrap; gap: .45rem; align-items: center; }

.pm-badge {
  display: inline-flex; align-items: center; gap: .25rem;
  font-size: .72rem; padding: .16rem .6rem; border-radius: 999px;
  background: color-mix(in srgb, var(--dv-accent, #2563eb) 10%, transparent);
  color: var(--dv-accent, #2563eb); font-weight: 600;
}
.pm-badge.is-pdf, .pm-badge.is-docx { background: color-mix(in srgb, #7c3aed 10%, transparent); color: #6d28d9; }
.pm-badge.is-ok {
  background: color-mix(in srgb, #059669 12%, transparent); color: #059669;
}
.pm-badge.is-err {
  background: color-mix(in srgb, #dc2626 12%, transparent); color: #b91c1c;
}
.pm-badges { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .2rem; }
.pm-chip { font-size: .74rem; color: var(--dv-muted, #64748b); }
.pm-chip.is-err { color: #b91c1c; }

.pm-btn {
  display: inline-flex; align-items: center; gap: .3rem;
  border: 1px solid var(--dv-border, #e2e8f0); background: transparent; color: inherit;
  border-radius: .55rem; padding: .4rem .8rem; font: inherit; font-size: .8rem;
  cursor: pointer; white-space: nowrap; transition: .15s;
}
.pm-btn:hover { border-color: var(--dv-accent, #2563eb); color: var(--dv-accent, #2563eb); }
.pm-btn.is-primary {
  background: var(--dv-accent, #2563eb); border-color: var(--dv-accent, #2563eb); color: #fff;
}
.pm-btn.is-primary:hover { filter: brightness(1.08); }
.pm-btn:disabled { opacity: .5; cursor: not-allowed; }
.pm-x {
  border: none; background: transparent; color: var(--dv-muted, #94a3b8);
  padding: .4rem; cursor: pointer; border-radius: .45rem; font-size: 1rem; line-height: 1;
}
.pm-x:hover { color: #dc2626; background: color-mix(in srgb, #dc2626 8%, transparent); }

.pm-result { font-size: .8rem; color: #059669; font-weight: 600; margin-top: .2rem; }
.pm-result .muted { font-weight: 400; }

/* detail panel */
.pm-detail { margin-top: 1rem; padding: 1rem 1.2rem; }
.pm-detail-head { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin-bottom: .4rem; }
.pm-detail-head b { font-size: .95rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60%; }
.pm-detail-head .pm-btn { margin-inline-start: auto; }
.pm-group { margin-top: .9rem; }
.pm-group h3 {
  font-size: .82rem; font-weight: 700; color: var(--dv-muted, #64748b);
  text-transform: none; margin: 0 0 .35rem; letter-spacing: .01em;
}
.pm-table { width: 100%; border-collapse: collapse; }
.pm-table th, .pm-table td {
  text-align: start; padding: .4rem .6rem; vertical-align: top;
  border-bottom: 1px solid var(--dv-border, #eef2f7);
  font-size: .82rem; word-break: break-word;
}
.pm-table th { color: var(--dv-muted, #64748b); font-weight: 600; white-space: nowrap; width: 34%; }
.pm-nometa { font-size: .9rem; }
.pm-toast {
  position: fixed; inset-block-end: 1.2rem; inset-inline: 0; margin-inline: auto;
  width: max-content; max-width: 90vw;
  background: #1e293b; color: #fff; font-size: .84rem; font-weight: 600;
  padding: .6rem 1.1rem; border-radius: 999px; z-index: 60;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .22);
}

/* chat99 — the shared tool-page scaffold this page was missing
   (gen-page/hero/subtitle + cross pills + privacy badge + about),
   byte-identical to the other tool pages. */
.gen-page { max-width: 1080px; }
.gen-hero { margin-bottom: 1.4rem; }
.gen-subtitle { margin: .3rem 0 .6rem; }
/* ── shared tool-page components (chat99 — identical on every tool page) ── */
.gen-cross-row { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.gen-cross {
  display: inline-flex; align-items: center; gap: .4rem;
  font-size: .9rem; color: var(--primary, #a855f7); text-decoration: none;
  padding: .35rem .8rem; border: 1px solid currentColor; border-radius: 999px;
  white-space: nowrap;
}
.gen-cross:hover { background: color-mix(in srgb, var(--primary, #a855f7) 10%, transparent); }
.gen-privacy {
  display: inline-flex; align-items: center; gap: .45rem;
  background: var(--ok-soft, #dcfce7); color: var(--ok, #16a34a);
  border: 1px solid color-mix(in srgb, var(--ok, #16a34a) 25%, transparent);
  border-radius: 999px; padding: .3rem .85rem; font-size: .8rem; font-weight: 600;
  margin-block: .2rem .4rem;
}
.gen-privacy i { font-size: 1rem; }
.gen-about { margin-top: 1.6rem; }
.gen-about h2 { font-size: 1.05rem; margin-bottom: .5rem; }
.gen-about p { color: var(--dv-muted, #475569); font-size: .92rem; line-height: 1.8; }