.entryAlignmentPanel { margin: 18px 0; padding: 18px; border: 1px solid var(--ui-border); border-left: 4px solid var(--ui-warning); border-radius: 8px; background: var(--color-element); }
.entryAlignmentPanel h2 { margin: 0 0 8px; }
.entryAlignmentPanel p { line-height: 1.5; }
.entryAlignmentColumns { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.entryAlignmentColumns h3 { margin: 8px 0; }
.entryAlignmentColumns > section:last-child { align-self: stretch; }
.entryAlignmentSlots, .entryAlignmentPool { display: flex; flex-direction: column; gap: 10px; }
.entryAlignmentPool { --entry-alignment-top: calc(200px * var(--density, 1) + 80px); position: sticky; top: var(--entry-alignment-top); max-height: max(160px, calc(100dvh - var(--entry-alignment-top) - 32px)); overflow-y: auto; padding: 3px; }
.entryAlignmentSlot { padding: 12px; border: 1px dashed var(--ui-border); border-radius: 6px; background: var(--color-bg); }
.entryAlignmentSlot.resolved { border-style: solid; }
.entryAlignmentSlot pre, .entryAlignmentCard pre { white-space: pre-wrap; overflow-wrap: anywhere; margin: 8px 0; font: inherit; line-height: 1.5; }
.entryAlignmentCard { padding: 10px; border: 1px solid var(--ui-border); border-radius: 6px; background: var(--color-bg2); cursor: grab; }
.entryAlignmentCard.selected { outline: 2px solid var(--ui-accent); outline-offset: 1px; }
.entryAlignmentCard.obsolete { opacity: .65; }
.entryAlignmentCard:focus-visible, .entryAlignmentPanel button:focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 2px; }
.entryAlignmentCard small { color: var(--ui-muted); }
.entryAlignmentCard details { margin: 6px 0; }
.entryAlignmentButtons, .entryAlignmentFooter { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.entryAlignmentFooter { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--ui-border); }
.entryAlignmentFooter p { flex: 1 1 100%; margin: 0 0 6px; }
.entryAlignmentNotice { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 14px 0; padding: 12px; border-left: 4px solid var(--ui-warning); background: var(--color-bg2); }
.entryAlignmentPanel button { max-width: 100%; }
@media (max-width: 1100px) { .entryAlignmentColumns { gap: 10px; } .entryAlignmentPanel { padding: 12px; } }