/* Clear, Arabic-first navigation and the in-app updates center. */
.more-navigation{direction:rtl}.more-panel{right:0;left:auto;inset-inline-end:auto;direction:rtl;text-align:right}.more-panel .menu-group-label{text-align:right;border-bottom:1px solid var(--border);padding:12px 8px 8px}.more-panel button{direction:rtl;text-align:right;display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.45}.more-panel button span{font-weight:700}.more-panel button bdi{font-size:12px;color:var(--muted);font-weight:500}.more-panel button.active bdi,.more-panel button:hover bdi{color:inherit}
.notification-bell{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--foreground);font-size:20px;cursor:pointer}.notification-bell:hover,.notification-bell:focus-visible{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent);outline-offset:2px}.notification-count{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:2px solid var(--background);border-radius:999px;background:#c92330;color:#fff;font-size:11px;font-weight:800;line-height:1}.notification-count[hidden]{display:none}
.section-photo-banner{position:relative;height:clamp(160px,24vw,280px);overflow:hidden;margin:0 0 22px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}.section-photo-banner img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 46%}.section-photo-banner::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(9,20,32,.72))}.section-photo-banner figcaption{position:absolute;z-index:1;inset-inline-start:20px;bottom:16px;display:flex;flex-direction:column;gap:4px;color:#fff;font-weight:750;text-shadow:0 1px 4px #0008}.section-photo-banner figcaption bdi{font-size:14px;letter-spacing:.04em}.section-photo-banner figcaption span{font-size:20px}.profile-photo-banner{height:clamp(145px,19vw,220px);margin-bottom:24px}
.notifications-screen{max-width:900px;margin-inline:auto}.notifications-heading{display:flex;align-items:center;gap:18px;margin:20px 0 24px;text-align:right}.notifications-heading h1{margin:2px 0 4px;font-size:clamp(28px,4vw,42px)}.notifications-heading p{margin:0;color:var(--muted)}.notifications-icon{display:grid;place-items:center;width:62px;height:62px;flex:none;border-radius:18px;background:var(--soft);color:var(--accent);font-size:34px}.platform-message,.announcement-admin,.announcement-card{padding:22px;margin:16px 0;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:var(--shadow);text-align:right}.platform-message{border-inline-start:4px solid var(--accent)}.platform-message>strong{font-size:21px}.platform-message p{line-height:1.9;color:var(--muted)}.announcement-admin h2,.announcement-list h2{margin:24px 0 12px}.announcement-admin form{display:grid;gap:14px}.announcement-admin label{display:grid;gap:7px;font-weight:700}.announcement-admin input,.announcement-admin textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--background);color:var(--foreground);font:inherit}.announcement-card.is-unread{border-inline-start:4px solid var(--accent)}.announcement-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.announcement-card h3{margin:0;font-size:20px}.announcement-card p{margin:12px 0;color:var(--foreground);line-height:1.9;white-space:pre-wrap}.announcement-card time{color:var(--muted);font-size:13px}.announcement-state{flex:none;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--accent);font-size:12px;font-weight:700}.announcement-error{color:#b42318}.announcement-empty{padding:20px;color:var(--muted);border:1px dashed var(--border);border-radius:12px}
@media(max-width:760px){.more-panel{position:fixed;top:calc(var(--topbar-height,64px) + 8px);right:12px;left:auto;width:min(350px,calc(100vw - 24px));max-height:min(72vh,650px);padding:10px}.notification-bell{width:40px;height:40px;border-radius:11px}.header-actions{gap:6px}.section-photo-banner{height:165px;border-radius:14px;margin-bottom:16px}.profile-photo-banner{height:145px}.notifications-heading{gap:12px}.notifications-icon{width:50px;height:50px;font-size:28px}.platform-message,.announcement-admin,.announcement-card{padding:16px;margin-block:12px}}
