/* ============================================================
   MOBILE TAB BAR — iOS-style frosted glass bottom navigation
   Replaces existing bottom-nav on mobile
   ============================================================ */.mobile-tab-bar{align-items:flex-end;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(242,242,247,.92);border-top:.5px solid var(--m-border-separator,rgba(0,0,0,.08));bottom:0;display:none; /* Shown via media query */height:64px;justify-content:space-around;left:0;padding:4px 0 max(4px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:1050}@media (max-width:1024px){.mobile-tab-bar{display:flex}

  /* Hide old bottom nav when new tab bar is present */.mobile-bottom-nav{display:none!important}

  /* Content padding for tab bar */#kt_app_main,.app-main{padding-bottom:80px}}@media (min-width:1025px){.mobile-tab-bar{display:none!important}}

/* --- Tab Item --- */.tab-bar-item{-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;font-size:var(--m-type-sublabel-size,10px);font-weight:var(--m-type-sublabel-weight,500);gap:2px;justify-content:center;min-height:44px;min-width:56px;padding:4px 8px;touch-action:manipulation;transition:color .12s ease}.tab-bar-item,.tab-bar-item:focus,.tab-bar-item:hover{color:var(--m-text-muted,#8e8e93);text-decoration:none}

/* Active state — Texas blue */.tab-bar-item.active{color:var(--texas-blue,#002868)}

/* Icon sizing */.tab-bar-item svg{flex-shrink:0;height:22px;width:22px}

/* --- Center "New" Button --- */.tab-bar-create{position:relative}.tab-bar-create-icon{align-items:center;background:var(--texas-blue,#002868);border-radius:50%;box-shadow:0 4px 16px rgba(0,40,104,.35);color:#fff;display:flex;height:48px;justify-content:center;margin-top:-12px; /* Elevate above bar */width:48px}.tab-bar-create-icon svg{height:22px;width:22px}

/* --- Badge --- */.tab-bar-badge{align-items:center;background:var(--m-red,#f87171);border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px;position:absolute;right:2px;top:-2px}

/* --- Landscape adjustment --- */@media (max-width:1024px) and (orientation:landscape){.mobile-tab-bar{height:52px}.tab-bar-item{flex-direction:row;font-size:11px;gap:4px}.tab-bar-item svg{height:18px;width:18px}.tab-bar-create-icon{height:40px;margin-top:-8px;width:40px}}