/* RC6.6.6 - SCUZO compact mobile header. Overrides legacy RC5/6 header only.
   Designed as a clean POS topbar, not an imitation of Rista's copyrighted artwork. */
.mobile-account-toggle,.mobile-account-identity{display:none}
@media screen and (max-width:800px){
  #appView.app-shell>.topbar{
    --mobile-ink:#152b4d;
    display:flex!important;position:relative!important;top:auto!important;
    flex-direction:column!important;align-items:stretch!important;
    width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    overflow:visible!important;gap:0!important;
    padding:calc(env(safe-area-inset-top,0px) + 10px) 13px 10px!important;
    background:#fff!important;color:var(--mobile-ink)!important;
    border-bottom:1px solid #e3eaf3!important;
    box-shadow:0 3px 12px rgba(11,37,76,.07)!important;
    isolation:isolate;z-index:60;
  }
  #appView>.topbar .header-main{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:'brand account' 'store store'!important;
    width:100%!important;height:auto!important;min-height:0!important;
    gap:9px 8px!important;align-items:center!important;align-content:start!important;
  }
  #appView>.topbar .scuzo-brand{
    grid-area:brand!important;display:flex!important;min-width:0!important;max-width:100%!important;
    align-items:center!important;gap:10px!important;flex-direction:row!important;
  }
  #appView>.topbar .scuzo-brand img{
    display:block!important;flex:0 0 auto!important;width:52px!important;height:44px!important;
    max-width:52px!important;object-fit:contain!important;border-radius:9px!important;
    background:#fff!important;box-shadow:none!important;
  }
  #appView>.topbar .header-brand-copy{min-width:0!important;display:block!important}
  #appView>.topbar .scuzo-brand .product-name{
    display:block!important;white-space:nowrap!important;color:#10294e!important;
    font-weight:850!important;letter-spacing:-.55px!important;font-size:17px!important;line-height:1.18!important;
  }
  #appView>.topbar .scuzo-brand .byline{display:block!important;white-space:nowrap!important;
    color:#66809f!important;font-size:8px!important;letter-spacing:.25px!important;margin-top:2px!important;line-height:1.2!important}
  #appView>.topbar .user-box{
    grid-area:account!important;display:flex!important;align-items:center!important;
    gap:0!important;width:auto!important;min-width:0!important;max-width:100%!important;
    padding:0!important;margin:0!important;border:0!important;justify-content:flex-end!important;
  }
  #appView>.topbar .user-box>.user-avatar,
  #appView>.topbar .user-box>.user-identity{display:none!important}
  #appView>.topbar .mobile-account-toggle{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:1px!important;
    width:58px!important;min-width:58px!important;height:42px!important;min-height:42px!important;
    padding:0!important;border:1px solid #dfe8f2!important;border-radius:12px!important;
    background:#f5f8fc!important;color:#203a62!important;box-shadow:none!important;cursor:pointer;
  }
  #appView>.topbar .mobile-account-toggle[aria-expanded="true"]{background:#e8effb!important;border-color:#9ebce7!important}
  #appView>.topbar .mobile-account-toggle:focus-visible{outline:3px solid #75a7e4!important;outline-offset:2px}
  #appView>.topbar .store-head{
    grid-area:store!important;display:flex!important;align-items:center!important;
    gap:9px!important;min-width:0!important;width:100%!important;
    padding:0!important;margin:0!important;
  }
  #appView>.topbar .store-head label{display:none!important}
  #appView>.topbar .store-head select{
    display:block!important;min-width:0!important;max-width:100%!important;width:100%!important;
    height:39px!important;min-height:39px!important;
    margin:0!important;padding:6px 12px!important;border:1px solid #d6e1ee!important;
    border-radius:10px!important;background:#f5f8fd!important;color:#213b5e!important;
    font-size:13px!important;font-weight:720!important;box-shadow:none!important;
  }
  #appView>.topbar .header-tools{
    display:block!important;min-height:0!important;height:auto!important;width:100%!important;
    margin:7px 0 0!important;padding:7px 1px 0!important;border-top:1px solid #edf1f7!important;
  }
  #appView>.topbar .top-status{
    display:flex!important;width:100%!important;min-height:20px!important;align-items:center!important;
    flex-wrap:nowrap!important;justify-content:space-between!important;gap:8px!important;
    padding:0!important;margin:0!important;
  }
  #appView>.topbar .connection-box{display:flex!important;align-items:center!important;gap:6px!important;
    min-width:0!important;max-width:calc(100% - 84px)!important;color:#365473!important;font-size:11px!important;font-weight:650!important;}
  #appView>.topbar .connection-box #connectionText{max-width:100%!important;font-size:11px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.3!important;color:#365473!important}
  #appView>.topbar .dot{flex:0 0 8px!important;width:8px!important;height:8px!important;box-shadow:none!important}
  #appView>.topbar #pendingBadge{display:block!important;flex:0 0 auto!important;min-width:0!important;
    padding:4px 8px!important;border-radius:99px!important;border:1px solid #dfe7ef!important;
    background:#f2f6fb!important;color:#536a84!important;font-size:10px!important;line-height:1.3!important}
  #appView>.topbar #liveClock{display:none!important}
  #appView>.topbar .header-actions{
    display:none!important;position:absolute!important;right:11px!important;
    top:calc(env(safe-area-inset-top,0px) + 58px)!important;left:auto!important;
    width:min(285px,calc(100vw - 22px))!important;height:auto!important;
    grid-template-columns:minmax(0,1fr)!important;gap:5px!important;
    padding:12px!important;margin:0!important;background:#fff!important;
    border:1px solid #dae4f0!important;border-radius:15px!important;
    box-shadow:0 16px 40px rgba(5,28,66,.18)!important;z-index:100!important;
  }
  #appView>.topbar.mobile-account-open .header-actions{display:grid!important}
  #appView>.topbar .mobile-account-identity{display:grid!important;gap:2px!important;background:#edf4ff!important;border:1px solid #d7e5f8!important;border-radius:9px!important;padding:9px 11px!important;margin-bottom:5px!important;min-width:0!important;}
  #appView>.topbar .mobile-account-identity strong{font-size:13px!important;color:#152d50!important;overflow-wrap:anywhere!important}
  #appView>.topbar .mobile-account-identity span{font-size:10px!important;color:#536f91!important;overflow-wrap:anywhere!important}
  #appView>.topbar .header-actions::before{content:'Account & actions';display:block;
    font-size:11px!important;text-transform:uppercase;letter-spacing:.7px;font-weight:800;color:#68809d;
    padding:3px 8px 7px;border-bottom:1px solid #edf1f7;margin-bottom:2px}
  #appView>.topbar .header-actions .header-action{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;
    border-radius:9px!important;text-align:left!important;white-space:normal!important;
    padding:8px 12px!important;margin:0!important;font-size:13px!important;
    color:#173455!important;background:#f3f7fd!important;border:1px solid #e2eaf4!important;
  }
  #appView>.topbar .header-actions .header-logout{color:#a6333c!important;background:#fff5f5!important}
  #appView.app-shell .workspace{height:auto!important;min-height:0!important;overflow:visible!important}
  #appView.app-shell .sidebar{position:sticky!important;top:0!important;z-index:44!important}
}
@media screen and (max-width:350px){
 #appView>.topbar .scuzo-brand img{width:44px!important;max-width:44px!important;height:39px!important}
 #appView>.topbar .scuzo-brand .product-name{font-size:15px!important}
 #appView>.topbar .scuzo-brand .byline{font-size:7px!important}
 #appView>.topbar .mobile-account-toggle{width:48px!important;min-width:48px!important}
}