/* Control mobile UI polish: comfortable touch targets, native typography and premium icon treatment */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Roboto,Helvetica,Arial,sans-serif!important}
html body,html body button,html body input,html body select,html body textarea{font-family:inherit!important}
html body button svg,html body .side nav button svg,html body .drawer-nav button svg,html body .bottom-nav button svg,html body .quick-sheet button svg,html body .mobile-menu-grid button svg{stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body .side nav button svg,html body .drawer-nav button svg{box-sizing:border-box;width:31px!important;height:31px!important;padding:6px;border-radius:10px;background:rgba(255,255,255,.08);color:currentColor}
html body .side nav button.active svg,html body .drawer-nav button.active svg{background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
html body .quick-sheet button,html body .mobile-menu-grid button,html body .drawer-nav button{min-height:48px!important;font-size:12px!important;gap:11px!important}
html body .quick-sheet button svg,html body .mobile-menu-grid button svg{box-sizing:border-box;width:32px!important;height:32px!important;padding:6px;border-radius:10px;background:color-mix(in srgb,var(--blue) 8%,var(--surface-2));color:var(--blue);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cyan) 16%,var(--line))}

@media(max-width:700px){
  html body{font-size:14px!important}
  html body .app{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
  html body .app .content{padding-bottom:calc(48px + env(safe-area-inset-bottom))!important}
  html body .app .bottom-nav{height:calc(76px + env(safe-area-inset-bottom))!important;padding:5px 5px env(safe-area-inset-bottom)!important;align-items:center!important}
  html body .app .bottom-nav button{min-height:62px!important;height:62px!important;border-radius:14px!important;gap:4px!important;font-size:10.5px!important;line-height:1!important;font-weight:750!important;letter-spacing:-.01em!important}
  html body .app .bottom-nav button>svg{box-sizing:border-box;width:32px!important;height:32px!important;padding:5px!important;border-radius:10px!important;background:color-mix(in srgb,var(--blue) 7%,var(--surface))!important;color:var(--muted)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 8%,var(--line))!important;stroke-width:2!important}
  html body .app .bottom-nav button.active{color:var(--blue)!important}
  html body .app .bottom-nav button.active>svg{background:color-mix(in srgb,var(--cyan) 16%,var(--surface))!important;color:var(--blue)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cyan) 22%,var(--line)),0 4px 12px color-mix(in srgb,var(--blue) 10%,transparent)!important}
  html body .app .bottom-nav .more-button>svg{width:32px!important;height:32px!important;padding:5px!important;border-radius:10px!important;stroke-width:2!important}
  html body .app .bottom-nav .more-button .sr-only{position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:nowrap!important;font-size:10.5px!important;line-height:1!important;font-weight:750!important}
  html body .app .bottom-nav .mobile-plus{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;margin-top:-13px!important;border-width:4px!important}
  html body .app .bottom-nav .mobile-plus>svg{width:22px!important;height:22px!important;padding:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#fff!important;stroke-width:2!important}
  html body .app .quick-sheet{bottom:calc(86px + env(safe-area-inset-bottom))!important}
  html body .app .quick-sheet button,html body .app .mobile-menu-grid button,html body .app .drawer-nav button,html body .app .drawer-logout{min-height:50px!important;font-size:12px!important;border-radius:12px!important}
  html body .app .quick-sheet button svg,html body .app .mobile-menu-grid button svg,html body .app .drawer-nav button svg,html body .app .drawer-logout svg{box-sizing:border-box;width:32px!important;height:32px!important;padding:6px!important;border-radius:10px!important;stroke-width:2!important}
  html body .app .icon-button{width:40px!important;height:40px!important;min-width:40px!important}
  html body .app .icon-button svg{width:19px!important;height:19px!important;stroke-width:2!important}
  html body .app .row-actions button{min-height:38px!important;padding:0 10px!important}
  html body .app .row-actions button svg{width:17px!important;height:17px!important;stroke-width:2!important}
  html body .app .primary svg,html body .app .secondary svg{width:17px!important;height:17px!important;stroke-width:2!important}
  html body .app .summary-grid i svg,html body .app .data-row>i svg{width:18px!important;height:18px!important}
  html body .app .item-card>svg{width:22px!important;height:22px!important}
  html body .app .panel-head>svg,html body .app .settings-head>svg{width:20px!important;height:20px!important}
  html body .app .empty-state>svg{width:30px!important;height:30px!important}
  html body .app .page-title h1{font-size:17px!important;font-weight:750!important;letter-spacing:-.025em!important}
  html body .login-install{display:none!important}
  html body .pwa-install-fab{position:fixed;right:14px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:120;min-height:48px;padding:7px 12px 7px 8px;border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line));border-radius:16px;display:flex;align-items:center;gap:9px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--ink);box-shadow:0 12px 30px rgba(7,26,49,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  html body .pwa-install-fab img{width:32px;height:32px;border-radius:9px;display:block}
  html body .pwa-install-fab span{display:grid;text-align:left;line-height:1.05}
  html body .pwa-install-fab b{font-size:11px;font-weight:800}
  html body .pwa-install-fab small{margin-top:3px;font-size:8.5px;color:var(--muted)}
  html body .pwa-install-fab:active{transform:scale(.98)}
  html body:has(.login-page) .pwa-install-fab{bottom:calc(18px + env(safe-area-inset-bottom))}
}
@media(min-width:701px){html body .pwa-install-fab{display:none!important}}
html.installed-app body .pwa-install-fab,html.installed-mobile-app body .pwa-install-fab{display:none!important}

html.installed-mobile-app body .app{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
html.installed-mobile-app body .app .bottom-nav{height:calc(76px + env(safe-area-inset-bottom))!important;padding:5px 5px env(safe-area-inset-bottom)!important}
html.installed-mobile-app body .app .bottom-nav button{min-height:62px!important;height:62px!important;gap:4px!important;font-size:10.5px!important;line-height:1!important;font-weight:750!important}
html.installed-mobile-app body .app .bottom-nav button>svg{box-sizing:border-box;width:32px!important;height:32px!important;padding:5px!important;border-radius:10px!important;background:color-mix(in srgb,var(--blue) 7%,var(--surface))!important;color:var(--muted)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 8%,var(--line))!important;stroke-width:2!important}
html.installed-mobile-app body .app .bottom-nav button.active>svg{background:color-mix(in srgb,var(--cyan) 16%,var(--surface))!important;color:var(--blue)!important}
html.installed-mobile-app body .app .bottom-nav .more-button>svg{width:32px!important;height:32px!important;padding:5px!important;border-radius:10px!important}
html.installed-mobile-app body .app .bottom-nav .more-button .sr-only{position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:nowrap!important;font-size:10.5px!important;line-height:1!important;font-weight:750!important}
html.installed-mobile-app body .app .bottom-nav .mobile-plus{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;margin-top:-13px!important}
html.installed-mobile-app body .app .bottom-nav .mobile-plus>svg{width:22px!important;height:22px!important;padding:0!important;background:none!important;box-shadow:none!important;color:#fff!important;stroke-width:2!important}
html.installed-mobile-app body .app .quick-sheet{bottom:calc(86px + env(safe-area-inset-bottom))!important}