.doc-dropzone{border:2px dashed color-mix(in oklab,var(--color-ink) 22%,transparent);background:var(--color-cream);border-radius:14px;padding:36px 24px;text-align:center;transition:all .2s var(--ease-out-quart, cubic-bezier(.32, .72, .24, 1));cursor:pointer}.doc-dropzone:hover{border-color:var(--color-bronze);background:color-mix(in oklab,var(--color-bronze) 6%,var(--color-cream))}.doc-dropzone--active{border-color:var(--color-bronze);border-style:solid;background:linear-gradient(135deg,color-mix(in oklab,var(--color-bronze) 12%,var(--color-cream)),color-mix(in oklab,var(--color-bronze) 4%,var(--color-cream)));transform:scale(1.005);box-shadow:0 8px 24px -8px color-mix(in oklab,var(--color-bronze) 30%,transparent)}.doc-progress{position:relative;width:100%;height:6px;background:color-mix(in oklab,var(--color-ink) 8%,transparent);border-radius:999px;overflow:hidden}.doc-progress__fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-bronze) 0%,var(--color-bronze-2, #d88a2e) 50%,var(--color-bronze) 100%);background-size:200% 100%;border-radius:999px;transition:width .2s ease-out;animation:doc-progress-shimmer 1.4s linear infinite}@keyframes doc-progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.doc-progress__fill--done{background:var(--color-bronze-deep, #9c5410);animation:none}.doc-progress__fill--error{background:#b83232;animation:none}.doc-card{background:var(--color-cream, #f7f2ea);border:1px solid color-mix(in oklab,var(--color-ink) 12%,transparent);border-radius:10px;overflow:hidden;transition:border-color .16s}.doc-card:hover{border-color:color-mix(in oklab,var(--color-ink) 22%,transparent)}.doc-card__chev{display:inline-flex;color:var(--color-taupe, #6b6259);transition:transform .2s var(--ease-out-quart, cubic-bezier(.32, .72, .24, 1))}.doc-card__chev--open{transform:rotate(90deg);color:var(--color-bronze, #b8704a)}.doc-card__expanded{border-top:1px solid color-mix(in oklab,var(--color-ink) 10%,transparent);background:color-mix(in oklab,var(--color-sand, #ede6d9) 50%,var(--color-cream));padding:16px 20px 18px;animation:doc-card-expand .22s var(--ease-out-quart, cubic-bezier(.32, .72, .24, 1))}@keyframes doc-card-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.doc-tag{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:color-mix(in oklab,var(--color-ink) 8%,transparent);color:color-mix(in oklab,var(--color-ink) 75%,transparent);white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.doc-tag--kind{background:color-mix(in oklab,var(--color-bronze) 14%,transparent);color:var(--color-bronze-deep, #9c5410)}.doc-tag--source{background:color-mix(in oklab,var(--color-ink) 5%,transparent);color:var(--color-taupe, #6b6259)}.doc-status-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 7px 2px 6px;border-radius:999px;font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1}.doc-status-badge--pending{background:color-mix(in oklab,var(--color-bronze) 14%,transparent);color:var(--color-bronze-deep, #9c5410)}.doc-status-badge--pending .doc-status-badge__dot{width:6px;height:6px;border-radius:999px;background:var(--color-bronze, #d88a2e);box-shadow:0 0 color-mix(in oklab,var(--color-bronze) 70%,transparent);animation:doc-status-pulse 1.4s ease-out infinite}.doc-status-badge--failed{background:color-mix(in oklab,#b83232 14%,transparent);color:#b83232}@keyframes doc-status-pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--color-bronze) 70%,transparent)}70%{box-shadow:0 0 0 6px color-mix(in oklab,var(--color-bronze) 0%,transparent)}to{box-shadow:0 0 color-mix(in oklab,var(--color-bronze) 0%,transparent)}}.doc-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in oklab,var(--color-ink) 15%,transparent);background:var(--color-cream, #f7f2ea);font-size:12.5px;font-weight:500;color:color-mix(in oklab,var(--color-ink) 80%,transparent);transition:all .16s;cursor:pointer;white-space:nowrap}.doc-filter-chip:hover{border-color:var(--color-bronze, #b8704a);color:var(--color-ink, #1a1007)}.doc-filter-chip--active{background:var(--color-bronze, #b8704a);border-color:var(--color-bronze, #b8704a);color:#fff}.doc-filter-chip--active:hover{background:var(--color-bronze-deep, #9c5410);border-color:var(--color-bronze-deep, #9c5410);color:#fff}.doc-filter-chip__count{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;background:color-mix(in oklab,var(--color-ink) 10%,transparent);color:inherit;opacity:.75}.doc-filter-chip--active .doc-filter-chip__count{background:#ffffff38;opacity:1}.doc-kind-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;color:var(--color-cream, #f7f2ea)}.doc-kind-icon--pdf{background:linear-gradient(135deg,var(--color-bronze, #b8704a) 0%,var(--color-bronze-deep, #9c5410) 100%)}.doc-kind-icon--image{background:linear-gradient(135deg,#8b6f9a,#6b4d7d)}.doc-kind-icon--audio{background:linear-gradient(135deg,#5a7d5e,#3d5d44)}.doc-kind-icon--spreadsheet{background:linear-gradient(135deg,#5e6b7d,#3d4a5d)}.doc-kind-icon--text{background:linear-gradient(135deg,#4a3d2e,#2e2519)}.doc-preview{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:12px;line-height:1.55;color:color-mix(in oklab,var(--color-ink) 80%,transparent);background:var(--color-cream, #f7f2ea);border:1px solid color-mix(in oklab,var(--color-ink) 8%,transparent);border-radius:8px;padding:12px 14px;max-height:220px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.doc-meta-row{display:flex;flex-wrap:wrap;gap:14px 20px;font-size:12px;color:var(--color-taupe, #6b6259)}.doc-meta-row__item{display:inline-flex;align-items:center;gap:6px}.doc-meta-row__label{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:color-mix(in oklab,var(--color-ink) 55%,transparent)}.doc-meta-row__value{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:12px;color:var(--color-ink, #1a1007);font-weight:500}.doc-delete-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:12.5px;font-weight:600;background:#fff;color:var(--color-ink, #1a1007);border:1px solid color-mix(in oklab,var(--color-ink) 18%,transparent);cursor:pointer;transition:background-color .16s,border-color .16s,color .16s}.doc-delete-btn:hover{background:color-mix(in oklab,#b83232 8%,white);border-color:#b83232;color:#b83232}.doc-delete-btn:disabled{opacity:.6;cursor:not-allowed}.doc-delete-btn.is-confirming{background:#b83232;border-color:#b83232;color:#fff;font-weight:700}.doc-delete-btn.is-confirming:hover{background:#992727;border-color:#992727;color:#fff}@keyframes doc-delete-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.doc-delete-btn--shake{animation:doc-delete-shake .32s ease-in-out;border-color:#b83232!important;color:#b83232!important}.doc-empty{text-align:center;padding:56px 20px;border:1px dashed color-mix(in oklab,var(--color-ink) 18%,transparent);border-radius:14px;background:color-mix(in oklab,var(--color-sand) 30%,transparent)}.doc-empty__icon{width:56px;height:56px;border-radius:50%;margin:0 auto 16px;background:var(--color-cream, #f7f2ea);border:1px solid color-mix(in oklab,var(--color-ink) 12%,transparent);display:grid;place-items:center;color:var(--color-bronze, #b8704a)}.doc-list{display:flex;flex-direction:column;gap:10px}.doc-filters{display:flex;flex-wrap:wrap;gap:6px}.doc-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.doc-toolbar>.relative{min-width:200px}.doc-date-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;font-size:12.5px;font-weight:500;background:#fff;color:color-mix(in oklab,var(--color-ink) 80%,transparent);border:1px solid color-mix(in oklab,var(--color-ink) 18%,transparent);cursor:pointer;white-space:nowrap;transition:background-color .16s,border-color .16s,color .16s}.doc-date-btn:hover{background:color-mix(in oklab,var(--color-sand, #ede6d9) 60%,white);border-color:color-mix(in oklab,var(--color-ink) 28%,transparent);color:var(--color-ink, #1a1007)}.doc-date-btn[aria-expanded=true]{border-color:var(--color-bronze, #b8704a);background:color-mix(in oklab,var(--color-bronze) 5%,white);color:var(--color-ink, #1a1007)}.doc-date-btn--active{background:color-mix(in oklab,var(--color-bronze) 12%,white);border-color:color-mix(in oklab,var(--color-bronze) 50%,transparent);color:var(--color-bronze-deep, #9c5410);font-weight:600}.doc-date-btn--active:hover{background:color-mix(in oklab,var(--color-bronze) 18%,white);color:var(--color-bronze-deep, #9c5410)}.doc-date-btn__chev{margin-left:2px;color:var(--color-taupe, #6b6259);transition:transform .2s var(--ease-out-quart, cubic-bezier(.32, .72, .24, 1))}.doc-date-btn__chev--open{transform:rotate(180deg)}.doc-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:280px;background:var(--color-cream, #f7f2ea);border:1px solid color-mix(in oklab,var(--color-ink) 15%,transparent);border-radius:12px;box-shadow:0 10px 30px -8px #1a10072e,0 2px 6px -1px #1a100714;padding:6px;display:flex;flex-direction:column;gap:4px}.doc-popover__list{display:flex;flex-direction:column;gap:1px}.doc-popover__item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border-radius:7px;background:transparent;border:0;font-size:13.5px;color:var(--color-ink, #1a1007);text-align:left;cursor:pointer;transition:background-color .12s;font-family:inherit}.doc-popover__item:hover:not(:disabled){background:color-mix(in oklab,var(--color-sand, #ede6d9) 70%,var(--color-cream))}.doc-popover__item--active{background:color-mix(in oklab,var(--color-bronze) 10%,var(--color-cream));color:var(--color-bronze-deep, #9c5410);font-weight:600}.doc-popover__item--active:hover{background:color-mix(in oklab,var(--color-bronze) 18%,var(--color-cream))}.doc-popover__item--danger{color:#b83232}.doc-popover__item--danger:hover:not(:disabled){background:color-mix(in oklab,#b83232 8%,var(--color-cream))}.doc-popover__item:disabled{opacity:.4;cursor:not-allowed}.doc-popover__divider{height:1px;background:color-mix(in oklab,var(--color-ink) 10%,transparent);margin:4px 0}.doc-popover__custom{display:flex;flex-direction:column;gap:8px;padding:6px 4px 4px}.doc-popover__custom.is-active .doc-popover__custom-title{color:var(--color-bronze-deep, #9c5410)}.doc-popover__date-field{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.doc-popover__date-field>span{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:color-mix(in oklab,var(--color-ink) 55%,transparent)}.doc-popover__date-field input[type=date]{appearance:none;-webkit-appearance:none;height:32px;padding:4px 6px;border:1px solid color-mix(in oklab,var(--color-ink) 15%,transparent);border-radius:6px;background:#fff;font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:12px;color:var(--color-ink, #1a1007);outline:none;width:100%;min-width:0}.doc-popover__date-field input[type=date]:focus{border-color:var(--color-bronze, #b8704a);box-shadow:0 0 0 1px color-mix(in oklab,var(--color-bronze) 25%,transparent)}.doc-popover__date-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;filter:invert(.4) sepia(.3) saturate(3) hue-rotate(340deg)}.doc-clear-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:8px;font-size:12.5px;font-weight:600;background:color-mix(in oklab,#b83232 8%,white);border:1px solid color-mix(in oklab,#b83232 25%,transparent);color:#b83232;cursor:pointer;transition:background-color .14s,border-color .14s}.doc-clear-btn:hover{background:color-mix(in oklab,#b83232 14%,white);border-color:#b83232}.doc-filter-chip__icon{display:inline-flex;align-items:center;color:currentColor;opacity:.85;margin-right:-2px}.doc-filter-chip--active .doc-filter-chip__icon{opacity:1}@media(prefers-reduced-motion:reduce){.doc-progress__fill,.doc-card__expanded,.doc-delete-btn--shake{animation:none!important;transition:none!important}}.doc-counter{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:11px;color:var(--color-taupe, #6b6259);letter-spacing:.02em}.doc-counter strong{color:var(--color-ink, #1a1007);font-weight:600}.doc-sentinel{height:1px;width:100%;pointer-events:none}.doc-loadmore{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 0 8px;font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:12px;color:var(--color-taupe, #6b6259)}.doc-loadmore__spinner{width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in oklab,var(--color-bronze) 25%,transparent);border-top-color:var(--color-bronze, #b8704a);animation:doc-spin .8s linear infinite}@keyframes doc-spin{to{transform:rotate(360deg)}}.doc-end{display:flex;align-items:center;gap:14px;padding:24px 0 8px;font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--color-taupe, #6b6259)}.doc-end__line{flex:1;height:1px;background:color-mix(in oklab,var(--color-ink) 15%,transparent)}.doc-end__label{white-space:nowrap}
