/* Choices Editor */
.div-choices-container {
    display: flex;
    flex-direction: column;
    height: 0;
    min-height: 100%;
    background-color: var(--BG-base);
    box-sizing: border-box;
}

.div-choices-container .div-choices-scroll {
    flex: 1;
    min-height: 0;
    height: auto;
    align-self: stretch;
    border: none;
}

/* Wand button on "new" choice items: fills the slot with a suggested
   choice. Visible whenever the item is new, independent of hover. */
.div-choices-suggest {
	flex: 0 0 auto;
	align-self: center;
	cursor: pointer;
	font-size: 0.9em;
	padding: var(--DM-margin-s);
	min-width: unset;
	white-space: nowrap;
}

/* Choices context override of the shared side-drawer chrome (base in
   shared.css): the editor always reserves the floating drawer's grip track
   so items never slide under the handle; when the drawer is pinned it docks
   into the flex flow and the extra padding is dropped. */
.div-choices-container .div-choices-editor {
    padding-left: calc(var(--side-drawer-grip-size) + var(--DM-margin-h));
}

.div-choices-body:has(.div-choices-thinking.pinned) .div-choices-editor {
    padding-left: var(--DM-margin-q);
}