/* Patiyiz — five original profile sections + story ring + compact DM corrections.
   Loaded last so fixes cannot be overwritten by older chat themes. */
#main-content .pati-ig-profile .pati-ig-tabs{
 display:grid!important;
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 gap:0!important;
 overflow:hidden!important;
 width:100%!important;
 border-top:1px solid var(--p3-chat-border,#e1e4e6)!important;
 border-bottom:1px solid var(--p3-chat-border,#e1e4e6)!important;
}
#main-content .pati-ig-profile .pati-ig-tabs>button{
 display:grid!important;
 place-items:center!important;
 flex:1 1 20%!important;
 min-width:0!important;
 min-height:56px!important;
 padding:10px 0!important;
 color:#737a80!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
}
#main-content .pati-ig-profile .pati-ig-tabs>button.active,
#main-content .pati-ig-profile .pati-ig-tabs>button[aria-selected="true"]{
 color:#202428!important;
}
#main-content .pati-ig-profile .pati-ig-tabs>button.active::before{
 top:auto!important;bottom:0!important;left:23%!important;
 width:54%!important;height:3px!important;
 border-radius:4px 4px 0 0;
 background:currentColor!important;
}
#main-content .pati-ig-profile .pati-ig-tabs>button .pati-profile-tab-icon{
 display:block!important;
 width:27px!important;
 height:27px!important;
 stroke-linecap:round;
 stroke-linejoin:round;
 flex:0 0 auto!important;
}
html[data-pati-theme="dark"] #main-content .pati-ig-profile .pati-ig-tabs>button{
 color:#9ca4aa!important;
}
html[data-pati-theme="dark"] #main-content .pati-ig-profile .pati-ig-tabs>button.active{
 color:#fff!important;
}
/* Match the home timeline story: a real ring only when a live story exists. */
#main-content .pati-ig-profile .pati-ig-summary .pati-ig-avatar.pati-profile-has-story{
 padding:3px!important;
 border:0!important;
 background:linear-gradient(35deg,#ffb831 0%,#ff5a3d 35%,#fa225f 72%,#cc10b4 100%)!important;
}
#main-content .pati-ig-profile .pati-ig-avatar .pati-profile-story-view{
 display:grid!important;
 place-items:center!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 padding:0!important;
 margin:0!important;
 border:2px solid var(--p3-chat-background,#fff)!important;
 background:var(--p3-chat-background,#fff)!important;
 color:inherit!important;
 border-radius:50%!important;
 overflow:hidden!important;
 cursor:pointer!important;
 -webkit-tap-highlight-color:transparent;
}
#main-content .pati-ig-profile .pati-ig-avatar .pati-profile-story-view>.avatar{
 display:grid!important;
 place-items:center!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 border:0!important;
 border-radius:50%!important;
 overflow:hidden!important;
 position:relative!important;
 background:#e8e8ec;
}
#main-content .pati-ig-profile .pati-ig-avatar .pati-profile-story-view>.avatar img{
 display:block!important;
 width:100%!important;height:100%!important;
 max-width:100%!important;
 object-fit:cover!important;
 object-position:center!important;
 border-radius:50%!important;
}
#main-content .pati-ig-profile .pati-ig-avatar .pati-profile-story-view:focus-visible{
 outline:3px solid #b84a77!important;outline-offset:3px!important;
}
/* The header uses separate fixed photo and flexible text columns.
   No overlapping avatars, handles, names or profile action on narrow phones. */
