/* v542: demo phone matches the native iOS app (SystemTabBar + GlassCircleButton in main-app-ios FederatedAuth.swift).
   Scoped to the demo frame (html.virtual-phone-client); the web app is unchanged. Glyphs come from app-chrome.js (SF_TAB).
   Native: selected = .fill glyph tinted #bd2940 (dark #ff6376), unselected = label ink, badge = plain brand dot (badgeValue ""). */
html.virtual-phone-client body :is(.chrome-dock,.fc-mobile-dock)>.chrome-link:not(#fc-x):not(#fc-y){color:#000!important}
html.virtual-phone-client body :is(.chrome-dock,.fc-mobile-dock)>.chrome-link:is([aria-current],.active,.is-active):not(#fc-x):not(#fc-y){color:#bd2940!important}
html.virtual-phone-client body :is(.chrome-dock,.fc-mobile-dock)>.chrome-link>svg.sf-tab{width:27px;height:27px;fill:none!important;stroke:none!important}
html.virtual-phone-client body :is(.chrome-dock,.fc-mobile-dock)>.chrome-link>svg.sf-tab .sf-f,html.virtual-phone-client body :is(.chrome-dock,.fc-mobile-dock)>.chrome-link:is([aria-current],.active,.is-active)>svg.sf-tab .sf-o{display:none}
html.virtual-phone-client body :is(.chrome-dock,.fc-mobile-dock)>.chrome-link:is([aria-current],.active,.is-active)>svg.sf-tab .sf-f{display:inline}
html.virtual-phone-client body :is(.chrome-dock,.fc-mobile-dock)>.chrome-link>.chrome-unread-dot{width:10px!important;height:10px!important;min-width:0!important;padding:0!important;font-size:0!important;line-height:0!important;color:transparent!important;border-radius:50%!important;background:#bd2940!important;box-shadow:none!important;border:0!important}
@media (prefers-color-scheme:dark){html.virtual-phone-client body :is(.chrome-dock,.fc-mobile-dock)>.chrome-link:not(#fc-x):not(#fc-y){color:#fff!important}html.virtual-phone-client body :is(.chrome-dock,.fc-mobile-dock)>.chrome-link:is([aria-current],.active,.is-active):not(#fc-x):not(#fc-y){color:#ff6376!important}html.virtual-phone-client body :is(.chrome-dock,.fc-mobile-dock)>.chrome-link>.chrome-unread-dot{background:#ff6376!important}html.virtual-phone-client body :is(.chrome-dock,.fc-mobile-dock)>.chrome-link>svg.sf-tab{filter:none!important}html.virtual-phone-client body :is(.chrome-dock,.fc-mobile-dock)>.glass-lens:not(#fc-x):not(#fc-y){background:#ffffff2e!important;box-shadow:none!important}}