/* STI phone conversation layout 1.0.0. Desktop and staff hub are unchanged. */
@media(max-width:600px),(pointer:coarse) and (max-height:500px){
 .sti-chat.sti-mobile-chat .sti-chat-panel,
 .sti-chat.sti-mobile-chat.sti-chat-expanded .sti-chat-panel{
  position:fixed;left:4px;right:4px;top:calc(var(--sti-phone-top,0px) + 4px);bottom:auto;
  width:auto;max-width:none;height:calc(var(--sti-phone-height,100dvh) - 8px);
  max-height:calc(var(--sti-phone-height,100dvh) - 8px);min-height:0;
  display:flex;flex-direction:column;overflow:hidden;border-radius:10px;
 }
 .sti-chat.sti-mobile-chat .sti-chat-panel[hidden]{display:none!important}
 .sti-chat.sti-mobile-chat .sti-chat-panel>header{padding:0 10px;min-height:44px;flex-shrink:0}
 .sti-chat.sti-mobile-chat .sti-chat-panel>header strong{font-size:16px;line-height:1.2}
 .sti-chat.sti-mobile-chat .sti-chat-panel>header small{display:none}
 .sti-chat.sti-mobile-chat .sti-chat-close{width:44px;min-height:44px;padding:0;font-size:26px!important}
 .sti-chat.sti-mobile-chat .sti-chat-expand{display:none}
 .sti-chat.sti-mobile-chat .sti-chat-links{padding:4px 8px;gap:6px;flex-shrink:0}
 .sti-chat.sti-mobile-chat .sti-chat-links .sti-enrollment-open-button,
 .sti-chat.sti-mobile-chat .sti-chat-shortcuts>summary{min-height:36px;padding:7px 8px;font-size:12px;line-height:1.3}
 .sti-chat.sti-mobile-chat .sti-chat-shortcuts[open]{max-height:100px;overflow:auto}
 .sti-chat.sti-mobile-chat .sti-chat-notice{padding:4px 8px;font-size:10px;line-height:1.3;max-height:42px;overflow:auto;flex-shrink:0}
 .sti-chat.sti-mobile-chat .sti-chat-messages{flex:1 1 0;min-height:64px;overflow-y:auto;overflow-x:hidden;padding:8px;overscroll-behavior:contain}
 .sti-chat.sti-mobile-chat .sti-chat-msg{font-size:14px;line-height:1.4;margin-bottom:8px;max-width:96%}
 .sti-chat.sti-mobile-chat .sti-chat-status{flex-shrink:0;min-height:0;padding:0 8px;font-size:11px;max-height:32px;overflow:auto}
 .sti-chat.sti-mobile-chat .sti-chat-status:empty{display:none}
 .sti-chat.sti-mobile-chat .sti-chat-form{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:4px 6px;padding:6px 8px;flex-shrink:0;min-width:0;margin:0}
 .sti-chat.sti-mobile-chat .sti-chat-form>textarea{grid-column:1;grid-row:1;width:100%;height:44px;min-height:44px;max-height:76px;font-size:16px;line-height:20px;padding:10px 8px;resize:none;min-width:0;box-sizing:border-box;overflow-y:auto}
 .sti-chat.sti-mobile-chat .sti-chat-form>button[type=submit]{grid-column:2;grid-row:1;min-height:44px;padding:7px 6px;font-size:14px;align-self:stretch}
 .sti-chat.sti-mobile-chat .sti-chat-form>.sti-chat-mic{grid-column:1 / -1;grid-row:2;justify-self:start;min-width:0;min-height:30px;padding:4px 9px;font-size:12px;line-height:20px}
 .sti-chat.sti-mobile-chat .sti-chat-mic-status{flex-shrink:0;margin:0;padding:0 8px 4px;font-size:10px;line-height:1.3;max-height:38px;overflow:auto}
 .sti-chat.sti-mobile-chat .sti-chat-contact{flex-shrink:0;padding:4px 8px!important;margin:0!important;border-width:1px;border-radius:6px;max-height:min(180px,45dvh);overflow:auto;font-size:12px}
 .sti-chat.sti-mobile-chat .sti-chat-callback-details>summary{padding:6px 2px;font-size:12px;line-height:1.3;min-height:30px}
 .sti-chat.sti-mobile-chat .sti-chat-panel>footer{display:none}
 /* Secondary panels return when the student leaves the message field. */
 .sti-chat.sti-mobile-chat.sti-phone-composing:not(.sti-enrollment-open) .sti-chat-links,
 .sti-chat.sti-mobile-chat.sti-phone-composing:not(.sti-enrollment-open) .sti-chat-notice,
 .sti-chat.sti-mobile-chat.sti-phone-composing:not(.sti-enrollment-open) .sti-chat-contact,
 .sti-chat.sti-mobile-chat.sti-phone-composing .sti-chat-mic-status.sti-mic-idle{display:none!important}
 .sti-chat.sti-mobile-chat.sti-enrollment-open .sti-chat-messages,
 .sti-chat.sti-mobile-chat.sti-enrollment-open .sti-chat-form{display:none!important}
 .sti-chat.sti-mobile-chat.sti-enrollment-open .sti-enrollment{flex:1 1 0;min-height:0;max-height:none;overflow:auto}
}