#main-content .pati-dm-layout .chat-window>header{
 display:grid!important;
 grid-template-columns:40px 46px minmax(0,1fr) auto!important;
 grid-auto-flow:column!important;
 gap:8px!important;
 align-items:center!important;
 flex-wrap:nowrap!important;
 width:100%!important;
 min-width:0!important;
 padding:9px 10px!important;
 box-sizing:border-box!important;
}
#main-content .pati-dm-layout .chat-window>header>.mobile-chat-back{
 grid-column:1!important;
 grid-row:1!important;
 width:38px!important;
 min-width:38px!important;
 padding:0!important;
 margin:0!important;
 justify-self:center!important;
 align-self:center!important;
}
#main-content .pati-dm-layout .chat-window>header>.chat-head-avatar{
 grid-column:2!important;
 grid-row:1!important;
 width:44px!important;min-width:44px!important;max-width:44px!important;
 height:44px!important;
 display:grid!important;place-items:center!important;
 padding:0!important;margin:0!important;
 overflow:visible!important;
 justify-self:center!important;
}
#main-content .pati-dm-layout .chat-window>header>.chat-head-avatar>.pati-dm-story-trigger{
 width:44px!important;min-width:44px!important;height:44px!important;
 box-sizing:border-box!important;
}
#main-content .pati-dm-layout .chat-window>header>.chat-head-avatar>.avatar{
 display:grid!important;place-items:center!important;
 width:42px!important;height:42px!important;
 min-width:42px!important;max-width:42px!important;
 border-radius:50%!important;
 overflow:hidden!important;
}
#main-content .pati-dm-layout .chat-window>header>span:not(.chat-head-avatar){
 grid-column:3!important;
 grid-row:1!important;
 min-width:0!important;
 max-width:100%!important;
 width:auto!important;
 display:flex!important;
 flex-direction:column!important;
 gap:2px!important;
 justify-content:center!important;
 overflow:hidden!important;
 margin:0!important;
 padding:0!important;
}
#main-content .pati-dm-layout .chat-window>header>span:not(.chat-head-avatar)>strong,
#main-content .pati-dm-layout .chat-window>header>span:not(.chat-head-avatar)>small{
 display:block!important;
 max-width:100%!important;
 overflow:hidden!important;
 white-space:nowrap!important;
 text-overflow:ellipsis!important;
 margin:0!important;
}
#main-content .pati-dm-layout .chat-window>header>.chat-view-profile{
 grid-column:4!important;
 grid-row:1!important;
 justify-self:end!important;
 width:auto!important;
 min-width:0!important;
 max-width:64px!important;
 border:1px solid var(--p3-chat-border)!important;
 border-radius:10px!important;
 padding:8px 9px!important;
 box-sizing:border-box!important;
 white-space:nowrap!important;
 font-size:12px!important;
}
#main-content .pati-dm-layout .pati-dm-attach-menu{
 grid-template-columns:repeat(2,44px)!important;
}
#main-content .pati-dm-layout .pati-dm-attach-menu button,
#main-content .pati-dm-layout .pati-dm-attach-menu label{
 border-radius:12px!important;
}
/* Voice notes: sender's actual avatar, clear native playback controls and timestamps. */
#main-content .pati-dm-layout .chat-history .bubble-chat:has(.pati-dm-voice-card),
#main-content .pati-dm-layout .chat-history .bubble-chat.mine:has(.pati-dm-voice-card){
 width:min(86%,370px)!important;
 max-width:min(86%,370px)!important;
 padding:2px 0!important;
 border:0!important;
 background:transparent!important;
 box-shadow:none!important;
}
#main-content .pati-dm-layout .pati-dm-voice-card{
 display:flex;
 align-items:center;
 gap:11px;
 min-width:0;
 padding:11px 12px;
 border-radius:16px;
 border:1px solid var(--p3-chat-border);
 background:var(--p3-chat-other);
 box-sizing:border-box;
}
#main-content .pati-dm-layout .bubble-chat.mine .pati-dm-voice-card{
 background:var(--p3-chat-mine);
 border-color:transparent;
}
#main-content .pati-dm-layout .pati-dm-voice-avatar{
 display:grid!important;
 place-items:center!important;
 flex:0 0 42px!important;
 width:42px!important;height:42px!important;
 min-width:42px!important;
 border-radius:50%;
 overflow:hidden;
 background:color-mix(in srgb,var(--p3-chat-border) 75%,transparent);
}
#main-content .pati-dm-layout .pati-dm-voice-avatar .avatar{
 width:100%!important;height:100%!important;
 min-width:0!important;
 border-radius:50%!important;
 overflow:hidden;
}
#main-content .pati-dm-layout .pati-dm-voice-avatar .avatar img{
 width:100%!important;height:100%!important;
 object-fit:cover!important;border-radius:50%!important;
}
#main-content .pati-dm-layout .pati-dm-voice-main{
 display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:5px;
}
#main-content .pati-dm-layout .pati-dm-voice-label{
 display:block;min-width:0;
 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
 font-size:11px;font-weight:700;opacity:.8;
}
#main-content .pati-dm-layout .pati-dm-voice-main .pati-dm-audio{
 display:block!important;
 filter:none!important;
 width:100%!important;
 min-width:0!important;
 max-width:100%!important;
 height:38px!important;
 background:transparent!important;
}
/* RPC errors should leave an obvious way out instead of a stuck spinner. */
.pati-creator-dashboard .pati-creator-failure{
 display:flex;flex-direction:column;gap:12px;
 align-items:center;justify-content:center;text-align:center;
 padding:25px 20px;margin:auto;max-width:420px;
}
.pati-creator-dashboard .pati-creator-failure strong{
 font-size:20px;font-weight:800;color:var(--pui-text,#222);
}
.pati-creator-dashboard .pati-creator-failure p{
 font-size:14px;line-height:1.55;color:var(--pui-secondary,#777);margin:0;
}
.pati-creator-dashboard .pati-creator-failure button{
 padding:11px 20px;border-radius:11px;
 background:var(--pui-text,#222);color:var(--pui-paper,#fff);
 border:0;cursor:pointer;font-weight:750;
}
@media(max-width:740px){
 #main-content .pati-dm-layout .chat-window>header{
  grid-template-columns:31px 41px minmax(0,1fr) auto!important;
  gap:6px!important;
  padding:8px!important;
 }
 #main-content .pati-dm-layout .chat-window>header>.mobile-chat-back{
  width:30px!important;min-width:30px!important;
 }
 #main-content .pati-dm-layout .chat-window>header>.chat-head-avatar,
 #main-content .pati-dm-layout .chat-window>header>.chat-head-avatar>.pati-dm-story-trigger{
  width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;
 }
 #main-content .pati-dm-layout .chat-window>header>.chat-view-profile{
  max-width:56px!important;padding:7px 6px!important;font-size:11px!important;
 }
 #main-content .pati-ig-profile .pati-ig-tabs>button{min-height:54px!important}
 #main-content .pati-ig-profile .pati-ig-tabs>button .pati-profile-tab-icon{
  width:24px!important;height:24px!important;
 }
}
@media(max-width:355px){
 #main-content .pati-dm-layout .chat-window>header{
  grid-template-columns:27px 36px minmax(0,1fr) auto!important;
  gap:4px!important;padding-inline:5px!important;
 }
 #main-content .pati-dm-layout .chat-window>header>.chat-head-avatar,
 #main-content .pati-dm-layout .chat-window>header>.chat-head-avatar>.pati-dm-story-trigger{
  width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;
 }
 #main-content .pati-dm-layout .chat-window>header>.chat-view-profile{
  font-size:10px!important;padding:6px 4px!important;max-width:47px!important;
 }
}


