.document-clipboard { position: fixed; right: max(20px, env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom)); z-index: 80; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; width: min(360px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); pointer-events: none; }
.document-clipboard > * { pointer-events: auto; }
.document-clipboard-toggle { display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 12px; padding: 10px 16px; background: var(--paper); color: var(--ink); box-shadow: 0 4px 20px #10264620; font-weight: 600; }
.document-clipboard-count { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 12px; background: var(--soft); color: var(--teal); font-size: 12px; }
.document-clipboard-panel { display: flex; flex-direction: column; width: 100%; min-height: 0; max-height: min(440px, calc(100dvh - 110px)); border: 1px solid var(--line); border-radius: 14px; background: var(--paper); box-shadow: 0 8px 32px #10264624; overflow: hidden; }
.document-clipboard-heading { display: flex; flex: none; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.document-clipboard-heading h2 { margin: 0; font-size: 15px; }
.document-clipboard-heading button { font-size: 13px; }
.document-clipboard-empty { margin: 0; padding: 18px 16px; color: var(--muted); font-size: 13px; }
.document-clipboard-list { min-height: 0; overflow-y: auto; overscroll-behavior: contain; list-style: none; margin: 0; padding: 0; }
.document-clipboard-item { display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.document-clipboard-item:last-child { border-bottom: 0; }
.document-clipboard-identity { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: 14px; }
.document-clipboard-identity small { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; }
.document-clipboard-text { margin: 10px 0; max-height: 200px; overflow-y: auto; white-space: pre-wrap; font-size: 13px; line-height: 1.5; }
.document-clipboard-copy-status { margin-left: 8px; font-size: 12px; color: var(--muted); }
.document-clipboard-remove { flex: none; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); font-size: 20px; line-height: 1; }
.document-clipboard-remove:hover { background: var(--soft); color: var(--ink); }
.document-clipboard-problem { margin: 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--warn); font-size: 12px; overflow-wrap: anywhere; }
@media (max-width: 600px) { .document-clipboard { right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); width: min(360px, calc(100vw - 24px)); } .document-clipboard-toggle { padding: 9px 13px; } }