/* Patiyiz • focused final polish • 31 October 2026.
   Keep interactive handlers, themes, private media and full-screen chat intact. */

/* All in-app back controls share a shape and touch target.
   Reels and the story viewer use the same silhouette with dark-surface colors. */
#main-content>.pati-page-back,
#main-content .pati-streaks-back,
#main-content .pati-dm-inbox-back,
#main-content .mobile-chat-back,
#main-content .pati-profile-back button,
#story-overlay .pati-story-activity-top button[data-action="story-viewers-close"]{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:7px!important;box-sizing:border-box!important;
 min-width:44px!important;min-height:44px!important;
 padding:8px 12px!important;border-radius:13px!important;
 border:1px solid #d9dce2!important;background:#fff!important;
 color:#1c2026!important;font-size:14px!important;font-weight:780!important;
 line-height:1.25!important;text-decoration:none!important;
 box-shadow:0 2px 10px #10152512!important;cursor:pointer;
}
#main-content>.pati-page-back:focus-visible,
#main-content .pati-dm-inbox-back:focus-visible,
#main-content .mobile-chat-back:focus-visible,
#story-overlay .pati-story-activity-top button[data-action="story-viewers-close"]:focus-visible{
 outline:2px solid #6485ee!important;outline-offset:2px;
}
html[data-pati-theme="dark"] #main-content>.pati-page-back,
html[data-pati-theme="dark"] #main-content .pati-dm-inbox-back,
html[data-pati-theme="dark"] #main-content .mobile-chat-back{
 background:#22252b!important;color:#fff!important;border-color:#42464f!important;
}
html[data-pati-view="reels"] #main-content>.pati-page-back{
 background:#11151bcb!important;color:#fff!important;
 border-color:#ffffff72!important;backdrop-filter:blur(10px);
 -webkit-backdrop-filter:blur(10px);
 box-shadow:0 5px 18px #0008!important;
}
#story-overlay .pati-story-activity-top button[data-action="story-viewers-close"]{
 font-size:22px!important;padding:7px!important;
}
html[data-pati-view="profile"] #main-content>.pati-page-back,
#main-content .pati-ig-profile>.pati-profile-back{
 display:none!important;
}

/* One-line own profile actions; coin balance comes from patiCoinState,
   and opening it reuses the existing PatiCoin rewards handler. */
#main-content .pati-ig-profile .pati-ig-actions:has(.pati-profile-coin-balance){
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 align-items:stretch;gap:8px!important;min-width:0;
}
#main-content .pati-ig-profile .pati-ig-actions:has(.pati-profile-coin-balance)>button{
 margin:0!important;min-width:0!important;min-height:55px!important;
 border-radius:13px!important;
}
#main-content .pati-ig-profile .pati-profile-coin-balance{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:8px!important;padding:7px 9px!important;text-align:left;
 border:1px solid #e3e5e9!important;border-radius:13px!important;
 background:#fff!important;color:#1b1e23!important;
 box-shadow:none!important;cursor:pointer;
}
#main-content .pati-profile-coin-balance img{
 width:28px;height:28px;min-width:28px;object-fit:contain;flex:0 0 28px;
}
#main-content .pati-profile-coin-balance>span{
 display:flex;flex-direction:column;min-width:0;align-items:flex-start;gap:3px;
}
#main-content .pati-profile-coin-balance small{
 color:#606672!important;font-size:11px!important;font-weight:700!important;
 white-space:nowrap;
}
#main-content .pati-profile-coin-balance strong{
 color:#181b21!important;font-size:17px!important;font-variant-numeric:tabular-nums;
 font-weight:850!important;line-height:1.1;
}
#main-content .pati-profile-coin-balance:focus-visible{
 outline:2px solid #7192f0;outline-offset:2px;
}

/* Share is a true full-screen dialog. A visible top-right close button
   remains reachable even with mobile safe areas and tall content. */
