/* SUNDUQ v296 — Stage 1: one SVG icon language across primary navigation and messenger UI. */
.suUiIcon,.su296Icon{width:1.2em;height:1.2em;display:inline-block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.18em;pointer-events:none}
.suUnifiedMenuBtn .suUiIcon{width:23px;height:23px}
.suUnifiedMoreBtn .suUiIcon,.suUnifiedCitySelect .suUiIcon,.suUnifiedUserArrow .suUiIcon{width:16px;height:16px;vertical-align:0}
.suUnifiedMoreMenu a,.suUnifiedDrawer nav a,.suUnifiedDrawerAccount a{display:flex;align-items:center;gap:11px}
.suUnifiedMoreMenu a .suUiIcon,.suUnifiedDrawer nav a .suUiIcon,.suUnifiedDrawerAccount a .suUiIcon{width:19px;height:19px;color:#8fc7e9}
.suUnifiedDrawerAccount .suUnifiedDrawerLogout .suUiIcon{color:currentColor}
.suUnifiedDrawerHead button .suUiIcon,.suSearchClose .suUiIcon{width:22px;height:22px}
.suUnifiedWriteBtn .suUiIcon{width:18px;height:18px}
.suUnifiedIconBtn .suUiIcon{width:22px;height:22px}
.suUnifiedCitySelect button>span>.suUiIcon{width:16px;height:16px}

/* Home composer uses the same line icons; action colors remain semantic accents. */
.nhComposerActions button>span,.nhComposeTypes button>span{display:grid;place-items:center}
.nhComposerActions .suUiIcon,.nhComposeTypes .suUiIcon{width:20px;height:20px}

/* Mobile: five destinations only. No floating compose button in the tab bar. */
@media(max-width:900px){
  .suUnifiedMoreWrap{display:none!important}
  .su296MobileNav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--su112-nav-h,72px) + env(safe-area-inset-bottom,0px))!important;padding:0 5px env(safe-area-inset-bottom,0px)!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;background:rgba(3,16,26,.985)!important;border-top:1px solid rgba(93,159,195,.28)!important;box-shadow:0 -18px 45px rgba(0,0,0,.36)!important;backdrop-filter:blur(18px)!important;z-index:9800!important}
  .su296MobileNav a{position:relative!important;height:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:5px 2px!important;text-decoration:none!important;color:#8299aa!important;font-size:10px!important;font-weight:800!important;line-height:1!important;-webkit-tap-highlight-color:transparent}
  .su296MobileNav a.active{color:#5ab8f4!important}
  .su296MobileNav .su296NavIcon{width:27px;height:27px;display:grid;place-items:center}
  .su296MobileNav .su296NavIcon .su296Icon{width:24px;height:24px;stroke-width:1.9}
  .su296MobileNav .su296NavBadge{position:absolute;top:8px;left:calc(50% + 8px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f31d59;color:#fff;display:grid;place-items:center;font-size:10px;font-style:normal;line-height:1;box-shadow:0 0 0 2px #071722}
  .su296MobileNav .su296NavBadge.hidden{display:none!important}
  body.msg188Body .su112ComposeButton,body.msg188Body .nhMobilePlus{display:none!important}
}

/* Messenger controls: same geometry/weight on every OS. */
.msg188Body .su296Icon{stroke-width:1.9}
.msgPush206Bell .su296Icon,.msg217GroupButton .su296Icon,.msg188NewButton .su296Icon{width:19px;height:19px}
.msg188Search>span .su296Icon{width:18px;height:18px}
.msg188MobileBack .su296Icon{width:21px;height:21px}
.msg188WelcomeIcon .su296Icon{width:40px;height:40px}
.msg190MediaButton .su296Icon,.msg229EmojiButton .su296Icon{width:21px;height:21px}
.msg190MediaMenu button .su296Icon{width:20px;height:20px}
.msg188SendButton .su296Icon{width:21px;height:21px;stroke-width:2.1}
.msg192PrivacyFooter .su296Icon{width:16px;height:16px}
.msg282CallActions button>span{display:grid;place-items:center}
.msg282CallActions .su296Icon{width:24px;height:24px}
.msg282Control .su296Icon{width:24px;height:24px}

@media(prefers-reduced-motion:reduce){.su296MobileNav,.su296MobileNav *{transition:none!important}}

/* Dynamic home rail icons and save state. */
.nhDiscussionStats .su296Icon,.nhMiniIcon .su296Icon,.nhMiniThumb .su296Icon,.nhWeatherTop .su296Icon,.nhAlertSingleTop .su296Icon{width:18px;height:18px}
.nhVideoThumb .su296Icon{width:17px;height:17px}
.is-saved .su296Icon{fill:currentColor}
.mainMenu .menuIcon{display:grid;place-items:center}.mainMenu .menuIcon .suUiIcon{width:22px;height:22px}

/* Messenger icon-only controls keep consistent size and accessible hit targets. */
.msg282HeaderCall .su296Icon,.msg257HeaderDanger .su296Icon{width:20px;height:20px}
.msg188ModalClose .su296Icon,.msg190RecordClose .su296Icon,.msg229EmojiClose .su296Icon,.msgPush206Close .su296Icon{width:19px;height:19px}
.msg188ModalSearch>span .su296Icon{width:18px;height:18px}
.msg245InviteButton .su296Icon,.msg190FileMessage .su296Icon,.msg217GroupBar .su296Icon,.msg217Check .su296Icon,.msg217Chip button .su296Icon{width:16px;height:16px}
.msg190RecordActions .su296Icon,.msg190Recording button .su296Icon{width:16px;height:16px}
.msg245PhoneHint .su296Icon{width:13px;height:13px;vertical-align:-.12em}