.bookmarks-tab{display:flex;flex-direction:column;height:100%}.bookmarks-tab__add-bar{padding:.75rem .75rem 0}.bookmarks-tab__toolbar{align-items:center;display:flex;justify-content:space-between;padding:.5rem .75rem}.bookmarks-tab__toolbar-title{color:#6c757d;font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.bookmarks-tab__toolbar-btn{background:none;border:1px solid #dee2e6;border-radius:.375rem;color:#6c757d;cursor:pointer;font-size:.85rem;padding:.3rem .6rem;transition:all .15s}.bookmarks-tab__toolbar-btn:hover{background:#f8f9fa;border-color:#0d6efd;color:#0d6efd}.bookmarks-tab__new-folder{padding:0 .75rem .5rem}.bookmarks-tab__add-panel{background:#fafbfc;border-bottom:1px solid #e9ecef}.bookmarks-tab__add-panel-header{align-items:center;border-bottom:1px solid #f0f0f0;color:#343a40;display:flex;font-size:.88rem;font-weight:600;justify-content:space-between;padding:.5rem .75rem}.bookmarks-tab__add-panel-body{padding:.65rem .75rem}.bookmarks-tab__add-panel-footer{border-top:1px solid #f0f0f0;display:flex;gap:.5rem;justify-content:flex-end;padding:.45rem .75rem}.bookmarks-tab__add-verses-preview{background:#fff;border:1px solid #e9ecef;border-radius:.375rem;color:#495057;font-size:.82rem;line-height:1.55;max-height:8rem;overflow-y:auto;padding:.45rem .6rem}.bookmarks-tab__verse-line{padding:.1rem 0}.bookmarks-tab__verse-line+.bookmarks-tab__verse-line{border-top:1px solid #f5f5f5}.bookmarks-tab__verse-num{color:#0d6efd;font-weight:600;margin-right:.15rem}.bookmarks-tab__content{flex:1;overflow-y:auto;padding:0 .5rem .75rem}.bookmarks-tab__icon-btn{background:none;border:none;border-radius:.3rem;color:#adb5bd;cursor:pointer;font-size:.85rem;line-height:1;padding:.4rem .5rem;position:relative;transition:all .15s;z-index:5}.bookmarks-tab__icon-btn:hover{background:#f0f0f0;color:#495057}.bookmarks-tab__icon-btn--danger:hover{background:#fff5f5;color:#dc3545}.bookmarks-tab__empty{padding:2rem 1rem;text-align:center}.bookmarks-tab__empty-icon{align-items:center;background:#f8f9fa;border-radius:50%;color:#adb5bd;display:flex;font-size:1.1rem;height:3rem;justify-content:center;margin:0 auto .75rem;width:3rem}.bookmarks-tab__empty-title{color:#495057;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.bookmarks-tab__empty-desc{color:#adb5bd;font-size:.82rem;margin:0}#bookmarksTreeView .dx-treeview-search{background:#fff;border-bottom:1px solid #dee2e6;padding:.5rem;position:sticky;top:0;z-index:2}#bookmarksTreeView .dx-treeview-search .dx-placeholder{display:none!important}#bookmarksTreeView .dx-treeview-search .dx-texteditor{background:#fff;border:1px solid #dee2e6;border-radius:.375rem;box-shadow:none;overflow:hidden}#bookmarksTreeView .dx-treeview-search .dx-texteditor.dx-state-focused{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}#bookmarksTreeView .dx-treeview-search .dx-texteditor.dx-state-hover:not(.dx-state-focused){border-color:#adb5bd}#bookmarksTreeView .dx-treeview-search .dx-texteditor-container{border:none!important;box-shadow:none!important}#bookmarksTreeView .dx-treeview-search .dx-texteditor-input-container{margin-left:0}#bookmarksTreeView .dx-treeview-search .dx-texteditor-input{color:#212529;font-size:.85rem;height:auto;line-height:1.5;min-height:0;padding:.375rem .75rem}#bookmarksTreeView .dx-treeview-search .dx-texteditor-input::-moz-placeholder{color:#6c757d}#bookmarksTreeView .dx-treeview-search .dx-texteditor-input::placeholder{color:#6c757d}#bookmarksTreeView .dx-treeview-search .dx-icon-search,#bookmarksTreeView .dx-treeview-search .dx-icon.dx-icon-search,#bookmarksTreeView .dx-treeview-search .dx-texteditor-buttons-container{display:none!important}#bookmarksTreeView .dx-treeview-item{border-radius:.4rem;padding:.45rem .55rem;position:relative;transition:background .15s}#bookmarksTreeView .dx-treeview-item:hover{background:#f8f9fa}#bookmarksTreeView .dx-treeview-item:hover .bm-tree-node__actions,#bookmarksTreeView .dx-treeview-item:hover .bm-tree-node__drag-handle{opacity:1}#bookmarksTreeView .dx-treeview-node{border-bottom:1px solid #e9ecef;overflow:visible;padding-left:.3rem}#bookmarksTreeView .dx-treeview-toggle-item-visibility{color:#adb5bd;font-size:.75rem}#bookmarksTreeView .dx-item-content{overflow:visible}#bookmarksTreeView .dx-state-active,#bookmarksTreeView .dx-state-focused,#bookmarksTreeView .dx-state-hover{z-index:auto!important}#bookmarksTreeView .dx-state-active:after,#bookmarksTreeView .dx-state-active:before,#bookmarksTreeView .dx-state-focused:after,#bookmarksTreeView .dx-state-focused:before,#bookmarksTreeView .dx-state-hover:after,#bookmarksTreeView .dx-state-hover:before{pointer-events:none!important}#bookmarksTreeView .bm-tree-node__actions,#bookmarksTreeView .bm-tree-node__title{pointer-events:all;position:relative;z-index:100}#bookmarksTreeView .bookmarks-tab__icon-btn{pointer-events:all!important;position:relative;z-index:100}#bookmarksTreeView .dx-treeview-item:after,#bookmarksTreeView .dx-treeview-item:before{pointer-events:none!important}#bookmarksTreeView .dx-item.dx-treeview-item>.dx-item-content{pointer-events:auto}#bookmarksTreeView .dx-sortable-placeholder{display:none!important}.bm-tree-node{align-items:center;display:flex;gap:.5rem;min-height:2.2rem;width:100%}.bm-tree-node__drag-handle{-webkit-touch-callout:none;color:#ced4da;cursor:grab;flex-shrink:0;font-size:.85rem;opacity:0;padding:.15rem 0;pointer-events:all;position:relative;touch-action:none;transition:opacity .15s,color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:110}.bm-tree-node__drag-handle:hover{color:#6c757d}.bm-tree-node__drag-handle:active{cursor:grabbing}.bm-tree-node__icon{flex-shrink:0;font-size:1rem}.bm-tree-node__icon--folder{color:#ffc107}.bm-tree-node__text{color:#343a40;flex:1;font-size:.95rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-tree-node__body{flex:1;min-width:0}.bm-tree-node__title{color:#0d6efd;cursor:pointer;display:block;font-size:.95rem;font-weight:500;line-height:1.4;text-decoration:none}.bm-tree-node__title:hover{text-decoration:underline}.bm-tree-node__verses{color:#495057;cursor:pointer;font-size:.82rem;line-height:1.5;margin-top:.25rem;pointer-events:all;position:relative;z-index:100}.bm-tree-node__verse-line{padding:.05rem 0}.bm-tree-node__verse-num{color:#0d6efd;font-weight:600;margin-right:.1rem}.bm-tree-node__note{color:#6c757d;cursor:pointer;font-size:.82rem;line-height:1.4;margin-top:.2rem}.bm-tree-node__note:hover{color:#495057}.bm-tree-node__meta{color:#adb5bd;font-size:.76rem;margin-top:.2rem}.bm-tree-node__actions{display:flex;flex-shrink:0;gap:.2rem;opacity:0;position:relative;transition:opacity .15s;z-index:5}.bm-tree-node--folder .bm-tree-node__text{font-weight:600}.bm-tree-node--bookmark{align-items:flex-start;padding:.25rem 0}.bm-drag-preview{align-items:center;background:#fff;border:1px solid rgba(13,110,253,.3);border-radius:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.15),0 2px 6px rgba(13,110,253,.1);color:#343a40;display:inline-flex;font-size:.85rem;font-weight:500;gap:.55rem;max-width:240px;opacity:.92;overflow:hidden;padding:.5rem .85rem;pointer-events:none;text-overflow:ellipsis;transform:rotate(1.5deg);white-space:nowrap}.bm-drag-preview .fa-folder{color:#ffc107;font-size:.9rem}.bm-drag-preview .fa-bookmark{color:#0d6efd;font-size:.9rem}.dx-sortable-source-hidden{opacity:.2!important;transition:opacity .15s}.bm-dragging .dx-treeview-node>.dx-treeview-item{transition:background .15s,box-shadow .15s}.bm-drop-target-above>.dx-treeview-item{position:relative}.bm-drop-target-above>.dx-treeview-item:before{animation:bm-drop-line-in .15s ease-out;background:#0d6efd;border-radius:1px;content:"";height:2px;left:.5rem;position:absolute;right:.5rem;top:-1px;z-index:50}.bm-drop-target-above>.dx-treeview-item:after{animation:bm-drop-dot-in .15s ease-out;background:#0d6efd;border-radius:50%;content:"";height:8px;left:.25rem;position:absolute;top:-4px;width:8px;z-index:51}.bm-drop-target-below>.dx-treeview-item{position:relative}.bm-drop-target-below>.dx-treeview-item:before{animation:bm-drop-line-in .15s ease-out;background:#0d6efd;border-radius:1px;bottom:-1px;content:"";height:2px;left:.5rem;position:absolute;right:.5rem;z-index:50}.bm-drop-target-below>.dx-treeview-item:after{animation:bm-drop-dot-in .15s ease-out;background:#0d6efd;border-radius:50%;bottom:-4px;content:"";height:8px;left:.25rem;position:absolute;width:8px;z-index:51}.bm-drop-target-inside>.dx-treeview-item{animation:bm-drop-folder-in .15s ease-out;background:rgba(13,110,253,.08)!important;border-radius:.4rem;box-shadow:inset 0 0 0 1.5px rgba(13,110,253,.35)}.bm-drop-target-inside>.dx-treeview-item .bm-tree-node__icon--folder{color:#0d6efd}@keyframes bm-drop-line-in{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes bm-drop-dot-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes bm-drop-folder-in{0%{background:transparent;box-shadow:inset 0 0 0 0 rgba(13,110,253,0)}to{background:rgba(13,110,253,.08);box-shadow:inset 0 0 0 1.5px rgba(13,110,253,.35)}}@media (max-width:576px){.bm-tree-node__actions{flex-direction:column;opacity:1}.bm-tree-node__drag-handle{font-size:1.1rem;min-width:2rem;opacity:1;padding:.5rem .35rem}.bm-tree-node__drag-handle,.bookmarks-tab__icon-btn{align-items:center;display:flex;justify-content:center;min-height:2.5rem}.bookmarks-tab__icon-btn{font-size:.95rem;min-width:2.5rem;padding:.55rem .6rem}.bm-tree-node{min-height:2.5rem}.bm-tree-node__text,.bm-tree-node__title{font-size:1rem}.bm-tree-node__note{font-size:.88rem}.bm-tree-node__meta{font-size:.82rem}.bm-tree-node__icon{font-size:1.1rem}}[data-bs-theme=dark] #bookmarksTreeView .dx-treeview-search{background:#0c0f17;border-bottom-color:#323742}[data-bs-theme=dark] #bookmarksTreeView .dx-treeview-search .dx-texteditor{background:#0c0f17;border-color:#323742}[data-bs-theme=dark] #bookmarksTreeView .dx-treeview-search .dx-texteditor.dx-state-focused{border-color:#6ea8fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}[data-bs-theme=dark] #bookmarksTreeView .dx-treeview-search .dx-texteditor.dx-state-hover:not(.dx-state-focused){border-color:#4a5568}[data-bs-theme=dark] #bookmarksTreeView .dx-treeview-search .dx-texteditor-input{color:#e0e2ec}[data-bs-theme=dark] #bookmarksTreeView .dx-treeview-search .dx-texteditor-input::-moz-placeholder{color:#6c757d}[data-bs-theme=dark] #bookmarksTreeView .dx-treeview-search .dx-texteditor-input::placeholder{color:#6c757d}