/* Group chats have an optional fifth owner action: keep it in one row, not a grid overflow. */
#main-content .pati-dm-layout .chat-window.pati-group-chat-window>header.pati-group-chat-header{
 display:flex!important;
 flex-wrap:nowrap!important;
 grid-template-columns:none!important;
 grid-auto-flow:row!important;
 align-items:center!important;
 gap:7px!important;
 min-width:0!important;
}
#main-content .pati-dm-layout .pati-group-chat-window>header>.pati-group-avatar{
 display:grid!important;place-items:center!important;
 flex:0 0 40px!important;
 width:40px!important;height:40px!important;
 min-width:40px!important;max-width:40px!important;
 margin:0!important;
}
#main-content .pati-dm-layout .pati-group-chat-window>header>.pati-group-chat-title{
 flex:1 1 0!important;min-width:0!important;max-width:100%!important;
 display:flex!important;flex-direction:column!important;
 overflow:hidden!important;
}
#main-content .pati-dm-layout .pati-group-chat-window>header>.pati-group-chat-title strong,
#main-content .pati-dm-layout .pati-group-chat-window>header>.pati-group-chat-title small{
 display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
 width:100%;min-width:0;
}
#main-content .pati-dm-layout .pati-group-chat-window>header>.chat-view-profile,
#main-content .pati-dm-layout .pati-group-chat-window>header>.pati-group-delete-top{
 display:grid!important;place-items:center!important;flex:0 0 auto!important;
 margin:0!important;grid-column:auto!important;grid-row:auto!important;
}
#main-content .pati-dm-layout .pati-group-chat-window>header>.pati-group-delete-top{
 width:35px!important;height:35px!important;min-width:35px!important;padding:6px!important;
}
@media(max-width:380px){
 #main-content .pati-dm-layout .chat-window.pati-group-chat-window>header.pati-group-chat-header{gap:4px!important;padding-inline:5px!important}
 #main-content .pati-dm-layout .pati-group-chat-window>header>.pati-group-avatar{flex-basis:34px!important;width:34px!important;min-width:34px!important;height:34px!important}
 #main-content .pati-dm-layout .pati-group-chat-window>header>.pati-group-delete-top{width:30px!important;min-width:30px!important}
}


/* 2026-10-29 — Twitter/X-style timeline for text posts on user profiles.
   Other five profile tabs keep their original full-bleed visual grids. */
