/* Fit the actual text, including OS text zoom; never cap the reader's font size. */
/* The native 48px bar was too short even for its normal icon + label stack. */
html.kablo-native .bottom-nav.no-create-tab{height:auto;min-height:calc(54px + var(--camp-native-safe-bottom,env(safe-area-inset-bottom)))}
.phone-shell.camp-large-navigation{display:flex;flex-direction:column}
.camp-large-navigation .status-bar{flex:none}
.camp-large-navigation .screen.active{flex:1;min-height:0!important;height:auto!important}
.camp-large-navigation .screen.active:not(.centered){padding-bottom:24px!important}
.bottom-nav.no-create-tab button{min-height:44px;padding:2px 0}
.bottom-nav.no-create-tab button > span:last-child{white-space:nowrap}
/* Large text keeps a single row; labels stay available to assistive technology. */
.camp-large-navigation .bottom-nav.no-create-tab{
  position:static;flex:none;height:auto!important;min-height:calc(72px + var(--camp-native-safe-bottom,env(safe-area-inset-bottom)));
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  padding:8px 12px calc(8px + var(--camp-native-safe-bottom,env(safe-area-inset-bottom)));gap:4px;
}
.camp-large-navigation .bottom-nav.no-create-tab button{display:flex;justify-content:center;align-items:center;min-width:44px;min-height:56px;padding:4px 0;gap:0}
.camp-large-navigation .bottom-nav.no-create-tab button > span:last-child{
  position:absolute;white-space:nowrap;width:max-content;max-width:none;clip-path:inset(50%);pointer-events:none;
}
.camp-large-navigation .bottom-nav.no-create-tab .feature-icon{flex:none;width:56px;height:48px;border-radius:14px}
.camp-large-navigation .bottom-nav.no-create-tab .feature-icon::before{width:30px;height:30px}
.camp-large-navigation .bottom-nav.no-create-tab .nav-dot{left:auto;right:calc(50% - 20px)!important;top:9px!important}
.camp-large-home #home-screen .appbar{flex-wrap:wrap;gap:12px}
.camp-large-home #home-screen .brand-city{flex:1 1 100%;max-width:100%;justify-content:flex-start;text-align:left}
.camp-large-home #home-screen .brand-city strong{white-space:normal;word-break:normal;overflow-wrap:anywhere}
.camp-large-home #home-screen .brand-city .mini-logo{flex:none}
.camp-large-home #home-screen .appbar-actions{margin-left:auto}
.camp-large-home #home-screen .shortcut-grid{grid-template-columns:1fr}
.camp-large-home #home-screen .shortcut-grid button{grid-template-columns:40px minmax(0,1fr);gap:12px;min-height:88px}
.camp-large-home #home-screen .section-title{flex-wrap:wrap;gap:12px}
.camp-large-home #home-screen .section-title h2{flex:1 1 100%;word-break:normal;overflow-wrap:anywhere}