/* WHY [BOL-MOBILE-ANSWER-WIDTH-813]: a 24px shield column and a >=64px
   Copy column squeezed every line of a long phone answer, making readable
   text feel huge. Give prose the full message width before shrinking type.
   Keep the mark above and Copy after the answer in normal DOM/read order;
   proof controls, authored text, font scaling and the scroll owner survive.
   FALSIFIER: at 360/390px Copy still reserves a prose column, text/proof is
   clipped, font scaling is disabled, or a new nested scroller appears. */
@media (max-width: 760px) {
  .app-shell .ops-assistant .ops-message--assistant:has(> .ops-message__body) {
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }
  .app-shell .ops-assistant .ops-message--assistant > .ops-message__body {
    grid-column: 1;
  }
  .app-shell .ops-assistant .ops-answer-copy-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .app-shell .ops-assistant .ops-answer-copy-row > button {
    justify-self: end;
    min-width: 64px;
    min-height: 44px;
  }
  /* Native scrollbar only: never replace scrollTop/controller, hide the
     thumb, or move overflow to a second element. Platform overlay behavior
     still needs literal Samsung proof; source styling cannot guarantee it. */
  .app-shell .ops-assistant .ops-thread {
    --ops-scroll-thumb: #62685f;
    --ops-scroll-track: #f1f3ed;
    scrollbar-width: auto;
    scrollbar-color: var(--ops-scroll-thumb) var(--ops-scroll-track);
  }
  @supports selector(::-webkit-scrollbar) {
    /* Let Chromium's explicit native width apply instead of standard color
       styling taking precedence over the pseudo-element styles. */
    .app-shell .ops-assistant .ops-thread { scrollbar-color: auto; }
    .app-shell .ops-assistant .ops-thread::-webkit-scrollbar { width: 9px; }
    .app-shell .ops-assistant .ops-thread::-webkit-scrollbar-track { background: var(--ops-scroll-track); }
    .app-shell .ops-assistant .ops-thread::-webkit-scrollbar-thumb {
      background: var(--ops-scroll-thumb);
      border-radius: 6px;
    }
  }
}