/* IBEX PHONE V26 — production utility UI; remove landing-page-style banners.
   Size keypad between V23 and V25; reserve clear space above fixed iOS tabs. */

/* Keep navigational pages utilitarian, avoiding ghost spacing from removed taglines. */
#page-settings .v16-settings-layout {margin-top:0!important}
#page-siren .siren-metrics {margin-top:0!important}
#page-voicemail .voicemail-panel {margin-top:0!important}

@media(max-width:740px){
  /* The fixed navigation is never a content overlay: pages scroll above its footprint. */
  body .content-wrap .main{padding-bottom:calc(106px + env(safe-area-inset-bottom))!important}
  #page-dialer{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
  .mobile-nav{z-index:35}
  #page-dialer .page-intro{margin:3px 1px 10px!important}
  #page-dialer .page-intro h1{font-size:32px!important;line-height:1.16!important;margin:0!important}
  #page-dialer .dialer-panel{
    height:auto!important;min-height:0!important;padding:14px 17px 15px!important;
    margin-bottom:12px!important;border-radius:26px!important;overflow:visible!important;
    justify-content:flex-start!important
  }
  #page-dialer .dialer-panel .connection-banner{
    min-height:42px!important;padding:7px 10px!important;margin-bottom:7px!important
  }
  #page-dialer .dialer-panel .line-select-wrap{margin:3px 0 6px!important}
  #page-dialer .dialer-panel .line-picker{min-height:46px!important;height:46px!important}
  #page-dialer .dialer-panel .number-field{min-height:43px!important;margin:2px auto 5px!important}
  #page-dialer .dialer-panel .number-field input{height:43px!important;font-size:20px!important}
  #page-dialer .dialer-panel .keypad{
    flex:0 0 auto!important;max-width:302px!important;min-height:0!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:12px!important;row-gap:7px!important;margin:4px auto 8px!important;
    justify-items:center!important;align-content:start!important
  }
  #page-dialer .dialer-panel .key{
    width:54px!important;min-width:54px!important;height:54px!important;min-height:54px!important
  }
  #page-dialer .dialer-panel .key strong{font-size:25px!important}
  #page-dialer .dialer-panel .key small{font-size:8px!important}
  #page-dialer .dialer-panel .dial-actions{margin:5px auto 0!important}
  #page-dialer .dialer-panel #start-call{
    height:56px!important;width:56px!important;min-height:56px!important;min-width:56px!important
  }
  #page-dialer .dialer-panel .call-action-hint{margin-top:3px!important}
  #page-dialer .dialer-panel .dialer-foot{display:none!important}
  /* Removing marketing panels allows lists and actionable controls to start near headings. */
  #page-siren .page-intro,#page-voicemail .page-intro,#page-settings .page-intro{margin-bottom:13px!important}
  #page-settings .v16-settings-layout{gap:12px!important}
}
@media(max-width:740px) and (max-height:755px){
 #page-dialer .dialer-panel{padding-top:11px!important;padding-bottom:12px!important}
 #page-dialer .dialer-panel .key{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important}
 #page-dialer .dialer-panel .keypad{row-gap:5px!important;margin:2px auto 5px!important}
 #page-dialer .dialer-panel #start-call{height:52px!important;width:52px!important;min-height:52px!important;min-width:52px!important}
 #page-dialer .page-intro{margin-bottom:7px!important}
}
@media(max-width:355px){
 #page-dialer .dialer-panel .key{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important}
}
@media(max-width:355px) and (max-height:700px){
 #page-dialer .page-intro{margin:1px 0 4px!important}
 #page-dialer .page-intro h1{font-size:29px!important}
 #page-dialer .dialer-panel{padding:9px 12px 9px!important}
 #page-dialer .dialer-panel .connection-banner{min-height:39px!important;padding:4px 8px!important;margin-bottom:4px!important}
 #page-dialer .dialer-panel .line-select-wrap{margin:2px 0 4px!important}
 #page-dialer .dialer-panel .line-picker{min-height:43px!important;height:43px!important}
 #page-dialer .dialer-panel .number-field{min-height:39px!important;margin:2px auto 3px!important}
 #page-dialer .dialer-panel .number-field input{height:39px!important}
 #page-dialer .dialer-panel .key{width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important}
 #page-dialer .dialer-panel .keypad{row-gap:4px!important;margin:1px auto 3px!important}
 #page-dialer .dialer-panel #start-call{height:49px!important;width:49px!important;min-height:49px!important;min-width:49px!important}
 #page-dialer .dialer-panel .dial-actions{margin:2px auto 0!important}
}