.cw-document-grid{gap:1rem}
.cw-preview-card{padding:1rem 1.05rem;border:1px solid var(--cw-line);border-radius:13px;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,.08));transition:border-color .16s,box-shadow .16s,background .16s}
.cw-preview-card:hover,.cw-preview-card.is-open{border-color:rgba(50,163,169,.5);box-shadow:0 5px 16px rgba(28,57,88,.08);background:var(--cw-tint)}
.cw-preview-card .cw-document-heading{gap:.7rem;justify-content:flex-start}
.cw-preview-card-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(60,163,170,.1);color:var(--cw-accent);flex-shrink:0}
.cw-preview-card .cw-document-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.91rem;font-weight:650;line-height:1.3;text-align:left}
.cw-preview-card .cw-document-status{margin:.55rem 0 0 2.95rem;display:flex;align-items:center;gap:.4rem;font-size:.73rem;line-height:1.5}
.cw-preview-status-dot{height:5px;width:5px;border-radius:50%;background:#9da7b7;flex-shrink:0}.cw-preview-status-dot.is-ready{background:#2baa9d}
.cw-preview-chevron{font-size:1.1rem;opacity:.55;transition:transform .16s}.is-open .cw-preview-chevron{transform:rotate(180deg)}
.cw-preview-panel{position:fixed;z-index:1045;width:410px;max-width:calc(100vw - 32px);border:1px solid var(--cw-line);border-radius:15px;box-shadow:0 18px 60px rgba(19,36,62,.23),0 3px 12px rgba(19,36,62,.1);background:var(--cw-menu);overflow:auto;overscroll-behavior:contain;text-align:left}
.cw-preview-panel[hidden]{display:none!important}
.cw-preview-heading{padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-bottom:1px solid var(--cw-line)}
.cw-preview-eyebrow{display:block;font-size:.58rem;letter-spacing:.13em;font-weight:700;color:var(--cw-muted);margin-bottom:.2rem}
.cw-preview-panel .cw-preview-heading h6{font-size:.9rem;line-height:1.35;font-weight:650;margin:0;color:var(--cw-text)}
.cw-preview-close{border:0;background:transparent;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:1.25rem;color:var(--cw-muted);line-height:1;flex-shrink:0}
.cw-preview-close:hover{background:var(--cw-tint);color:var(--cw-text)}
.cw-preview-stage{height:248px;position:relative;display:flex;align-items:center;justify-content:center;padding:14px;background:linear-gradient(135deg,rgba(72,95,130,.06),rgba(72,95,130,.02));overflow:hidden}
.cw-preview-image,.cw-preview-canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 3px 14px rgba(25,38,58,.14);background:#fff}
.cw-preview-canvas[hidden]{display:none}
.cw-preview-page{position:absolute;bottom:8px;right:10px;padding:3px 7px;border-radius:5px;background:rgba(26,42,64,.78);color:#fff;font-size:.6rem;line-height:1.4}
.cw-preview-placeholder,.cw-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;color:var(--cw-muted)}
.cw-preview-placeholder{padding:1rem;font-size:.75rem;line-height:1.5}
.cw-preview-placeholder strong,.cw-preview-empty strong{font-size:.85rem;color:var(--cw-text)}
.cw-preview-empty{padding:1.7rem}.cw-preview-panel .cw-preview-empty p{max-width:260px;font-size:.75rem;line-height:1.5;margin:0}
.cw-preview-spinner{height:23px;width:23px;border:2px solid var(--cw-line);border-top-color:var(--cw-accent);border-radius:50%;animation:cw-preview-spin .8s linear infinite}
@keyframes cw-preview-spin{to{transform:rotate(360deg)}}
.cw-preview-footer{border-top:1px solid var(--cw-line);padding:.8rem}
.cw-preview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.cw-preview-actions .cw-document-option{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;margin:0;gap:.3rem;background:transparent!important}
.cw-preview-actions .cw-menu-action{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;min-height:36px;padding:.55rem .6rem;font-size:.73rem;font-weight:600;line-height:1.4;border:1px solid var(--cw-line);border-radius:7px;background:rgba(255,255,255,.16);color:var(--cw-text);text-decoration:none}
.cw-preview-actions .cw-menu-action:hover:not(:disabled):not([aria-disabled=true]){background:var(--cw-tint);border-color:rgba(50,163,169,.5);color:var(--cw-accent)}
.cw-preview-actions .cw-menu-action:disabled,.cw-preview-actions .cw-menu-action[aria-disabled=true]{opacity:.5;cursor:not-allowed}
.cw-preview-actions .cw-action-reason{font-size:.63rem;line-height:1.35;color:var(--cw-muted);padding:0 .2rem}
.cw-preview-actions .cw-menu-danger{color:#bd4857}
.cw-preview-footer .cw-po-number-form{margin:.8rem 0 0;padding-top:.75rem}
.dark-version .cw-preview-card{background:rgba(255,255,255,.025)}
.dark-version .cw-preview-card:hover,.dark-version .cw-preview-card.is-open{background:rgba(77,195,197,.08)}
.dark-version .cw-preview-panel{box-shadow:0 18px 60px rgba(0,0,0,.45)}
.dark-version .cw-preview-stage{background:rgba(0,0,0,.13)}
.dark-version .cw-preview-actions .cw-menu-action{background:rgba(255,255,255,.025)}
@media(max-width:767.98px){.cw-preview-panel{position:relative!important;top:auto!important;left:auto!important;max-width:none;width:100%!important;max-height:none!important;margin-top:.9rem;box-shadow:0 5px 15px rgba(19,36,62,.08)}.cw-preview-stage{height:210px}.cw-preview-card{padding:.85rem}.cw-preview-heading{padding:.8rem}.cw-preview-actions{gap:.4rem}.cw-preview-actions .cw-menu-action{padding:.55rem .35rem;font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.cw-preview-card,.cw-preview-chevron{transition:none}.cw-preview-spinner{animation:none}}