.document-header { background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); color: white; border-radius: 1rem; padding: 2rem; margin-bottom: 2rem; } .document-meta { background: var(--card-bg); border-radius: 1rem; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 1.5rem; margin-bottom: 2rem; } .meta-item { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; border-bottom: 1px solid var(--border-color); } .meta-item:last-child { border-bottom: none; } .meta-label { font-weight: 600; color: var(--text-primary); } .meta-value { color: var(--text-secondary); } .chunks-container { background: var(--card-bg); border-radius: 1rem; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 1.5rem; } .chunk-item { background: var(--background-light); border: 1px solid var(--border-color); border-radius: 0.5rem; padding: 1rem; margin-bottom: 1rem; } .chunk-item:last-child { margin-bottom: 0; } .chunk-header { display: flex; justify-content: between; align-items: center; margin-bottom: 0.5rem; } .chunk-number { background: var(--primary-color); color: white; padding: 0.25rem 0.5rem; border-radius: 0.25rem; font-size: 0.75rem; font-weight: 600; } .chunk-content { color: var(--text-primary); line-height: 1.6; font-size: 0.875rem; } .btn-group .btn { margin-right: 0.5rem; } .status-badge { padding: 0.25rem 0.75rem; border-radius: 1rem; font-size: 0.75rem; font-weight: 600; } .status-processed { background: #d1fae5; color: #065f46; } .status-pending { background: #fef3c7; color: #92400e; } .pdf-container iframe { border: 1px solid #e2e8f0; border-radius: 0.5rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .pdf-embed-container object { border: 1px solid #e2e8f0; border-radius: 0.5rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .pdf-fallback { padding: 2rem; text-align: center; background: var(--background-light); border-radius: 0.5rem; height: 600px; display: flex; align-items: center; justify-content: center; } .pdf-controls { text-align: right; } .text-content, .document-preview { border: 1px solid var(--border-color); border-radius: 0.5rem; background: var(--background-light); } .alert i.fa-3x { color: inherit; opacity: 0.7; } .view-toggle .btn.active { background: #3b82f6; color: white; border-color: #3b82f6; }