/* NEUROX V14: mobile live preview – original React structure, no DOM edits.
   Layout: header | screenshot | tail -f log | thought/status. */
@media screen and (max-width: 780px) {
  html body #top.session,
  html body #top .session__grid { overflow: visible !important; }
  html body #top .session__grid {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: auto auto auto auto !important;
    grid-template-areas: 'hero' 'feed' 'preview' 'agents' !important;
    align-items: start !important;
  }
  html body #top .session__grid > .tp.tp--c {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: auto minmax(240px, 345px) auto auto !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
    padding: 0 !important;
    gap: 0 !important;
    contain: none !important;
  }
  html body #top .session__grid > .tp.tp--c > .tp__title {
    grid-row: 1 !important;
    display: flex !important;
    height: auto !important;
    min-height: 40px !important;
    max-height: none !important;
    overflow: hidden !important;
  }
  html body #top .session__grid > .tp.tp--c > .screen {
    grid-row: 2 !important;
    display: block !important;
    height: 345px !important;
    min-height: 240px !important;
    max-height: 345px !important;
    overflow: hidden !important;
    margin: 0 !important;
    position: relative !important;
    flex: none !important;
  }
  html body #top .session__grid > .tp.tp--c > .trail {
    grid-row: 3 !important;
    display: block !important; /* overrides ORIGINAL mobile .trail {display:none} */
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    height: auto !important;
    min-height: 62px !important;
    max-height: 170px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 10px 12px !important;
    background: #fff !important;
    color: #111 !important;
    border-top: 1px solid #e6e6e6 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    flex: none !important;
    -webkit-line-clamp: unset !important;
  }
  html body #top .session__grid > .tp.tp--c > .trail .trail__hd {
    display: flex !important;
    min-height: 20px !important;
    gap: 6px !important;
    align-items: center !important;
    white-space: nowrap !important;
  }
  html body #top .session__grid > .tp.tp--c > .trail .trail__row {
    display: block !important;
    min-height: 17px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  html body #top .session__grid > .tp.tp--c > .thought {
    grid-row: 4 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 45px !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 12px !important;
    background: #fff !important;
    color: #151515 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    border-top: 1px solid #e6e6e6 !important;
    box-sizing: border-box !important;
    flex: none !important;
  }
  html body #top .session__grid > .tp.tp--c > .trail *,
  html body #top .session__grid > .tp.tp--c > .thought * {
    visibility: visible !important;
  }
}