#modal-root:has(#share-post-form) .modal-backdrop{
 position:fixed!important;inset:0!important;z-index:20000!important;
 width:100vw!important;height:100dvh!important;max-height:none!important;
 display:flex!important;align-items:stretch!important;justify-content:center!important;
 padding:0!important;margin:0!important;overflow:hidden!important;
 background:#fff!important;
}
#modal-root:has(#share-post-form) .modal{
 display:flex!important;flex-direction:column!important;
 width:100vw!important;max-width:none!important;min-width:0!important;
 height:100dvh!important;min-height:0!important;max-height:none!important;
 padding:0!important;margin:0!important;border-radius:0!important;
 overflow:hidden!important;box-sizing:border-box!important;
 background:#fff!important;color:#17191d!important;
 box-shadow:none!important;
}
#modal-root:has(#share-post-form) .modal-header{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex:0 0 auto!important;min-height:62px!important;
 padding:calc(11px + env(safe-area-inset-top,0px)) 16px 11px!important;
 background:#fff!important;color:#17191d!important;
 border-bottom:1px solid #edeef1!important;
}
#modal-root:has(#share-post-form) .modal-header h2{
 margin:0!important;font-size:19px!important;font-weight:800!important;color:#16191e!important;
}
#modal-root:has(#share-post-form) .modal-header .close-modal{
 display:grid!important;place-items:center!important;
 width:44px!important;height:44px!important;min-height:44px!important;
 padding:0!important;margin:0!important;border-radius:12px!important;
 color:#17191d!important;background:#f3f4f6!important;
 border:1px solid #e7e8eb!important;font-size:27px!important;
}
#modal-root:has(#share-post-form) #share-post-form{
 flex:1 1 auto!important;min-height:0!important;
 height:auto!important;display:flex!important;flex-direction:column!important;
 overflow:hidden!important;
}
#modal-root:has(#share-post-form) #share-post-form>.modal-content{
 flex:1 1 auto!important;min-height:0!important;
 overflow-y:auto!important;overflow-x:hidden!important;
 padding:15px 16px max(18px,env(safe-area-inset-bottom,0px))!important;
 box-sizing:border-box!important;-webkit-overflow-scrolling:touch;
 overscroll-behavior:contain;
}
#modal-root:has(#share-post-form) #share-post-form>.modal-footer{
 display:none!important;
}
#share-post-form .pati-share-preview{
 margin:0 0 14px!important;
}
#share-post-form .pati-share-quick{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:8px!important;margin:0 0 17px!important;
}
#share-post-form .pati-share-quick>button{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:8px!important;min-height:48px!important;min-width:0!important;
 padding:10px 9px!important;white-space:normal!important;
 border:1px solid #e3e5e9!important;border-radius:13px!important;
 background:#f7f8fa!important;color:#171a20!important;
 font-size:12px!important;line-height:1.3!important;font-weight:780!important;
}
#share-post-form .pati-share-quick>button.pati-share-to-story{
 grid-column:1/-1!important;
 background:#f2f4fa!important;border-color:#dfe3ef!important;
}
#share-post-form .pati-share-quick .icon{
 width:18px!important;height:18px!important;flex:0 0 18px;
}
#share-post-form .pati-share-search{
 margin-bottom:12px!important;
}
#share-post-form .pati-share-recipient-title{
 margin-top:4px!important;
}
#share-post-form .pati-share-people-grid{
 align-content:start!important;min-height:0!important;
 padding-bottom:20px!important;
}
@media(min-width:741px){
 #modal-root:has(#share-post-form) #share-post-form>.modal-content{
  width:100%!important;max-width:780px!important;margin:0 auto!important;
 }
}
@media(max-width:380px){
 #main-content .pati-ig-profile .pati-ig-actions:has(.pati-profile-coin-balance){gap:6px!important}
 #main-content .pati-profile-coin-balance img{width:24px;height:24px;min-width:24px;flex-basis:24px}
 #main-content .pati-profile-coin-balance small{font-size:10px!important}
 #main-content .pati-profile-coin-balance strong{font-size:15px!important}
 #share-post-form .pati-share-quick>button{font-size:11px!important;padding:9px 6px!important}
}

/* Modern photo crop affordance instead of the old scissors glyph. */
#patiyiz-system-media .pati-system-crop-entry{
 display:flex!important;align-items:center!important;gap:11px!important;
 width:100%!important;min-height:56px!important;padding:10px 12px!important;
 border:1px solid #484c56!important;border-radius:15px!important;
 background:#22242b!important;color:#fff!important;
 font-size:14px!important;font-weight:750!important;text-align:left;
 box-shadow:none!important;
}
#patiyiz-system-media .pati-system-crop-entry[hidden]{display:none!important}
#patiyiz-system-media .pati-system-crop-icon{
 flex:0 0 40px;display:grid;place-items:center;
 width:40px;height:40px;border-radius:11px;
 border:1px solid #6f7583;background:#373b45;color:#fff;
}
#patiyiz-system-media .pati-system-crop-icon svg{
 width:22px;height:22px;stroke:#fff;
}
#patiyiz-system-media .pati-system-crop-copy{flex:1 1 auto;min-width:0}
#patiyiz-system-media .pati-system-crop-chevron{
 color:#c9ccd5;font-size:24px;line-height:1;flex:0 0 auto;
}
#post-form .pati-inline-crop-toggle{
 min-height:44px;display:inline-flex;align-items:center;
 border-radius:12px;padding:10px 13px;
}
#post-form .pati-inline-crop-toggle::before{
 content:"";display:inline-block;width:18px;height:18px;margin-right:9px;
 background-color:currentColor;
 -webkit-mask:linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0);
 clip-path:polygon(0 0,14% 0,14% 72%,80% 72%,80% 100%,68% 100%,68% 86%,0 86%);
}

/* Publish confirmation clearly says 'Yayınlandı'; sound is attached to the
   success branch in app.js and never to a failed publication. */
#toasts .pati-toast:not(.error){border-radius:13px}