.notebook-drag-handle {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    height: 32px;
    margin-left: -8px;
    margin-right: 4px;
    border-radius: 4px;
    color: #71717a;
    cursor: grab;
    touch-action: none;
}
.notebook-drag-handle:hover { color: #18181b; background: #00000008; }
.notebook-drag-handle:active { cursor: grabbing; }
.notebook-drag-handle:focus-visible, .notebook-open:focus-visible::after {
    outline: 2px solid #18181b;
    outline-offset: 2px;
}
.notebook-open { text-align: left; min-width: 0; overflow: visible; }
.notebook-open:focus-visible { outline: none; }
.notebook-open > div { overflow: hidden; text-overflow: ellipsis; }
/* Stretch the native selection button across the row, including its padding
   and count badge. Independent controls remain above this hit area. */
.notebook-open::after { content: ''; position: absolute; inset: 0; border-radius: 8px; }
.notebook-actions { z-index: 1; pointer-events: none; }
.notebook-actions button { pointer-events: auto; }
#notebook-list .notebook-item { transition-property: background-color, color, border-color, box-shadow; }
#notebook-list .notebook-sort-ghost { opacity: .3; background: #e4e4e7; }
.notebook-sort-chosen { box-shadow: 0 4px 14px #00000012; }
#notebook-list[aria-busy="true"] .notebook-drag-handle { cursor: wait; opacity: .45; }
#notebook-order-status {
    padding: 0 16px 10px;
    font-size: 11px;
    color: #71717a;
}
#notebook-order-status[data-error="true"] { color: #b91c1c; }