.phase8-doc-btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:12px;background:#0b4778;color:#fff;padding:10px 14px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(11,71,120,.18)}
.phase8-doc-btn.secondary{background:#f2bd2f;color:#14213d}.phase8-doc-btn.ghost{background:#eef5fb;color:#0b4778}.phase8-doc-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.phase8-preview-card{border:1px solid #d9e2ec;border-radius:18px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.08);padding:18px;margin:14px 0}.phase8-preview-card h3{margin:0 0 8px;color:#0b4778;font-family:Georgia,serif}.phase8-preview-card p{color:#667085;margin:0 0 12px}.phase8-status-ok{background:#eaf7ef;color:#177245;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.phase8-status-pending{background:#fff4d8;color:#946200;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}@media(max-width:640px){.phase8-doc-actions{display:grid;grid-template-columns:1fr}.phase8-doc-btn{justify-content:center;width:100%}}
/* Dark mode */
[data-theme="dark"] .phase8-preview-card{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] .phase8-preview-card h3{color:var(--ink)}
[data-theme="dark"] .phase8-preview-card p{color:var(--ink-3)}
[data-theme="dark"] .phase8-doc-btn.ghost{background:var(--surface-2);color:var(--ink)}