[data-open-book]{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}
[data-open-book]:active{cursor:grabbing}
.is-dragging{opacity:.25}
.notebook-drag-ghost{position:fixed!important;z-index:100;pointer-events:none!important;opacity:.95;transform:rotate(-3deg) scale(1.025);filter:drop-shadow(0 15px 18px #284e6d55);margin:0!important;cursor:grabbing}
.notebook-drag-ghost .document-info{background:#f7fafd;border-radius:0 0 8px 8px}
.document-item.drop-before:before,.document-item.drop-after:after{content:'';position:absolute;top:0;bottom:0;width:4px;border-radius:4px;background:#367fb8;z-index:3;box-shadow:0 0 0 3px #d7eaff}
.document-item.drop-before:before{left:-12px}.document-item.drop-after:after{right:-12px}
.list .document-item.drop-before:before,.list .document-item.drop-after:after{left:0;right:0;width:auto;height:4px;bottom:auto;top:-7px}
.list .document-item.drop-after:after{top:auto;bottom:-7px}
.notebook-trash{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:110;display:flex;align-items:center;gap:15px;padding:16px 25px;background:#fff5ee;border:2px dashed #d38a69;border-radius:16px;color:#a65435;box-shadow:0 8px 30px #703e2520;pointer-events:none;max-width:calc(100vw - 28px);min-height:90px;min-width:280px}
.notebook-trash svg{width:36px;height:36px;flex-shrink:0}.notebook-trash strong{font-size:15px;display:block}.notebook-trash small{display:block;font-size:11px;margin-top:6px}
.notebook-trash.drag-over{background:#fbe0d4;border-style:solid;border-color:#b85e45;transform:translateX(-50%) scale(1.06);color:#85371e}
.reorder-hint{color:#648aa7;font-size:11px;margin:0 0 18px;line-height:1.7}
@media(max-width:720px){.notebook-trash{bottom:18px;min-width:260px;padding:14px 20px}.document-item.drop-before:before{left:-8px}.document-item.drop-after:after{right:-8px}.reorder-hint{font-size:11px}}
@media print{.notebook-trash,.notebook-drag-ghost,.reorder-hint{display:none!important}}