.document-page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.document-page-intro h2{font-size:30px;margin:4px 0 6px}.document-page-intro p{margin:0;color:var(--muted)}
.document-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.document-summary>div{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 10px 28px var(--ui-shadow)}.document-summary span,.document-summary small{display:block;color:var(--muted);font-size:13px}.document-summary b{display:block;font-size:24px;margin-top:8px}.document-summary b.pending{font-size:16px;color:#b47600}.document-summary small{margin-top:5px}
.document-upload-panel{margin-bottom:20px}.document-upload-fields{display:grid;grid-template-columns:260px 1fr;gap:14px;margin:18px 0}.document-upload-fields label,.document-filters label{display:grid;gap:6px;font-size:13px;font-weight:700}.document-dropzone{display:flex;min-height:150px;border:2px dashed color-mix(in srgb,var(--cyan) 60%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--cyan) 5%,var(--panel));align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;cursor:pointer;padding:24px;transition:.2s ease}.document-dropzone:hover,.document-dropzone.dragover{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 10%,var(--panel));transform:translateY(-1px)}.document-dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dropzone-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--cyan);color:#04101e;font-size:27px}.document-dropzone small{color:var(--muted)}
.document-upload-fields input,.document-upload-fields select,.document-filters select{width:100%;border:1px solid var(--line);background:var(--ui-surface-2);color:var(--text);border-radius:9px;padding:11px 12px;outline:none}.document-upload-fields input:focus,.document-upload-fields select:focus,.document-filters select:focus{border-color:var(--cyan)}
.document-queue{display:grid;gap:9px;margin-top:16px}.document-queue-item{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,2fr) 90px;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.document-queue-item strong,.document-queue-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-queue-item small{color:var(--muted);margin-top:3px}.document-progress{height:9px;background:var(--ui-surface-2);border-radius:10px;overflow:hidden}.document-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),#20c98a);transition:width .16s linear}.document-queue-item.success .document-progress i{background:#20c98a}.document-queue-item.error .document-progress i{background:#e05d5d}.document-upload-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}.document-upload-footer span{color:var(--muted)}
.document-filters{display:flex;align-items:flex-end;gap:14px;margin-bottom:20px}.document-filters label{min-width:220px}.document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.document-card{padding:0;overflow:hidden}.document-preview{height:190px;display:grid;place-items:center;background:var(--ui-surface-2);border-bottom:1px solid var(--line);text-decoration:none;overflow:hidden}.document-preview img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.document-preview:hover img{transform:scale(1.025)}.document-preview.file span{display:grid;place-items:center;width:68px;height:82px;border-radius:8px;background:#e34f4f;color:#fff;font-weight:800;font-size:19px;box-shadow:0 8px 20px rgba(0,0,0,.12)}.document-card-body{padding:17px}.document-card-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.document-card-heading small,.document-filename{color:var(--muted)}.document-card h3{font-size:18px;margin:13px 0 4px}.document-filename{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.document-card dl div{background:var(--ui-surface-2);border-radius:10px;padding:9px}.document-card dt{color:var(--muted);font-size:11px}.document-card dd{margin:4px 0 0;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis}.document-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.document-actions form{margin:0}.document-empty{grid-column:1/-1;text-align:center;padding:50px}.document-empty p{color:var(--muted)}.online-text{color:#159b69}
.document-preview.missing span{background:#b47600}.cloud-state{font-weight:800}.cloud-state.synced{color:var(--green)}.cloud-state.pending,.cloud-state.uploading,.cloud-state.retry,.cloud-state.waiting_drive,.cloud-state.not_scheduled{color:#b47600}.cloud-state.error,.cloud-state.missing_remote,.cloud-state.missing_local{color:var(--red)}.document-cloud-error{margin:-7px 0 14px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--red) 8%,transparent);color:var(--red);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.document-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.document-page-intro{display:grid}.document-summary,.document-grid,.document-upload-fields{grid-template-columns:1fr}.document-filters{display:grid}.document-queue-item{grid-template-columns:1fr}.document-preview{height:230px}.document-upload-footer{align-items:stretch;flex-direction:column}.document-upload-footer .btn{width:100%}}