
/* Existing-feature polish only: in-menu notifications, pet editor, mobile profile and 9:16 story capture. */
#app-root>.mobile-header>.pati-header-actions{gap:7px;justify-content:flex-end}
#app-root>.mobile-header>.pati-header-actions>.pati-header-menu{flex:0 0 auto}
#tools-form .pati-feature-notifications{padding:12px;border:1px solid #e8e8eb;border-radius:17px;background:#fafafa;margin:0 0 16px;min-width:0}
#tools-form .pati-menu-notifications-top{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:0 0 6px}
#tools-form .pati-menu-notifications-top h3{margin:0;font-size:14px;font-weight:850;display:flex;align-items:center;gap:7px;color:#1b1b1e}
#tools-form .pati-menu-notifications-top h3 .icon{width:17px;height:17px}
#tools-form .pati-menu-notice-count{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#18181c;color:#fff;font-size:11px}
#tools-form .pati-menu-notifications-all{flex:0 0 auto;font-size:12px;font-weight:750;background:transparent;border:0;color:#4d4d56;padding:9px 5px;min-height:36px}
#tools-form .pati-menu-notifications-list{max-height:260px;overflow-y:auto;overscroll-behavior:contain;min-width:0}
#tools-form .pati-menu-notifications-empty{margin:3px 0 0;padding:12px 5px;color:#73747a;font-size:12px}
#tools-form .pati-alert-simple{display:flex;align-items:center;gap:3px;min-width:0;margin:0;border:0;border-top:1px solid #e6e6e9;background:transparent;border-radius:0;padding:0}
#tools-form .pati-alert-simple .pati-alert-entry{flex:1 1 auto;display:flex;align-items:center;text-align:left;gap:10px;min-width:0;border:0;background:transparent;padding:12px 5px;color:#27272d;cursor:pointer}
#tools-form .pati-alert-simple .pati-alert-avatar{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:50%;background:#eaeaf0;overflow:hidden}
#tools-form .pati-alert-simple .pati-alert-avatar .avatar{width:100%;height:100%}
#tools-form .pati-alert-simple .pati-alert-content{min-width:0;flex:1}
#tools-form .pati-alert-simple .pati-alert-title{font-size:12px;line-height:1.45;display:block;overflow-wrap:anywhere}
#tools-form .pati-alert-simple.is-read .pati-alert-title{color:#666;font-weight:500}
#tools-form .pati-alert-simple .pati-alert-meta{display:block;color:#888;margin-top:4px;font-size:10px}
#tools-form .pati-alert-simple .pati-alert-unread{width:7px;height:7px;background:#171719;border-radius:50%;flex:0 0 7px}
#tools-form .pati-alert-simple .pati-alert-delete{flex:0 0 41px;width:41px;min-height:43px;border:0;background:transparent;border-radius:11px;color:#74747d;display:grid;place-items:center;cursor:pointer}
#tools-form .pati-alert-simple .pati-alert-delete .icon{width:18px;height:18px}
#tools-form .pati-alert-simple .pati-alert-delete:hover,#tools-form .pati-alert-simple .pati-alert-delete:active{color:#a91e34;background:#fcecee}
#tools-form .pati-alert-simple :is(.pati-alert-delete,.pati-alert-entry):focus-visible{outline:2px solid #5c5c62;outline-offset:-2px}
/* Make new pet entry look exactly like Edit Profile, not a standalone patchwork form. */
#modal-root .modal.pati-pet-edit-modal{width:min(100% - 24px,520px)!important;max-width:520px!important;border-radius:22px!important}
#modal-root .pati-pet-edit-modal .pati-edit-cover{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:20px 8px;border-bottom:1px solid #efeff1}
#modal-root .pati-pet-edit-modal .pati-edit-avatar{height:96px;width:96px;min-width:96px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#f0f0f3}
#modal-root .pati-pet-edit-modal .pati-pet-edit-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
#modal-root .pati-pet-edit-modal .pati-pet-edit-photo-tools{display:flex;flex-direction:column;align-items:center;gap:7px;max-width:100%}
#modal-root .pati-pet-edit-modal .pati-pet-edit-photo-tools strong{font-size:14px}
#modal-root .pati-pet-edit-modal .pati-pet-edit-photo-tools small{color:#797982;font-size:11px;line-height:1.5}
#modal-root .pati-pet-edit-modal .pati-pet-photo-select{display:inline-flex;align-items:center;justify-content:center;min-height:41px;border-radius:11px;background:#f0f0f3;color:#27272b;border:1px solid #e6e6e9;padding:9px 14px;font-size:13px;font-weight:800;cursor:pointer}
#modal-root .pati-pet-edit-modal #pati-pet-photo{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
#modal-root .pati-pet-edit-modal .pati-edit-sections{padding:15px 0 8px}
#modal-root .pati-pet-edit-modal .pati-edit-section-title{font-weight:850;margin:12px 0;font-size:13px}
#modal-root .pati-pet-edit-modal .pati-pet-edit-fields-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
#modal-root .pati-pet-edit-modal :is(input:not([type=file]),select,textarea){width:100%;min-width:0;box-sizing:border-box}
#modal-root .pati-pet-edit-modal .pati-pet-delete{margin-right:auto;max-width:100%;white-space:normal;font-size:11px}
/* Mobile profile: compact Instagram-like summary, fit-to-screen 3-column posts. */
@media(max-width:740px){
 #main-content .pati-ig-profile{width:100%!important;max-width:100%!important;margin:0!important;overflow-x:hidden!important;border-radius:0!important;padding:0 0 calc(84px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;background:#fff!important}
 #main-content .pati-ig-profile .pati-ig-summary{display:grid!important;grid-template-columns:clamp(72px,21vw,88px) minmax(0,1fr)!important;gap:clamp(10px,3vw,17px)!important;align-items:center!important;padding:17px 12px 8px!important;width:100%!important;box-sizing:border-box!important;background:#fff!important;isolation:auto!important}
 #main-content .pati-ig-profile .pati-ig-summary:before{display:none!important;content:none!important}
 #main-content .pati-ig-profile .pati-ig-avatar{width:clamp(72px,21vw,88px)!important;height:clamp(72px,21vw,88px)!important;min-width:0!important;max-width:100%!important;flex-basis:auto!important;padding:2px!important;border:2px solid #e3e3e6!important;border-radius:50%!important;box-sizing:border-box!important}
 #main-content .pati-ig-profile .pati-ig-avatar .avatar{width:100%!important;height:100%!important;display:block}
 #main-content .pati-ig-profile .pati-ig-avatar img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}
 #main-content .pati-ig-profile .pati-ig-info{min-width:0!important;width:100%!important;gap:3px!important}
 #main-content .pati-ig-profile .pati-ig-handle-row{display:flex!important;gap:5px!important;align-items:center;flex-wrap:wrap;min-width:0}
 #main-content .pati-ig-profile .pati-ig-handle{font-size:clamp(13px,3.9vw,18px)!important;line-height:1.25!important;overflow-wrap:anywhere!important}
 #main-content .pati-ig-profile .pati-ig-name{font-size:12px!important;line-height:1.35!important}
 #main-content .pati-ig-profile .pati-ig-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:2px!important;margin:4px 0 0!important;padding:0!important}
 #main-content .pati-ig-profile .pati-ig-stats>span,#main-content .pati-ig-profile .pati-ig-stats>button{min-width:0!important;min-height:45px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;padding:2px 0!important;white-space:normal!important;text-align:center}
 #main-content .pati-ig-profile .pati-ig-stats b{font-size:clamp(13px,3.9vw,16px)!important;line-height:1.2!important}
 #main-content .pati-ig-profile .pati-ig-stats small{font-size:clamp(9px,2.5vw,11px)!important;line-height:1.15!important;overflow-wrap:anywhere;white-space:normal!important}
 #main-content .pati-ig-profile .pati-ig-bio{margin:0!important;padding:8px 13px!important;line-height:1.5!important;font-size:13px!important;overflow-wrap:anywhere}
 #main-content .pati-ig-profile .pati-mutual-followers{padding-inline:13px;min-width:0;box-sizing:border-box}
 #main-content .pati-ig-profile .pati-ig-actions{display:flex!important;gap:7px!important;flex-wrap:wrap!important;padding:8px 12px 10px!important;margin:0!important;box-sizing:border-box}
 #main-content .pati-ig-profile .pati-ig-actions button{flex:1 1 125px!important;min-width:0!important;max-width:100%!important;min-height:40px!important;font-size:12px!important;padding:8px!important}
 #main-content .pati-ig-profile .pati-profile-verify{padding-left:12px!important;padding-right:12px!important}
 #main-content .pati-ig-profile .pati-ig-tabs{display:flex!important;justify-content:space-around!important;width:100%!important;margin:0!important;box-sizing:border-box!important}
 #main-content .pati-ig-profile .pati-ig-tabs button{flex:1!important;min-width:0!important;min-height:44px!important}
 #main-content .pati-ig-profile .pati-ig-grid{display:grid!important;width:100%!important;max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important;margin:0!important;padding:0!important}
 #main-content .pati-ig-profile .pati-profile-tile{width:100%!important;aspect-ratio:1!important;min-width:0!important;min-height:0!important;overflow:hidden!important;border-radius:0!important}
 #main-content .pati-ig-profile .pati-profile-tile :is(img,video){display:block;width:100%!important;height:100%!important;object-fit:cover!important}
 #main-content .pati-ig-profile .pati-profile-text-tile{display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}
 #main-content .pati-ig-profile .pati-ig-highlights{max-width:100%!important;overflow-x:auto!important;box-sizing:border-box!important}
}
@media(max-width:370px){
 #main-content .pati-ig-profile .pati-ig-summary{grid-template-columns:70px minmax(0,1fr)!important;gap:7px!important;padding:12px 8px 7px!important}
 #main-content .pati-ig-profile .pati-ig-avatar{width:70px!important;height:70px!important}
 #main-content .pati-ig-profile .pati-ig-handle{font-size:13px!important}
 #modal-root .pati-pet-edit-modal .pati-pet-edit-fields-row{grid-template-columns:1fr}
 #tools-form .pati-feature-notifications{padding:9px}
}
@media(prefers-reduced-motion:reduce){
 #tools-form .pati-alert-entry,#tools-form .pati-alert-delete{transition:none!important}
}
