/* v107 — notifications sheet, route titles, spaces, profile tabs, frame picker */

/* Notifications: opens at full height, options top-right, title centred */
dialog#modal[data-notices107]{top:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;transform:none!important}
@media(min-width:760px){dialog#modal[data-notices107]{height:min(100dvh,920px)!important;top:50%!important;transform:translateY(-50%)!important;border-radius:24px!important}}
dialog#modal[data-notices107] .sheet-handle63{display:none!important}
dialog#modal[data-notices107]>.close{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;right:auto;z-index:6}
.notices-head107{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin:-4px -4px 10px;padding:max(10px,env(safe-area-inset-top)) 4px 10px;background:inherit;background:var(--panel,var(--card-paper38,#fff))}
.notices-head107 h2{margin:0;text-align:center;font-size:18px;font-weight:800}
.notices-options107{grid-column:1;width:42px;height:42px}
.notices-spacer107{grid-column:3}
.notices-menu107{position:absolute;top:calc(100% - 4px);right:4px;min-width:210px;padding:6px;border-radius:16px;background:var(--panel,#fff);color:inherit;box-shadow:0 14px 40px rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.06);display:grid;gap:2px}
.notices-menu107[hidden]{display:none}
.notices-menu107 button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}
.notices-menu107 button:hover,.notices-menu107 button:focus-visible{background:rgba(0,0,0,.06)}
.notices-menu107 svg{width:19px;height:19px;flex:none}
/* Narrower, taller cards with tight spacing */
[data-notices107] .notices6{display:grid;gap:5px!important;width:min(100%,460px);margin-inline:auto;padding-inline:10px;box-sizing:border-box}
[data-notices107] .notice6{min-height:122px;padding:16px 14px!important;margin:0!important;border-radius:18px;display:grid;align-content:space-between;gap:10px}
[data-notices107] .notice6 p{margin:0;line-height:1.7}
[data-notices107] .notice6 footer{display:flex;align-items:center;justify-content:space-between;gap:8px}

/* Settings: title beside the back button */
.route-title107{margin:0 6px;font-size:18px;font-weight:800;white-space:nowrap}
.settings-route107 #main .page-intro h1{display:none}

/* Blogs and ads spaces: no «مساحات Tikpen» eyebrow */
.sp32-eyebrow{display:none!important}

/* Profile tabs: four tabs, icon + label */
.profile-tabs33{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.profile-tabs33 button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:6px 2px!important;font-size:12.5px;line-height:1.25;text-align:center;min-width:0;user-select:none;-webkit-user-select:none}
.profile-tabs33 button svg{width:21px;height:21px;flex:none}
.profile-tabs33 button span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-panel33>.section-head{display:none!important}
.profile-all107{display:block;margin:10px auto 0;font-size:12px;opacity:.65;text-align:center}

/* Frame picker: groups and search */
.frame-filter107{display:grid;gap:8px;padding:8px 0 2px;min-width:0;max-width:100%;width:100%}
dialog.frame-picker81>header{min-width:0;max-width:100%;overflow:hidden}
.frame-filter107 input{width:100%;box-sizing:border-box;border-radius:999px;padding:10px 14px}
.frame-chips107{min-width:0;max-width:100%;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.frame-chips107::-webkit-scrollbar{display:none}
.frame-chips107 button{flex:none;border-radius:999px;padding:7px 13px;font-size:13px;border:1px solid rgba(0,0,0,.12);background:transparent;color:inherit;cursor:pointer;min-height:36px}
.frame-chips107 button[aria-selected="true"]{background:var(--accent,var(--tp-p800));border-color:transparent;color:#fff}
.frame-grid81 .frame-choice81[hidden]{display:none!important}
.fast-more107{display:grid;gap:4px;margin-block:8px}
.fast-more107 p{margin:0;font-size:12.5px;opacity:.8}