body.staff-chat-active .staff-chat-page footer.staff-chat-composer.ti-composer{direction:ltr!important;gap:7px!important;align-items:flex-end!important}
body.staff-chat-active .staff-chat-page .ti-composer .staff-chat-input-shell{order:1!important;direction:ltr!important;min-height:48px!important;padding:3px!important;gap:3px!important;border-radius:26px!important;align-items:center!important}
body.staff-chat-active .staff-chat-page .ti-composer textarea.staff-chat-input{order:0!important;padding:6px 4px 6px 10px!important;min-height:38px!important;height:38px!important;line-height:24px!important}
body.staff-chat-active .staff-chat-page .ti-composer .staff-chat-icon.sticker{order:1!important;flex:0 0 28px!important;width:28px!important;height:32px!important;padding:0!important;background:transparent url('/assets/composer-emoji-ti1.png') center/25px 25px no-repeat!important}
body.staff-chat-active .staff-chat-page .ti-composer .staff-chat-icon.sticker>*{display:none!important}
body.staff-chat-active .staff-chat-page .ti-composer .staff-chat-input-shell>[data-staff-chat-send]{order:2!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#0096f7 url('/assets/composer-send-ti1.png') center/25px 25px no-repeat!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.staff-chat-active .staff-chat-page .ti-composer .staff-chat-input-shell>[data-staff-chat-send]>*{display:none!important}
body.staff-chat-active .staff-chat-page .ti-composer .staff-chat-input-shell>[data-staff-chat-send].is-attach{display:none!important}
body.staff-chat-active .staff-chat-page .ti-composer>.ti-attach{order:0!important;flex:0 0 48px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:50%!important;border:1px solid #ffffffd9!important;box-sizing:border-box!important;padding:0!important;margin:0!important;background:rgba(235,250,253,.82) url('/assets/composer-attach-ti1.png') center/28px 28px no-repeat!important;box-shadow:none!important;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.staff-chat-active .staff-chat-page .ti-composer button:focus-visible{outline:2px solid #1686cb;outline-offset:2px}

body.staff-chat-active .staff-chat-page .ti-composer>.ti-attach{background-image:none!important;display:grid;place-items:center;color:#254b59}
.ti-menu-lines{display:block;position:relative;width:22px;height:2px;background:currentColor;border-radius:2px}
.ti-menu-lines:before,.ti-menu-lines:after{content:"";position:absolute;left:0;width:22px;height:2px;border-radius:2px;background:currentColor}
.ti-menu-lines:before{top:-7px}.ti-menu-lines:after{top:7px}
.ti-menu-overlay{position:fixed;inset:0;z-index:2147483500;display:flex;align-items:flex-end;justify-content:center;padding:0;background:rgba(4,28,43,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;visibility:hidden;transition:opacity .42s ease,background-color .42s ease,backdrop-filter .42s ease,-webkit-backdrop-filter .42s ease,visibility 0s linear .56s;direction:rtl;overscroll-behavior:contain}
.ti-menu-overlay.is-open{opacity:1;visibility:visible;background:rgba(4,28,43,.34);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition-delay:0s}
.ti-menu-overlay.is-closing{opacity:1;visibility:visible;background:rgba(4,28,43,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background-color .58s ease,backdrop-filter .58s ease,-webkit-backdrop-filter .58s ease;pointer-events:none}
.ti-menu-sheet{position:relative;width:min(100%,560px);box-sizing:border-box;margin-bottom:-2px;padding:29px 22px max(24px,calc(env(safe-area-inset-bottom) + 2px));border:1px solid rgba(255,255,255,.76);border-bottom:0;border-radius:30px 30px 0 0;background:rgba(255,255,255,.97);box-shadow:0 -20px 60px rgba(0,42,63,.2);transform:translate3d(0,calc(100% + 36px),0);transition:transform .52s cubic-bezier(.22,1,.36,1);will-change:transform;text-align:center;color:#173f53;font-family:Vazirmatn,Tahoma,Arial,sans-serif}
.ti-menu-overlay.is-open .ti-menu-sheet{transform:translate3d(0,0,0)}
.ti-menu-overlay.is-closing .ti-menu-sheet{transform:translate3d(0,calc(100% + 36px),0);transition:transform .62s cubic-bezier(.64,0,.78,0)}
.ti-menu-confirm{width:100%;min-height:54px;border:0;border-radius:17px;padding:12px 18px;background:linear-gradient(135deg,#087fae,#0aa4d5);box-shadow:0 12px 28px rgba(4,139,187,.24);color:#fff;cursor:pointer;font:950 .98rem/1.7 Vazirmatn,Tahoma,Arial,sans-serif;-webkit-tap-highlight-color:transparent}

.ti-menu-sheet h2{margin:0 0 22px;font-size:17px;color:#078fc0}
.ti-menu-actions{display:flex;justify-content:center;gap:36px;margin:0 0 28px}
.ti-menu-actions>div{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:13px;font-weight:700}
.ti-menu-circle{width:64px;height:64px;border:1px solid #d8edf4;border-radius:50%;padding:0;background:#e9f7fc;cursor:pointer}
.ti-menu-file{background:#e9f7fc url('/assets/composer-attach-ti1.png') center/32px 32px no-repeat}
.ti-menu-reserved{opacity:.55;cursor:default}
.ti-menu-confirm:active,.ti-menu-file:active{transform:scale(.985)}
.ti-menu-sheet:focus{outline:none}.ti-menu-sheet button:focus-visible{outline:3px solid rgba(8,151,201,.28);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.ti-menu-overlay{transition-duration:.2s}.ti-menu-sheet,.ti-menu-overlay.is-closing .ti-menu-sheet{transition-duration:.28s}}

/* SO1: animate space for the independent send circle without replacing its handler. */
body.staff-chat-active .staff-chat-page .ti-composer>.so1-send-slot{order:2!important;position:relative;flex:0 0 0px;width:0;min-width:0;height:48px;align-self:flex-end;overflow:hidden;margin-left:-7px;opacity:0;transform:scale(.65);transform-origin:right center;transition:flex-basis .24s ease,width .24s ease,margin-left .24s ease,opacity .2s ease,transform .24s ease;pointer-events:none}
body.staff-chat-active .staff-chat-page .ti-composer>.so1-send-slot.is-visible{flex-basis:48px;width:48px;margin-left:0;opacity:1;transform:scale(1);pointer-events:auto;overflow:visible}
body.staff-chat-active .staff-chat-page .ti-composer>.so1-send-slot>[data-staff-chat-send]{display:grid!important;place-items:center!important;position:absolute!important;inset:0!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;margin:0!important;padding:0!important;border:1px solid #33c9ec!important;border-radius:50%!important;background:linear-gradient(155deg,#16cef0 0%,#04acd9 48%,#078fcb 100%)!important;box-shadow:inset 0 1px 2px #ffffff8a,0 2px 5px #087e9a30!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:white!important;cursor:pointer}
body.staff-chat-active .staff-chat-page .ti-composer>.so1-send-slot>[data-staff-chat-send] svg{display:block!important;width:43px!important;height:43px!important;max-width:none!important;fill:none}
body.staff-chat-active .staff-chat-page .ti-composer>.so1-send-slot>[data-staff-chat-send]:active{filter:brightness(.94)}
@media(prefers-reduced-motion:reduce){body.staff-chat-active .staff-chat-page .ti-composer>.so1-send-slot{transition:none}}

/* MN1: use the exact quick-menu artwork for chat navigation. */
.ti-menu-actions{gap:24px;flex-wrap:wrap}
.ti-menu-nav{display:grid;place-items:center;text-decoration:none;background:rgba(235,242,245,.85);color:#74777b}
.ti-menu-nav img{display:block;width:34px;height:34px;object-fit:contain;filter:grayscale(1);pointer-events:none}
.ti-menu-sheet a:focus-visible{outline:3px solid rgba(8,151,201,.28);outline-offset:3px}

/* MB1: match the chat header blue on every menu circle. */
.ti-menu-overlay .ti-menu-sheet .ti-menu-circle{background-color:#36a2ca!important;border-color:#36a2ca!important}

/* MO1: home is first from the right, with or without receipt permission. */
.ti-menu-overlay .ti-menu-actions{direction:rtl!important;flex-direction:row!important}
.ti-menu-overlay .ti-menu-receipt-icon{filter:brightness(0) invert(1)!important;color:#fff!important}

/* ME1: four actions fit in the menu; home stays at the right edge. */
.ti-menu-overlay .ti-menu-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:start}
.ti-menu-overlay .ti-menu-actions>div{min-width:0;text-align:center;font-size:12px}
.ti-menu-overlay .ti-menu-circle{display:grid;place-items:center}
.ti-menu-overlay .me1-receipt{display:block;width:34px;height:34px;color:#fff}
.ti-menu-overlay .ti-menu-nav[href="#/events"] img{filter:brightness(0) invert(1)}
.ti-menu-overlay .ti-menu-actions:not(:has(.ti-menu-receipt)){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:380px){.ti-menu-overlay .ti-menu-circle{width:54px;height:54px}.ti-menu-overlay .ti-menu-actions>div{font-size:11px}.ti-menu-overlay .ti-menu-actions{gap:4px}}