/* Logged-in layouts retain their desktop structure and adapt to portrait screens. */
#support-mobile-macros {display:none}
#support-chat-pane {min-height:0}
#support-message-area {min-height:0;overflow-wrap:anywhere;overscroll-behavior:contain}
#support-message-area img {max-width:100%;height:auto}
#support-message-area pre {overflow-x:auto;max-width:100%}
@media(max-width:900px){
  html,body {max-width:100%;overflow-x:clip}
  #dashboard-wrapper,.content,.page,.card {box-sizing:border-box;min-width:0}
  .content {max-width:100%;padding:20px!important}
  .page > div[style*="grid-template-columns"] {grid-template-columns:minmax(0,1fr)!important}
  #support-staff-layout {grid-template-columns:minmax(0,1fr)!important;min-width:0}
  #support-ticket-modal > .card {width:calc(100% - 24px)!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px);margin:0;border-radius:14px;position:relative}
  #support-chat-pane {width:100%;flex:1;min-height:0;min-width:0}
  #support-chat-pane > div:first-child {padding:16px!important;gap:12px;align-items:flex-start!important;flex-wrap:wrap;flex-shrink:0}
  #support-chat-pane > div:first-child > div {min-width:0;max-width:100%}
  #support-chat-pane > div:first-child > div:last-child {flex-wrap:wrap;gap:8px!important}
  #support-active-subject {font-size:17px!important;overflow-wrap:anywhere;line-height:1.4}
  #support-message-area {padding:16px!important;min-height:0;flex:1}
  #support-message-area > div {max-width:100%!important;min-width:0}
  #support-reply-footer {padding:12px!important;flex-shrink:0}
  #support-reply-footer > div:last-child {gap:8px!important;min-width:0}
  #support-reply-footer > div:last-child > div {min-width:0}
  #support-reply-input {font-size:16px!important;max-height:120px!important}
  #internal-macros-sidebar {position:absolute;left:0;top:0;bottom:0;z-index:2;width:min(280px,calc(100% - 48px))!important;box-sizing:border-box;background:#11131f!important;transform:translateX(-101%);visibility:hidden;transition:transform .18s ease,visibility .18s ease}
  #support-ticket-modal.macros-expanded #internal-macros-sidebar {transform:translateX(0);visibility:visible;box-shadow:12px 0 40px #0008}
  #support-mobile-macros[data-available="true"] {display:inline-flex;align-items:center;justify-content:center;min-height:40px}
  #selected-filename {overflow-wrap:anywhere}
  #support-grant-tools,#support-script-grant-tools,#seller-role-tools {flex-wrap:wrap}
}
@media(max-width:600px){
  #dashboard-header {gap:12px!important;padding:14px 16px!important;min-width:0}
  #dashboard-header > div:first-child {gap:10px!important;min-width:0;flex:1}
  #dashboard-header h1 {font-size:17px!important;white-space:nowrap}
  #dashboard-header > div:first-child > div:last-child {display:none!important}
  #hamburger-btn {flex:none;min-width:38px;min-height:38px}
  #userInfo {flex:none;min-width:0;max-width:88px}
  #usernameDisplay {font-size:11px!important;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:88px}
  .content {padding:16px!important}
  .card {padding:18px!important;margin-bottom:16px}
  .page h1 {font-size:27px!important;margin-bottom:22px!important;overflow-wrap:anywhere}
  .page input,.page select,.page textarea {font-size:16px;max-width:100%;box-sizing:border-box}
  .page button,.page .btn-primary,.page .btn-secondary {min-height:42px}
  #discord-link-container {flex-wrap:wrap;gap:12px;padding:12px!important}
  #support-ticket-modal > .card {width:100%!important;height:100dvh!important;max-height:100dvh;border:0;border-radius:0;padding:0!important}
  #support-reply-footer {padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
  #support-ticket-modal button {min-height:40px}
  #support-message-area {font-size:14px;line-height:1.6}
  #support-message-area [style*="max-width:80%"],#support-message-area [style*="max-width: 80%"] {max-width:94%!important}
  #support-transcript-btn,#support-close-btn,#support-reopen-btn,#support-delete-btn {font-size:12px!important;padding:8px 12px!important}
  #support-mobile-macros {position:relative;z-index:3}
  .mobile-table-scroll {overflow:auto;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}
  .mobile-table-scroll table {min-width:580px}
  #create-ticket-modal > .card,#add-macro-modal > .card {box-sizing:border-box;width:calc(100% - 24px)!important;max-height:calc(100dvh - 24px);overflow:auto}
}