/* Drag only by the handle: cards and photos retain native page scrolling. */
.binder-card{position:relative;min-width:0;transition:box-shadow .15s,opacity .15s}
.binder-card .binder-card-actions .binder-drag-handle{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;touch-action:none;user-select:none;cursor:grab;background:var(--color-surface);color:var(--text);border:1px solid var(--line)}
.binder-drag-handle:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}
.binder-drag-source{opacity:.45}.binder-drag-source .binder-drag-handle{cursor:grabbing}
.binder-drop-target{box-shadow:0 0 0 3px var(--color-primary)}
.binder-drop-target:after{position:absolute;inset:auto 8px 4px;content:'↓';color:var(--color-primary);font-size:24px;font-weight:900;pointer-events:none}
.binder-drop-target[data-drop-direction=before]:after{inset:4px 8px auto;content:'↑'}
#binderReorderStatus{min-height:1.5em}#binderBulkSwap:disabled{opacity:.55;cursor:not-allowed}
#binderGroups[aria-busy=true]{opacity:.7}
#binderView.binder-has-selection{padding-bottom:220px}
#binderBulkBar{color:#fff;max-height:45vh;overflow:auto;bottom:max(12px,env(safe-area-inset-bottom))}
@media(max-width:768px){
 .binder-card>.binder-thumb{grid-column:1;grid-row:1}
 .binder-card>.binder-card-main{grid-column:2;grid-row:1;min-width:0}
 .binder-card>.binder-card-side{grid-column:3;grid-row:1}
 .binder-card>.binder-card-actions{grid-column:1/-1;grid-row:2;justify-content:flex-start}
 .binder-card>.binder-card-actions .mini.binder-order-step{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:6px}
 .binder-card-actions .binder-order-step .binder-step-label{display:none}
 .binder-card>.binder-card-actions .binder-bulk-choice{margin:0 0 0 auto;min-height:44px}
 .binder-card-actions select{flex-basis:100%;min-width:0}
 .binder-bulk-bar{gap:6px}.binder-bulk-bar .btn{min-height:44px;padding:8px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.binder-card{transition:none}}

#binderGroups .binder-bulk-choice{background:var(--color-surface);color:var(--text);border:1px solid var(--line)}
@media(max-width:768px){#binderGroups .binder-thumb{min-height:56px}}
/* Keep collection labels legible in both themes and respect pager visibility. */
#binderGroups .card-title{color:var(--text)}
#binderGroups .meta,#binderView .help{color:var(--muted)}
#binderCustomPages [aria-pressed=true]{color:#fff}
#binderPager[hidden]{display:none}
[data-theme="dark"] #binderGroups .binder-drag-handle,
[data-theme="dark"] #binderGroups .binder-bulk-choice{background:#1a2230;color:#e8ecf1;border-color:#2e3a4d}
@media(max-width:768px){#binderView.binder-has-selection{padding-bottom:calc(45vh + 24px + env(safe-area-inset-bottom))}}