/* UM-69 — shared styles for the client-side PDF tool suite. */
.um-pdf-drop {
  border: 2px dashed var(--border);
  border-radius: var(--radius-md);
  padding: var(--space-8) var(--space-5);
  text-align: center;
  cursor: pointer;
  transition: border-color .15s, background .15s;
  background: var(--surface-2, rgba(0,0,0,0.02));
}
.um-pdf-drop:hover, .um-pdf-drop.is-over {
  border-color: var(--color-primary, #4f46e5);
  background: rgba(79,70,229,0.06);
}
.um-pdf-drop__icon { font-size: 2.4rem; line-height: 1; }
.um-pdf-drop__hint { margin-top: var(--space-3); color: var(--color-text-muted); font-size: var(--text-sm); }

.um-pdf-privacy {
  display: flex; align-items: flex-start; gap: var(--space-2);
  margin-top: var(--space-4); padding: var(--space-3) var(--space-4);
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.25);
  border-radius: var(--radius-md);
  color: var(--color-text); font-size: var(--text-sm); line-height: 1.6;
}
.um-pdf-privacy__icon { font-size: 1.1rem; }

.um-pdf-list { margin-top: var(--space-4); display: flex; flex-direction: column; gap: var(--space-2); }
.um-pdf-row {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--border); border-radius: var(--radius-md);
  background: var(--surface, #fff);
}
.um-pdf-row__name { flex: 1; min-width: 0; overflow-wrap: anywhere; font-weight: 500; }
.um-pdf-row__size { color: var(--color-text-muted); font-weight: 400; font-size: var(--text-sm); }
.um-pdf-row__ctrl { display: flex; gap: 4px; flex-shrink: 0; }

.um-pdf-status { margin-top: var(--space-4); min-height: 1.4em; color: var(--color-text-muted); font-size: var(--text-sm); overflow-wrap: anywhere; }
.um-pdf-status.is-error { color: #dc2626; }
.um-pdf-status.is-ok { color: #059669; }

.um-pdf-progress { margin-top: var(--space-3); height: 8px; border-radius: 999px; background: var(--border); overflow: hidden; display: none; }
.um-pdf-progress__bar { height: 100%; width: 0%; background: var(--color-primary, #4f46e5); transition: width .2s; }

.um-pdf-actions { margin-top: var(--space-5); display: flex; gap: var(--space-3); flex-wrap: wrap; }

.um-pdf-thumbs { margin-top: var(--space-4); display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: var(--space-3); }
.um-pdf-thumb { border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-2); text-align: center; background: var(--surface, #fff); position: relative; }
.um-pdf-thumb canvas { max-width: 100%; height: auto; border-radius: var(--radius-sm); display: block; margin: 0 auto; }
.um-pdf-thumb__cap { margin-top: 4px; font-size: 11px; color: var(--color-text-muted); overflow-wrap: anywhere; }
.um-pdf-thumb__del { position: absolute; top: 2px; right: 2px; }

.um-pdf-note { margin-top: var(--space-4); color: var(--color-text-muted); font-size: var(--text-sm); line-height: 1.7; }