/* App-owned page chrome. The design-system kit (kit.css) is a verbatim mirror of the
   Claude Design source and sizes .kc-shell at height:100% so it can be embedded in
   fixed-height docs frames — the app supplies the real viewport height here. 100dvh
   tracks the dynamic viewport on phones so the composer hugs the bottom. */
body {
    height: 100dvh;
}

/* Topbar rename/delete actions: compact on desktop, full tap size on the phone
   topbar (design: proto/rename-conversation — the title truncates instead of
   the actions dropping). 840px matches the shell's drawer breakpoint. */
@media (max-width: 840px) {
    .chat-topbar-action.kc-btn--icon.kc-btn--sm {
        width: var(--kc-tap-min);
        min-width: var(--kc-tap-min);
        min-height: var(--kc-tap-min);
    }
}