/* #region zone:desk.ui.kit.phone-chat — แชทมือถือ */
@media (max-width: 480px), (max-width: 899px) and (max-height: 480px) and (orientation: landscape) {
  :root[data-phone-layout] #app-shell[data-mobile-tab='chat'] .chat-col {
    height: calc(var(--desk-visual-height, 100dvh) - 56px - var(--board-band-h, 0px) - var(--news-h, 0px) - 72px);
  }
  :root[data-phone-layout] .chat-card-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 44px 44px;
    align-items: center;
    gap: var(--sp-2);
    padding: var(--sp-1) var(--sp-3);
  }
  :root[data-phone-layout] .chat-card-head h2 {
    font-size: var(--u-body);
  }
  :root[data-phone-layout] .chat-card-sub {
    display: none;
  }
  :root[data-phone-layout] .quota-line {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--desk-phone-secondary);
  }
  :root[data-phone-layout] .phone-only {
    display: inline-flex;
  }
  :root[data-phone-layout] .chat-col :is(.chat-suggestions, .chat-empty-chips, .chat-action-chips) {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    min-width: 0;
    max-width: 100%;
    gap: var(--sp-2);
    padding-block: var(--sp-1);
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }
  :root[data-phone-layout] .chat-card:has(.chat-hello) .chat-suggestions-wrap {
    display: none;
  }
  :root[data-phone-layout] .chat-col :is(.chat-suggestions, .chat-empty-chips, .chat-action-chips) button {
    flex: none;
    width: auto;
    max-width: none;
    height: var(--desk-phone-target);
    min-height: var(--desk-phone-target);
    padding: var(--sp-1) var(--sp-3);
    border-radius: var(--r-pill);
    white-space: nowrap;
    font-size: var(--desk-phone-secondary);
    font-weight: 500;
    background: transparent;
    color: var(--muted);
    border: 2px solid transparent;
    background-clip: padding-box;
    box-shadow: inset 0 0 0 1px var(--line);
  }
  :root[data-phone-layout] :is(.chat-card-head, .chat-form) .u-icon {
    border: var(--sp-1) solid transparent;
    background-clip: padding-box;
  }
  :root[data-phone-layout] .chat-col .chat-form {
    padding: var(--sp-1) var(--sp-2) var(--sp-2);
    gap: var(--sp-1);
  }
  :root[data-phone-layout] .composer-toolbar,
  :root[data-phone-layout] .composer-right {
    flex-wrap: nowrap;
    gap: var(--sp-2);
  }
  :root[data-phone-layout] .composer-left {
    flex: 1 1 0;
  }
  :root[data-phone-layout] .composer-right {
    flex: 0 1 auto;
    max-width: 75%;
  }
  :root[data-phone-layout] .chat-context,
  :root[data-phone-layout] .chat-context-btn {
    min-width: 44px;
    max-width: 100%;
  }
  :root[data-phone-layout] .chat-form .composer-ghost {
    padding-inline: var(--sp-2);
    font-size: var(--desk-phone-secondary);
  }
  :root[data-phone-layout] :is(#chat-context-text, .composer-model-name) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
  }
  :root[data-phone-layout] #model-picker-btn {
    flex-shrink: 1;
    min-width: 44px;
  }
  :root[data-phone-layout] .chat-col :is(.chat-msg, .chat-hello) {
    font-size: var(--u-body);
  }
}
/* #endregion */