/* Cybazon CFO on the phone */
.pwa-banner{position:fixed;left:0;right:0;top:0;z-index:400;padding:8px 14px;font-size:12.5px;font-weight:600;text-align:center;display:none}
.pwa-banner.off{background:#B5590A;color:#fff}.pwa-banner.queued{background:#15161A;color:#fff}.pwa-banner.ok{background:#1B7F4C;color:#fff}
.bottom-nav{display:none}
@media (max-width:760px){
  body{padding-bottom:64px}
  .bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:60px;background:var(--surface,#fff);border-top:1px solid var(--line);z-index:300;padding-bottom:env(safe-area-inset-bottom)}
  .bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--mut,#6B7280);text-decoration:none}
  .bottom-nav a.on{color:var(--ink,#15161A)}
  .bottom-nav svg{width:20px;height:20px}
  .cmd{display:none !important}
  .fin{padding:0 12px}
  .fin-h1{font-size:20px}
  .bk-grid{gap:10px}
  .bk-grid > *{grid-column:span 12 !important}
  .greet{font-size:16px !important;line-height:1.4 !important}
  .ap{flex-wrap:wrap}.ap .amt{min-width:0;text-align:left}.ap > span:last-child{flex-direction:row !important;width:100%;margin-left:16px}
  .line{flex-wrap:wrap}.line .t{min-width:0;width:100%}
  .q,.row{flex-wrap:wrap}
  .stat{font-size:20px}
  .cfo{height:auto;grid-template-columns:1fr}.pane.l,.pane.r{max-height:220px}.msgs{max-height:60vh}
  .bk-ch{min-height:180px}
  .bk-card{padding:12px}
  table.bk{display:block;overflow-x:auto;white-space:nowrap}
  .drawer{width:100vw !important;right:-100vw !important;max-width:100vw}
  .bk-btn{min-height:36px}
  .topbar .search{display:none}
}