/* One header size for both workspaces, including phones with a display cutout. */
@media screen {
 :root{--bookshop-header-height:calc(68px + env(safe-area-inset-top));}
 .staff-app .bookshop-header,.customer-body .bookshop-header{
  box-sizing:border-box;height:var(--bookshop-header-height);min-height:var(--bookshop-header-height);
  padding:env(safe-area-inset-top) 24px 0;gap:10px;
  background:var(--material-bg);color:var(--label);border-bottom:1px solid var(--separator);box-shadow:none;
 }
 .bookshop-header .brand-badge{display:flex;align-items:center;gap:10px;min-width:0;}
 .staff-app .bookshop-header .bookshop-logo,.customer-body .bookshop-header .bookshop-logo{
  width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;
  object-fit:contain;border-radius:10px;flex-shrink:0;border:1px solid var(--separator);box-shadow:none!important;
 }
 .staff-app .bookshop-header .brandword,.customer-body .bookshop-header .brandword{min-width:0;}
 .staff-app .bookshop-header .brandword strong,.customer-body .bookshop-header .brandword strong{
  display:block;font:700 16px/1.2 var(--serif-font)!important;letter-spacing:-.025em;max-width:none;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 }
 .bookshop-header .brandword small{display:none!important;}
 .bookshop-header .workspace-switch{margin-left:auto;gap:3px;}
 .staff-app .bookshop-header .workspace-switch>*,.customer-body .bookshop-header .workspace-switch>*{min-height:34px;min-width:54px;padding:7px 10px;}
 .customer-body{padding-top:var(--bookshop-header-height);}
 .customer-desktop-nav{top:var(--bookshop-header-height);}
 @media(max-width:700px){
  .staff-app .bookshop-header,.customer-body .bookshop-header{padding-right:16px;padding-left:16px;}
  .staff-app .bookshop-header .brandword strong,.customer-body .bookshop-header .brandword strong{font-size:15px!important;}
  .staff-app .bookshop-header .workspace-switch>*,.customer-body .bookshop-header .workspace-switch>*{padding-right:9px;padding-left:9px;}
 }
}