/* Root fix: no artificial white overlays or duplicated iOS safe-area space. */
@media(max-width:740px){
 html[data-pati-view="home"],html[data-pati-view="home"] body{background:#fff!important}
 html[data-pati-view="home"] #app-root:not(.hidden){background:#fff!important}
 html[data-pati-view="home"] #app-root:not(.hidden)::before,
 html[data-pati-view="home"] #app-root:not(.hidden)>.mobile-header::before,
 html[data-pati-view="home"] #app-root:not(.hidden)>.mobile-header::after{content:none!important;display:none!important}
 html[data-pati-view="home"] #app-root:not(.hidden)>.mobile-header{
  box-sizing:border-box!important;height:calc(56px + env(safe-area-inset-top,0px))!important;
  min-height:calc(56px + env(safe-area-inset-top,0px))!important;
  padding-top:calc(env(safe-area-inset-top,0px) + 4px)!important;
  padding-bottom:4px!important;background:#fff!important;background-image:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  filter:none!important;box-shadow:none!important;opacity:1!important;
 }
 html[data-pati-view="home"] #app-root:not(.hidden)>.app-shell,
 html[data-pati-view="home"] #main-content,
 html[data-pati-view="home"] #main-content>.stories-section{
  margin-top:0!important;padding-top:0!important;background:#fff!important;
 }
 /* Story avatar is a separate sibling, never part of the chat-name column. */
 html[data-pati-view="messages"] #main-content .pati-dm-list-row{
  display:grid!important;grid-template-columns:56px minmax(0,1fr) 32px!important;
  align-items:center!important;gap:10px!important;padding:12px!important;
 }
 html[data-pati-view="messages"] #main-content .pati-dm-list-row:not(:has(>.pati-dm-story-trigger)){
  grid-template-columns:minmax(0,1fr) 32px!important;
 }
 html[data-pati-view="messages"] #main-content .pati-dm-list-row>.pati-dm-story-trigger{
  grid-column:1!important;position:static!important;transform:none!important;
  width:56px!important;height:56px!important;margin:0!important;
 }
 html[data-pati-view="messages"] #main-content .pati-dm-list-row>.chat-person{
  grid-column:2!important;min-width:0!important;width:100%!important;padding:0!important;
  margin:0!important;display:flex!important;align-items:center!important;gap:10px!important;
 }
 html[data-pati-view="messages"] #main-content .pati-dm-list-row:not(:has(>.pati-dm-story-trigger))>.chat-person{grid-column:1!important}
 html[data-pati-view="messages"] #main-content .pati-dm-list-row>.chat-person .chat-person-info{
  flex:1 1 0!important;min-width:0!important;position:static!important;transform:none!important;
 }
 html[data-pati-view="messages"] #main-content .pati-dm-list-row>.pati-dm-row-actions{
  grid-column:-2/-1!important;position:static!important;transform:none!important;
 }
}