/* ========================================================================== 
   ONE HEALTH EVENTS 2026 — RESPONSIVE ARCHITECTURE V2
   Final layout layer loaded AFTER app.css.
   Purpose: one deterministic responsive model for both event platforms.
   ========================================================================== */

:root{
  --oh-r-sidebar: clamp(188px, 13.8vw, 222px);
  --oh-r-right: clamp(340px, 30vw, 480px);
  --oh-r-gap: clamp(12px, 1.2vw, 20px);
  --oh-r-pad: clamp(14px, 1.55vw, 26px);
}

html,body{width:100%!important;max-width:100%!important;min-width:0!important;}
body{overflow-x:hidden!important;}
img,svg,video,canvas{max-width:100%;}
button,a,input,select,textarea{font:inherit;}
.app,.main,.right,.sidebar,.dashboardPage,.pageContent{min-width:0!important;}

/* ------------------------------ DESKTOP ---------------------------------- */
@media (min-width:1200px){
  html,body{height:100%!important;overflow:hidden!important;}
  .app{
    display:grid!important;
    grid-template-columns:var(--oh-r-sidebar) minmax(0,1fr) var(--oh-r-right)!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    width:100vw!important;max-width:none!important;
    height:100dvh!important;min-height:0!important;
    margin:0!important;overflow:hidden!important;
  }
  .sidebar{
    grid-column:1!important;grid-row:1!important;
    position:relative!important;inset:auto!important;
    display:flex!important;flex-direction:column!important;
    width:auto!important;height:100%!important;min-height:0!important;
    padding:14px 0 12px!important;overflow:hidden!important;
  }
  .brand{
    flex:0 0 auto!important;width:auto!important;height:auto!important;min-height:138px!important;
    padding:4px 16px 12px!important;display:block!important;
  }
  .brand img{display:block!important;width:min(108px,82%)!important;height:70px!important;object-fit:contain!important;object-position:left center!important;}
  .brand b{display:block!important;margin-top:8px!important;font-size:11px!important;line-height:1.34!important;max-width:170px!important;}
  .sidebar nav{
    flex:1 1 auto!important;min-height:0!important;width:100%!important;
    display:block!important;margin:5px 0 0!important;padding:0 0 8px!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    scrollbar-width:thin!important;
  }
  .sidebar nav a{
    display:flex!important;width:100%!important;min-width:0!important;
    min-height:43px!important;height:auto!important;
    padding:8px 12px!important;gap:9px!important;align-items:center!important;
    white-space:normal!important;font-size:11px!important;line-height:1.18!important;
  }
  .sidebar nav a i{flex:0 0 30px!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;}
  .sidebar nav a>span{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .sidebarControls{
    position:static!important;inset:auto!important;transform:none!important;
    flex:0 0 auto!important;width:auto!important;
    display:grid!important;grid-template-columns:1fr!important;
    gap:8px!important;margin:10px 10px 0!important;padding:10px 0 0!important;
    border:0!important;border-top:1px solid rgba(104,190,220,.18)!important;
    background:transparent!important;box-shadow:none!important;overflow:visible!important;
  }
  .sidebarControls button,.sidebarControls .eventsHomeBtn,.sidebarControls .eventSwitchBtn{
    display:grid!important;width:100%!important;min-width:0!important;min-height:46px!important;height:auto!important;
    margin:0!important;transform:none!important;
  }
  .main{
    grid-column:2!important;grid-row:1!important;
    width:auto!important;height:100%!important;max-height:100%!important;min-height:0!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
    border-right:1px solid rgba(104,190,220,.16)!important;
  }
  .right{
    grid-column:3!important;grid-row:1!important;
    width:auto!important;height:100%!important;max-height:100%!important;min-height:0!important;
    padding:var(--oh-r-pad)!important;
    display:flex!important;flex-direction:column!important;gap:14px!important;
    overflow-y:auto!important;overflow-x:hidden!important;
  }
  .right>.video,.right>.quick,.right>.partners,.right>.follow{margin:0!important;flex:0 0 auto!important;}
  footer{
    grid-column:1/4!important;grid-row:2!important;
    min-height:48px!important;height:auto!important;
    padding:9px 18px!important;display:grid!important;grid-template-columns:1.15fr .85fr 1.25fr!important;gap:16px!important;
  }
  .homeFlow{min-width:0!important;padding-bottom:28px!important;}
  .hero{height:auto!important;min-height:clamp(430px,54vh,620px)!important;aspect-ratio:auto!important;}
  .heroCopy{left:clamp(24px,5vw,80px)!important;right:clamp(24px,4vw,60px)!important;top:auto!important;bottom:clamp(22px,4vh,46px)!important;}
  .heroCopy h1{font-size:clamp(30px,3vw,48px)!important;line-height:1.04!important;}
  .stats{height:auto!important;min-height:106px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:12px var(--oh-r-pad)!important;}
  .stats div{min-height:88px!important;padding:10px 6px!important;}
  .speakers{height:auto!important;min-height:0!important;padding:18px var(--oh-r-pad) 34px!important;overflow:visible!important;}
  .speakerGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important;}
  .speakerGrid article{height:auto!important;min-height:178px!important;}
  .dashboardPage{height:auto!important;min-height:100%!important;overflow:visible!important;padding:clamp(30px,5vh,64px) var(--oh-r-pad) 44px!important;}
}

