/* PDF ⇄ Office converters (lib/convert-ui.js). Page previews are paper and keep their own colours in both themes. */
.oc{display:grid;gap:14px;min-width:0}
.oc.is-busy .dropzone{opacity:.6;pointer-events:none}
.oc-grid{align-items:end}
.oc-status{margin:0;min-height:1.4em;color:var(--muted);font-size:15px}.oc-status.is-error{color:var(--danger)}
.oc-notes{margin:0;padding:10px 14px 10px 30px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2,var(--surface));color:var(--muted);font-size:14px;display:grid;gap:4px}
.oc-actions{display:flex;flex-wrap:wrap;gap:8px}
.oc-preview{display:grid;gap:10px;min-width:0;padding:12px;border-radius:14px;background:var(--surface-2,#e9ecef)}
.oc-count{margin:0;color:var(--muted);font-size:13px;text-align:center}
.oc-pages{display:grid;gap:16px;justify-items:center}
.oc-page{width:100%;max-width:720px;background:#fff;box-shadow:0 1px 3px #0000002e,0 8px 24px #0000001f;color-scheme:light}.oc-page.is-landscape{max-width:900px}
.oc-page svg{display:block;width:100%;height:auto}
.oc-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.oc-thumb{width:100%;height:auto;background:#fff;box-shadow:0 1px 3px #0000002e;border-radius:4px}
.oc-table-wrap{overflow:auto;max-height:520px;background:#fff;border-radius:8px;color-scheme:light}
.oc-table{border-collapse:collapse;font-size:13px;color:#1d2327;min-width:100%}
.oc-table td{border:1px solid #d5dbe0;padding:4px 8px;white-space:nowrap}.oc-table td.is-num{text-align:right;font-variant-numeric:tabular-nums}
.oc-doc{max-height:520px;overflow:auto;padding:18px 22px;background:#fff;color:#1d2327;border-radius:8px;color-scheme:light;font-size:15px;line-height:1.5}
.oc-doc h3,.oc-doc h4,.oc-doc h5{margin:.8em 0 .3em;line-height:1.25}.oc-doc p{margin:0 0 .6em}.oc-doc .is-center{text-align:center}
@media (max-width:520px){.oc-preview{padding:8px}.oc-doc{padding:12px}}