fix ui composer

static/src/tailwind.css

@@ -130,6 +130,11 @@ body:has(.ticket-workspace) .site-footer{display:none}body:has(.ticket-workspace
 @media(max-width:639px){.profile-completion-notice{grid-template-columns:1fr;margin-top:0}.profile-completion-icon{width:2.4rem;height:2.4rem}.profile-completion-actions{align-items:stretch;flex-direction:column;gap:.65rem}.profile-completion-actions>a{text-align:center}.pwa-install{display:grid;grid-template-columns:auto 1fr;align-items:center}.pwa-install-actions{grid-column:1/-1}.pwa-install-actions button{flex:1}}
 .composer-send-icon{cursor:pointer;user-select:none}.composer-send-icon:focus-visible{outline:3px solid rgba(6,147,227,.25);outline-offset:2px}
 
+/* Compact, keyboard-safe ticket composer shared by customer, magic-link and staff views. */
+.composer-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.55rem}.composer-editor{min-width:0}.composer-draft-status{display:block;min-height:.85rem;margin:.15rem .25rem 0;color:#60758b;font-size:.58rem}.composer-draft-status:empty{display:none}.composer-input-row .composer-send-icon{margin-bottom:.25rem}.ticket-workspace .composer textarea{display:block;width:100%;height:3rem;min-height:3rem;max-height:12rem;overflow-y:hidden;padding:.65rem .85rem;line-height:1.7;transition:border-color .15s ease,box-shadow .15s ease}.reply-media-picker{margin:.55rem 0;padding:.55rem}.media-picker-actions{gap:.5rem}.media-picker-button{min-height:2.5rem;gap:.45rem;border-radius:.7rem;padding:.45rem .65rem;font-size:.7rem}.media-picker-icon{display:grid;width:1.1rem;height:1.1rem;flex:none;place-items:center}.media-picker-icon svg{display:block;width:100%;height:100%;fill:currentColor}.compression-note{margin-top:.45rem}.ticket-workspace .composer.is-keyboard-active textarea{min-height:3rem;max-height:min(30svh,9rem)!important}
+@media(max-width:639px){.ticket-workspace .composer:not(.is-collapsed){padding:.6rem .65rem max(.65rem,env(safe-area-inset-bottom))}.ticket-workspace .composer-context{display:none}.composer-input-row{gap:.4rem}.composer-input-row .composer-send-icon{width:2.65rem;height:2.65rem;min-height:2.65rem;margin-bottom:.175rem}.ticket-workspace .composer textarea{height:3rem;min-height:3rem;max-height:9rem;padding:.6rem .7rem;font-size:1rem}.reply-media-picker{margin:.45rem 0;padding:.45rem}.media-picker-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.media-picker-button{min-height:2.4rem;gap:.3rem;padding:.35rem .4rem;font-size:.64rem;line-height:1.35;text-align:center}.media-picker-icon{width:1rem;height:1rem}.compression-note{margin-top:.35rem;font-size:.6rem}.ticket-workspace .composer-close{display:none!important}.staff-ticket-workspace .composer:not(.is-collapsed) .composer-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-bar{margin-top:.5rem;padding-top:.5rem}.ticket-workspace .composer-bar{bottom:calc(-1 * max(.65rem,env(safe-area-inset-bottom)));margin-bottom:calc(-1 * max(.65rem,env(safe-area-inset-bottom)));padding-bottom:max(.65rem,env(safe-area-inset-bottom))}.conversation-pane:not(:has(.composer.is-collapsed)) .new-message-jump{bottom:15rem}}
+@media(min-width:640px){.composer-input-row .composer-send-icon{width:2.75rem;height:2.75rem;min-height:2.75rem}.reply-media-picker{max-width:36rem}.media-picker-actions{grid-template-columns:repeat(2,minmax(11rem,1fr))}}
+
 /* Non-blocking guidance when current-page timing/length signals resemble rapid chat. */
 .chat-coach{@apply mt-2 grid grid-cols-[auto_1fr_auto] items-start gap-2.5 rounded-xl border border-amber-400/45 bg-amber-50 px-3 py-2.5 text-right;animation:chat-coach-in .2s ease-out}.chat-coach[hidden]{display:none}.chat-coach-icon{@apply grid size-7 place-items-center rounded-lg bg-amber-400/20 text-sm text-amber-800}.chat-coach b{@apply block text-[11px] text-amber-800}.chat-coach p{@apply mt-0.5 text-[10px] leading-5 text-amber-800/80}.chat-coach button{@apply grid size-7 min-h-0 place-items-center rounded-full bg-transparent p-0 text-base font-normal text-amber-800/60 shadow-none hover:bg-amber-400/15 hover:text-amber-800}@keyframes chat-coach-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
 .chat-coach-floating{position:fixed;z-index:90;left:1rem;bottom:1rem;width:min(28rem,calc(100vw - 2rem));margin:0;box-shadow:0 18px 50px -24px rgba(8,55,107,.7)}