/* ------------------------------- TABLET ---------------------------------- */
@media (min-width:768px) and (max-width:1199px){
  html,body{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;}
  .app{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:100dvh!important;margin:0!important;overflow:visible!important;}
  .sidebar{
    position:sticky!important;top:0!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:1000!important;
    width:100%!important;height:auto!important;min-height:0!important;
    display:grid!important;grid-template-columns:minmax(170px,210px) minmax(0,1fr)!important;
    grid-template-areas:"brand controls" "nav nav"!important;
    align-items:center!important;gap:7px 12px!important;padding:8px 12px 7px!important;
    overflow:visible!important;border-right:0!important;border-bottom:1px solid rgba(104,190,220,.18)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  }
  .brand{grid-area:brand!important;display:flex!important;align-items:center!important;gap:9px!important;width:auto!important;height:54px!important;min-height:0!important;padding:0!important;}
  .brand img{display:block!important;flex:0 0 48px!important;width:48px!important;height:48px!important;object-fit:contain!important;}
  .brand b{display:block!important;margin:0!important;font-size:9.5px!important;line-height:1.2!important;max-width:145px!important;}
  .sidebar nav{
    grid-area:nav!important;display:flex!important;width:100%!important;height:56px!important;min-height:56px!important;
    margin:0!important;padding:0 2px 2px!important;gap:4px!important;
    overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;scroll-snap-type:x proximity!important;
  }
  .sidebar nav a{
    flex:0 0 auto!important;min-width:100px!important;width:auto!important;height:52px!important;min-height:52px!important;
    padding:5px 9px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;
    border:0!important;border-bottom:2px solid transparent!important;border-radius:10px!important;
    white-space:normal!important;text-align:center!important;font-size:9.5px!important;line-height:1.08!important;scroll-snap-align:center!important;
  }
  .sidebar nav a.active{border:0!important;border-bottom:2px solid var(--cyan,#52e8ff)!important;border-radius:10px!important;}
  .sidebar nav a i{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;font-size:16px!important;}
  .sidebar nav a>span{display:block!important;max-width:92px!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .sidebar nav a>b,.social{display:none!important;}
  .sidebarControls{
    grid-area:controls!important;position:static!important;inset:auto!important;transform:none!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;gap:7px!important;margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
  }
  .sidebarControls button,.sidebarControls .eventsHomeBtn,.sidebarControls .eventSwitchBtn{
    display:grid!important;width:100%!important;min-width:0!important;min-height:46px!important;height:46px!important;margin:0!important;padding:4px 6px!important;
    border-radius:12px!important;transform:none!important;
  }
  .sidebarControls .themeToggle,.sidebarControls .sideLang{grid-template-columns:auto minmax(0,1fr)!important;gap:5px!important;}
  .sidebarControls .eventsHomeBtn,.sidebarControls .eventSwitchBtn{grid-template-columns:34px minmax(0,1fr)!important;gap:6px!important;}
  .sidebarControls .homeArrow{display:none!important;}
  .sidebarControls .homeIcon{width:30px!important;height:30px!important;}
  .sidebarControls .switchLabel{display:block!important;min-width:0!important;text-align:left!important;}
  .sidebarControls .switchLabel b{display:block!important;font-size:9.5px!important;line-height:1.06!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .sidebarControls .switchLabel small{display:none!important;}
  .switchTrack,.langTrack{transform:scale(.82)!important;transform-origin:center!important;}
  .main{width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;border:0!important;}
  .right{
    width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;
    padding:22px clamp(16px,3vw,28px) 30px!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;
  }
  .right>.video,.right>.quick,.right>.partners,.right>.follow{margin:0!important;min-width:0!important;}
  .right>.video{height:300px!important;}
  .right>.quick{grid-column:auto!important;}
  .right>.partners,.right>.follow{grid-column:1/-1!important;}
  footer{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 18px!important;width:100%!important;height:auto!important;min-height:0!important;padding:14px 18px!important;}
  footer span:last-child{grid-column:1/-1!important;text-align:left!important;}
  .hero{height:auto!important;min-height:470px!important;aspect-ratio:auto!important;}
  .hero .stage{background-size:cover!important;background-position:center top!important;}
  .heroCopy{left:24px!important;right:24px!important;top:auto!important;bottom:28px!important;}
  .eyebrow{font-size:10px!important;letter-spacing:.22em!important;}
  .heroCopy h1{font-size:clamp(30px,5vw,43px)!important;line-height:1.04!important;}
  .heroCopy p{font-size:15px!important;}
  .stats{height:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:14px clamp(16px,3vw,28px)!important;}
  .stats div{min-height:92px!important;padding:10px!important;}
  .speakers{height:auto!important;padding:20px clamp(16px,3vw,28px) 30px!important;overflow:visible!important;}
  .homeFlow .speakerGrid,.speakerGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;}
  .homeFlow .speakerGrid article,.speakerGrid article{height:auto!important;min-height:126px!important;}
  .dashboardPage{height:auto!important;min-height:0!important;overflow:visible!important;padding:28px clamp(18px,3vw,34px) 42px!important;}
  .pageHero{padding:18px 0 26px!important;}
  .pageHero h1{font-size:clamp(34px,5vw,48px)!important;}
  .dashCards,.dashSpeakerGrid,.resourceGrid,.partnerPage,.participantGrid,.orgGrid,.galleryGrid,.contactPeopleList{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .contactLayout{grid-template-columns:1fr!important;}
  .programSummary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* ------------------------------- MOBILE ---------------------------------- */
@media (max-width:767px){
  html,body{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;}
  .app{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:100dvh!important;margin:0!important;overflow:visible!important;}
  .sidebar{
    position:sticky!important;top:0!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:1000!important;
    width:100%!important;height:auto!important;min-height:0!important;
    display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;grid-template-areas:"brand controls" "nav nav"!important;
    gap:6px!important;align-items:center!important;padding:6px 8px 5px!important;
    overflow:visible!important;border:0!important;border-bottom:1px solid rgba(104,190,220,.18)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  }
  .brand{grid-area:brand!important;display:grid!important;place-items:center!important;width:54px!important;height:48px!important;min-height:0!important;padding:0!important;}
  .brand img{display:block!important;width:44px!important;height:44px!important;object-fit:contain!important;}
  .brand b{display:none!important;}
  .sidebar nav{
    grid-area:nav!important;width:100%!important;height:57px!important;min-height:57px!important;
    display:flex!important;gap:3px!important;margin:0!important;padding:0 0 2px!important;
    overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important;
  }
  .sidebar nav::-webkit-scrollbar{display:none!important;}
  .sidebar nav a{
    flex:0 0 72px!important;min-width:72px!important;width:72px!important;height:54px!important;min-height:54px!important;
    padding:4px 3px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;
    border:0!important;border-bottom:2px solid transparent!important;border-radius:8px!important;
    white-space:normal!important;text-align:center!important;font-size:8.5px!important;line-height:1.04!important;scroll-snap-align:center!important;
  }
  .sidebar nav a.active{border:0!important;border-bottom:2px solid var(--cyan,#52e8ff)!important;border-radius:8px!important;}
  .sidebar nav a i{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;font-size:15px!important;}
  .sidebar nav a>span{display:block!important;max-width:68px!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .sidebar nav a>b,.social{display:none!important;}
  .sidebarControls{
    grid-area:controls!important;position:static!important;inset:auto!important;transform:none!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;gap:4px!important;margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
  }
  .sidebarControls button,.sidebarControls .eventsHomeBtn,.sidebarControls .eventSwitchBtn{
    display:grid!important;width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important;
    margin:0!important;padding:3px!important;border-radius:10px!important;transform:none!important;
  }
  .sidebarControls .themeToggle,.sidebarControls .sideLang{grid-template-columns:1fr!important;place-items:center!important;}
  .sidebarControls .themeToggle .switchLabel,.sidebarControls .sideLang .switchLabel{display:none!important;}
  .switchTrack,.langTrack{transform:scale(.78)!important;transform-origin:center!important;}
  .sidebarControls .eventsHomeBtn,.sidebarControls .eventSwitchBtn{grid-template-columns:24px minmax(0,1fr)!important;gap:3px!important;align-items:center!important;}
  .sidebarControls .homeIcon{width:24px!important;height:24px!important;border-radius:7px!important;}
  .sidebarControls .homeIcon svg{width:13px!important;height:13px!important;}
  .sidebarControls .homeArrow{display:none!important;}
  .sidebarControls .switchLabel{display:block!important;min-width:0!important;text-align:left!important;}
  .sidebarControls .eventsHomeBtn .switchLabel b,.sidebarControls .eventSwitchBtn .switchLabel b{display:block!important;font-size:8.2px!important;line-height:1.02!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .sidebarControls .eventsHomeBtn .switchLabel small,.sidebarControls .eventSwitchBtn .switchLabel small{display:none!important;}
  .main{width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;border:0!important;}
  .homeFlow{width:100%!important;overflow:hidden!important;}
  .top{position:static!important;display:none!important;}
  .hero{height:auto!important;min-height:540px!important;aspect-ratio:auto!important;overflow:hidden!important;}
  .hero .stage{background-size:cover!important;background-position:center top!important;}
  .heroCopy{left:14px!important;right:14px!important;top:auto!important;bottom:22px!important;text-align:left!important;}
  .eyebrow{font-size:8.5px!important;letter-spacing:.16em!important;line-height:1.35!important;}
  .heroCopy h1{font-size:clamp(25px,8vw,34px)!important;line-height:1.04!important;margin:10px 0 8px!important;overflow-wrap:anywhere!important;}
  .heroCopy p{font-size:13px!important;line-height:1.4!important;margin-bottom:12px!important;}
  .meta{display:flex!important;flex-direction:column!important;gap:5px!important;font-size:11px!important;line-height:1.35!important;}
  .actions{justify-content:flex-start!important;flex-wrap:wrap!important;margin-top:14px!important;}
  .play{margin-left:0!important;width:46px!important;height:46px!important;}
  .stats{height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px!important;}
  .stats div{min-height:88px!important;padding:9px 6px!important;}
  .stats b{font-size:14px!important;}.stats span{font-size:10px!important;text-align:center!important;}
  .speakers{height:auto!important;padding:18px 12px 26px!important;overflow:visible!important;}
  .sectionTitle{gap:10px!important;align-items:flex-start!important;}
  .sectionTitle h2{font-size:17px!important;line-height:1.2!important;}
  .homeFlow .speakerGrid,.speakerGrid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;overflow:visible!important;}
  .homeFlow .speakerGrid article,.speakerGrid article{height:auto!important;min-height:116px!important;}
  .right{width:100%!important;height:auto!important;max-height:none!important;display:block!important;overflow:visible!important;padding:16px 12px 24px!important;}
  .right>.video,.right>.quick,.right>.partners,.right>.follow{margin:0 0 14px!important;}
  .right>.video{height:240px!important;}
  .quickGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .quickGrid button{height:auto!important;min-height:86px!important;}
  .currentPartners,.partnerGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .follow{height:auto!important;min-height:104px!important;}
  footer{display:grid!important;width:100%!important;grid-template-columns:1fr!important;gap:6px!important;height:auto!important;min-height:0!important;padding:14px 12px 18px!important;}
  footer span,footer span:nth-child(2),footer span:last-child{text-align:left!important;white-space:normal!important;line-height:1.35!important;}
  .dashboardPage{height:auto!important;min-height:0!important;overflow:visible!important;padding:22px 14px 30px!important;}
  .pageHero{padding:10px 0 20px!important;}
  .pageKicker{font-size:9px!important;letter-spacing:.2em!important;line-height:1.4!important;}
  .pageHero h1{font-size:clamp(29px,9vw,40px)!important;line-height:1.04!important;overflow-wrap:anywhere!important;}
  .pageHero>p{font-size:14px!important;line-height:1.55!important;}
  .pageContent{padding:20px 0 0!important;}
  .dashCards,.dashSpeakerGrid,.resourceGrid,.partnerPage,.participantGrid,.orgGrid,.galleryGrid,.contactLayout,.contactPeopleList,.programSummary,.forumBrief{grid-template-columns:1fr!important;}
  .agenda article{grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important;}
  .agenda article>*:last-child:not(:nth-child(2)){grid-column:2!important;}
  .orgCard,.dashCards article,.resourceGrid article,.participantGrid article,.roleCard{min-width:0!important;}
  .contactPerson{grid-template-columns:64px minmax(0,1fr)!important;gap:11px!important;text-align:left!important;}
  .contactAvatar{width:64px!important;height:64px!important;margin:0!important;}
  .registrationDialog,.appModal>div{width:calc(100vw - 20px)!important;max-width:none!important;max-height:88dvh!important;overflow:auto!important;padding:22px 16px!important;}
}

/* Small phones: preserve tap targets and remove any residual fixed widths. */
@media (max-width:420px){
  .sidebar{grid-template-columns:48px minmax(0,1fr)!important;padding-inline:6px!important;}
  .brand{width:48px!important}.brand img{width:40px!important;height:40px!important;}
  .sidebarControls{gap:3px!important;}
  .sidebarControls button,.sidebarControls .eventsHomeBtn,.sidebarControls .eventSwitchBtn{height:44px!important;min-height:44px!important;}
  .sidebarControls .eventsHomeBtn .switchLabel b,.sidebarControls .eventSwitchBtn .switchLabel b{font-size:7.6px!important;}
  .sidebar nav a{flex-basis:68px!important;min-width:68px!important;width:68px!important;font-size:8px!important;}
  .hero{min-height:515px!important;}
  .heroCopy h1{font-size:25px!important;}
  .currentPartners,.partnerGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* Global anti-overlap safeguards. */
.sidebarControls,.sidebar nav,.main,.right,footer{isolation:isolate;}
.sidebarControls *,.sidebar nav *{min-width:0;}
.pageHero,.pageContent,.heroCopy,.speakerMeta,.contactPersonMeta{min-width:0;}
.pageHero h1,.pageHero p,.heroCopy h1,.heroCopy p,.speakerMeta b,.speakerMeta small,.contactPersonMeta b,.contactPersonMeta span,.contactPersonMeta small{overflow-wrap:anywhere;word-break:normal;}

/* Residual legacy constraints neutralised by the final responsive layer. */
.sidebar nav{max-width:none!important;}
.partnerGrid,.currentPartners{max-height:none!important;height:auto!important;overflow:visible!important;}
.partners{height:auto!important;max-height:none!important;overflow:visible!important;}
@media (max-width:1199px){
  .sidebar nav{max-width:none!important;flex:none!important;}
}


/* ========================================================================== 
   FINAL RESPONSIVE SAFEGUARDS — 2026-10-04
   Secondary UI states, touch ergonomics and very small devices.
   ========================================================================== */
@media (max-width:1199px){
  .sidebar nav{scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-inline:contain!important;touch-action:pan-x!important;}
  .sidebar nav::-webkit-scrollbar{display:none!important;}
  .sidebarControls button,.sidebarControls a,.sidebar nav a{touch-action:manipulation!important;}
  .dualPanel{
    top:12px!important;right:12px!important;bottom:12px!important;
    width:min(430px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;
  }
  .dualHead{height:60px!important;padding:11px 13px!important;gap:10px!important;}
  .dualHead span{min-width:0!important;overflow-wrap:anywhere!important;line-height:1.3!important;}
  .dualBody{height:calc(100% - 60px)!important;padding:16px!important;}
}

@media (max-width:767px){
  .sidebar nav{height:60px!important;min-height:60px!important;}
  .sidebar nav a{
    flex-basis:80px!important;min-width:80px!important;width:80px!important;
    height:57px!important;min-height:57px!important;font-size:9px!important;line-height:1.08!important;
  }
  .sidebar nav a>span{max-width:76px!important;}
  .sidebarControls .eventsHomeBtn .switchLabel b,.sidebarControls .eventSwitchBtn .switchLabel b{font-size:8.5px!important;line-height:1.08!important;}
  .dualPanel{top:8px!important;right:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;border-radius:15px!important;}
  .dualHead{height:56px!important;padding:10px 12px!important;}
  .dualBody{height:calc(100% - 56px)!important;padding:14px!important;}
  .dualBody h2{font-size:clamp(22px,7vw,28px)!important;overflow-wrap:anywhere!important;}
  .dualVisual{height:min(180px,34dvh)!important;}
  .registrationModal{padding:8px!important;align-items:center!important;justify-content:center!important;}
  .registrationDialog{margin:0!important;border-radius:16px!important;}
  .formGrid,.registrationForm .formGrid{grid-template-columns:1fr!important;}
  .formGrid>*{min-width:0!important;}
  input,select,textarea{max-width:100%!important;}
}

@media (max-width:359px){
  .sidebar{grid-template-columns:44px minmax(0,1fr)!important;padding-inline:5px!important;gap:5px!important;}
  .brand{width:44px!important;height:46px!important;}
  .brand img{width:38px!important;height:38px!important;}
  .sidebarControls{gap:2px!important;}
  .sidebarControls button,.sidebarControls .eventsHomeBtn,.sidebarControls .eventSwitchBtn{min-height:42px!important;height:42px!important;padding:2px!important;}
  .switchTrack,.langTrack{transform:scale(.72)!important;}
  .sidebarControls .eventsHomeBtn,.sidebarControls .eventSwitchBtn{grid-template-columns:22px minmax(0,1fr)!important;gap:2px!important;}
  .sidebarControls .homeIcon{width:22px!important;height:22px!important;}
  .sidebarControls .eventsHomeBtn .switchLabel b,.sidebarControls .eventSwitchBtn .switchLabel b{font-size:7.7px!important;}
  .sidebar nav a{flex-basis:76px!important;min-width:76px!important;width:76px!important;font-size:8.6px!important;}
  .sidebar nav a>span{max-width:72px!important;}
  .dashboardPage{padding-inline:10px!important;}
  .right{padding-inline:10px!important;}
  .stats{padding-inline:10px!important;}
  .speakers{padding-inline:10px!important;}
}

@media (min-width:1200px) and (max-height:760px){
  .brand{min-height:112px!important;padding-top:0!important;padding-bottom:8px!important;}
  .brand img{height:58px!important;}
  .brand b{margin-top:5px!important;font-size:10px!important;line-height:1.25!important;}
  .sidebar nav a{min-height:38px!important;padding-top:6px!important;padding-bottom:6px!important;}
  .sidebarControls{gap:6px!important;margin-top:7px!important;padding-top:7px!important;}
  .sidebarControls button,.sidebarControls .eventsHomeBtn,.sidebarControls .eventSwitchBtn{min-height:41px!important;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
}

.sidebar nav a:focus-visible,.sidebarControls button:focus-visible,.sidebarControls a:focus-visible,
.moreButton:focus-visible,.quickGrid button:focus-visible,.galleryTile:focus-visible{
  outline:2px solid var(--cyan,#52e8ff)!important;outline-offset:2px!important;
}