.assistant-panel {
    position: fixed;
    z-index: 1060;
    top: 5rem;
    right: 1rem;
    width: min(26rem, calc(100vw - 2rem));
    max-height: calc(100dvh - 6rem);
    overflow-y: auto;
    background: var(--tblr-bg-surface, #fff);
    border: 1px solid var(--tblr-border-color, #ddd);
    border-radius: 1rem;
    box-shadow: 0 1rem 3rem #0002;
    padding: 1rem;
}
.assistant-panel[hidden], .assistant-panel [hidden] { display: none !important; }
.assistant-tabs { display: flex; gap: .5rem; margin-block: .75rem; }
.assistant-tabs [aria-pressed="true"] { background: #e8f5f1; color: #12684f; }
.assistant-history { max-height: 20rem; overflow-y: auto; }
.assistant-message { white-space: pre-wrap; overflow-wrap: anywhere; padding: .75rem; border-radius: .6rem; margin-bottom: .6rem; background: #f4f6f8; }
.assistant-message[data-speaker="you"] { background: #e8f5f1; }
.assistant-message small { display: block; white-space: normal; margin-top: .5rem; }
.assistant-panel section { margin-top: 1rem; }
.assistant-launcher { position: fixed; right: 1rem; bottom: 5.5rem; z-index: 40; }
.ai-suggest-dialog { display: grid; gap: .75rem; }
@media (max-width: 600px) {
    .assistant-panel { top: .5rem; right: .5rem; width: calc(100vw - 1rem); max-height: calc(100dvh - 1rem); }
}
