.documents-page-panel{max-width:1180px}.documents-page-head{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin:22px 0}.documents-page-head label{min-width:220px}.documents-page-summary{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:22px 0 16px}.documents-page-summary h2{margin:.25rem 0}.documents-page-count{min-width:110px;text-align:center;border:1px solid #d9dde3;border-radius:10px;padding:12px;background:#f7f8fa}.documents-page-count strong{display:block;font-size:1.7rem}.documents-page-count span{font-size:.85rem;color:#606770}.documents-page-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:16px;align-items:start;border:1px solid #d9dde3;border-radius:10px;padding:16px;margin:10px 0;background:#fff}.documents-page-number{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f0f2f5;font-weight:700}.documents-page-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.documents-page-title-row h3{margin:0}.documents-page-format{font-size:.78rem;border:1px solid #cfd4da;border-radius:999px;padding:3px 8px}.documents-page-file{font-family:monospace;font-size:.86rem;color:#4f5660;margin:.35rem 0}.documents-page-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.documents-page-meta span{font-size:.75rem;background:#f2f4f6;border-radius:6px;padding:4px 7px}.documents-page-meta .is-ready{background:#e9f6ee}.documents-page-meta .is-warning{background:#fff2d8}.documents-page-actions{display:flex;gap:7px}.documents-page-actions button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:760px){.documents-page-card{grid-template-columns:32px 1fr}.documents-page-actions{grid-column:2}.documents-page-summary{flex-direction:column}.documents-page-count{align-self:flex-start}}

.documents-preview-modal{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.42);display:flex;align-items:flex-start;justify-content:center;padding:32px 20px;overflow:auto}.documents-preview-modal.hidden{display:none}.documents-preview-dialog{width:min(1050px,100%);background:#fff;border:1px solid #d7e0e7;border-radius:16px;box-shadow:0 18px 60px rgba(15,23,42,.22);overflow:hidden}.documents-preview-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:22px 26px;border-bottom:1px solid #e5ebef}.documents-preview-head h2{margin:3px 0 5px;font-size:24px}.documents-preview-head p{margin:0;color:#536573}.documents-preview-close{border:1px solid #cfd9e0;background:#fff;color:#334155;border-radius:9px;padding:8px 12px;cursor:pointer;font-weight:600;white-space:nowrap}.documents-preview-close:hover{background:#f5f8f7;border-color:#afc3be}.documents-preview-body{padding:24px 26px 30px}.documents-preview-note{padding:10px 12px;background:#f4f8f7;border-radius:8px;margin-bottom:18px;color:#40555e}.documents-preview-section{border-top:1px solid #e5ebef;padding:18px 0}.documents-preview-section:first-of-type{border-top:0}.documents-preview-section h3{margin:0 0 12px;font-size:18px}.documents-preview-section p{margin:6px 0;line-height:1.5}.documents-preview-entry{padding:12px 14px;margin:8px 0;background:#f8fafb;border:1px solid #e2e8ec;border-radius:9px}.documents-preview-entry strong{display:block;margin-bottom:5px}.documents-preview-kv{display:grid;grid-template-columns:minmax(170px,230px) 1fr;gap:5px 14px;margin:5px 0}.documents-preview-kv dt{font-weight:600;color:#334b55}.documents-preview-kv dd{margin:0;white-space:pre-wrap}.documents-preview-table{width:100%;border-collapse:collapse;font-size:14px}.documents-preview-table th,.documents-preview-table td{border:1px solid #dde5ea;padding:8px;vertical-align:top;text-align:left}.documents-preview-table th{background:#f4f7f8}.documents-preview-json{white-space:pre-wrap;overflow:auto;background:#f7f9fa;border:1px solid #e1e7eb;border-radius:8px;padding:12px;font-size:12px}.documents-page-actions button.preview-enabled{background:#2f7166;color:#fff;cursor:pointer;opacity:1}.documents-page-actions button.preview-enabled:hover{filter:brightness(.96)}

.documents-preview-content-card { padding: 0; }
.documents-preview-content-card h4 { margin: 0 0 6px; font-size: 15px; }
.documents-preview-content-card p { margin: 0; line-height: 1.55; }

.documents-package-save{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.documents-package-save button{background:#2f7166;color:#fff;cursor:pointer}.documents-package-save button:hover{filter:brightness(.96)}.documents-package-save button:disabled{opacity:.55;cursor:not-allowed}.documents-package-save span{font-size:.84rem;color:#606770;max-width:620px}
.documents-package-save-status{display:block;margin-top:8px;font-size:13px;font-weight:700}.documents-package-save-status.success{color:#176b56}.documents-package-save-status.error{color:#a12626}