#main-content .pati-ig-profile .pati-profile-text-feed{
 display:flex!important;
 flex-direction:column!important;
 gap:0!important;
 width:100%!important;
 min-width:0!important;
 padding:0!important;
 margin:0!important;
 background:var(--pui-paper,#fff)!important;
 border:0!important;
 border-radius:0!important;
 color:var(--pui-text,#202127)!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-profile-text-item{
 display:block!important;
 position:relative;
 width:100%!important;
 min-width:0!important;
 padding:0!important;
 margin:0!important;
 box-sizing:border-box!important;
 border-bottom:1px solid var(--pui-border,#e7e8eb)!important;
 background:var(--pui-paper,#fff)!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-card.pati-feed-text-only{
 display:block!important;
 width:100%!important;
 max-width:none!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 background:transparent!important;
 overflow:visible!important;
 color:var(--pui-text,#202127)!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-text-only .pati-feed-card-header{
 min-height:52px!important;
 display:flex!important;
 align-items:center!important;
 background:transparent!important;
 padding:13px 16px 5px!important;
 color:var(--pui-text,#202127)!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-text-only .pati-feed-card-header .avatar{
 width:42px!important;height:42px!important;
 flex:0 0 42px!important;min-width:42px!important;
 border-radius:50%!important;overflow:hidden!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-card-header .pati-profile-row{
 display:flex!important;
 align-items:center!important;
 gap:10px!important;
 min-width:0!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-card-header .pati-profile-row>div,
#main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-card-header .pati-profile-row>span{
 min-width:0!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-card-header strong{
 color:var(--pui-text,#202127)!important;
 font-weight:800!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-card-header small{
 color:var(--pui-secondary,#59616b)!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-text-content{
 display:block!important;
 width:100%!important;
 min-height:0!important;
 padding:3px 16px 11px 68px!important;
 background:transparent!important;
 box-sizing:border-box!important;
 border:0!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-text-content .pati-post-caption{
 display:block!important;
 margin:0!important;
 font-size:clamp(15px,2vw,16px)!important;
 line-height:1.52!important;
 font-weight:400!important;
 letter-spacing:0!important;
 white-space:pre-wrap!important;
 overflow-wrap:anywhere!important;
 color:var(--pui-text,#202127)!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-text-content .pati-hashtag,
#main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-card-header .pati-profile-row small{
 color:var(--pui-link,#2284c4)!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-social-actions{
 border:0!important;
 min-height:40px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:5px!important;
 padding:0 16px 2px 68px!important;
 background:transparent!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-post-details{
 padding:0 16px 1px 68px!important;
 gap:9px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 background:transparent!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-post-like-summary{
 display:none!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-post-time{
 font-size:11px!important;
 color:var(--pui-secondary,#68707b)!important;
 opacity:.9!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-pet{
 padding-inline:68px 16px!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-profile-text-open{
 display:inline-flex!important;
 align-items:center!important;
 gap:6px!important;
 width:auto!important;
 min-height:28px!important;
 max-width:calc(100% - 84px)!important;
 margin:0 16px 12px 68px!important;
 padding:4px 2px!important;
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 font-size:12px!important;
 font-weight:650!important;
 color:var(--pui-secondary,#65707a)!important;
 cursor:pointer;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-profile-text-open .icon{
 width:13px!important;height:13px!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-profile-text-open:hover{
 color:var(--pui-text,#202127)!important;
 text-decoration:underline;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-profile-text-pinned{
 padding:12px 16px 0 68px!important;
 font-size:11px!important;
 font-weight:750!important;
 color:var(--pui-secondary,#5b646f)!important;
}
#main-content .pati-ig-profile .pati-profile-text-feed .pati-ig-empty{
 display:block!important;
 width:100%!important;
 box-sizing:border-box!important;
 padding:45px 18px!important;
 grid-column:auto!important;
 text-align:center!important;
 color:var(--pui-secondary,#626975)!important;
}
html[data-pati-theme="dark"] #main-content .pati-ig-profile .pati-profile-text-feed,
html[data-pati-theme="dark"] #main-content .pati-ig-profile .pati-profile-text-feed .pati-profile-text-item{
 background:var(--pui-paper,#1c1d22)!important;
}
html[data-pati-theme="dark"] #main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-card-header,
html[data-pati-theme="dark"] #main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-text-content,
html[data-pati-theme="dark"] #main-content .pati-ig-profile .pati-profile-text-feed .pati-social-actions{
 background:transparent!important;
}
@media(max-width:740px){
 #main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-card-header{
  padding:12px 12px 4px!important;
 }
 #main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-text-only .pati-feed-card-header .avatar{
  width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important;
 }
 #main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-text-content{
  padding:4px 12px 9px 62px!important;
 }
 #main-content .pati-ig-profile .pati-profile-text-feed .pati-social-actions{
  padding:0 12px 0 62px!important;
 }
 #main-content .pati-ig-profile .pati-profile-text-feed .pati-post-details{
  padding:0 12px 0 62px!important;
 }
 #main-content .pati-ig-profile .pati-profile-text-feed .pati-profile-text-open{
  margin:1px 12px 10px 62px!important;
 }
 #main-content .pati-ig-profile .pati-profile-text-feed .pati-profile-text-pinned{
  padding:10px 12px 0 62px!important;
 }
 #main-content .pati-ig-profile .pati-profile-text-feed .pati-feed-pet{
  padding-inline:62px 12px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #main-content .pati-ig-profile .pati-profile-text-feed *{scroll-behavior:auto!important}
}