/* The existing owner menu uses the same decorative badges as customer actions. */
#owner-workspace>.aw-nav{
  gap:12px;
  padding:10px;
  border-radius:20px;
}

#owner-workspace>.aw-nav :is(button,.aw-production-link){
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:0;
  min-height:140px;
  padding:18px 12px;
  border:1px solid #c2ccbe;
  border-radius:18px;
  box-shadow:0 4px 0 #dfe4d5;
  text-align:center;
}

#owner-workspace>.aw-nav button{
  background:var(--white);
  color:var(--green);
}

#owner-workspace>.aw-nav button[aria-pressed="true"]{
  background:var(--portal-yellow,#ffe27a);
  border-color:var(--portal-yellow-line,#d3bb67);
}

#owner-workspace>.aw-nav button>svg,
#owner-workspace>.aw-nav .aw-production-link::before{
  box-sizing:border-box;
  width:68px;
  height:68px;
  flex:0 0 68px;
  padding:15px;
  border:1px solid #a9b99e;
  border-radius:50%;
  background:#e8eee0;
  color:var(--green);
  box-shadow:inset 0 0 0 4px #ffffff99,0 3px 0 #dfe4d5;
}

#owner-workspace>.aw-nav button[data-aw-area="orders"]>svg{background:#fbefb4;border-color:#d3bb67}
#owner-workspace>.aw-nav button[data-aw-area="delivery"]>svg{background:#e1eded;border-color:#a8c4c3}
#owner-workspace>.aw-nav button[data-aw-area="settings"]>svg{background:#f4e4d9;border-color:#d7b79e}

#owner-workspace>.aw-nav .aw-production-link{border-color:#85472e}
#owner-workspace>.aw-nav .aw-production-link::before{
  content:'';
  pointer-events:none;
  background-color:#f4e4d9;
  border-color:#d7b79e;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23285d40' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 8h18M7 12h10v5H7zM7 5.5h.01M11 5.5h.01M15 5.5h2'/%3E%3C/svg%3E");
  background-position:center;
  background-repeat:no-repeat;
  background-size:36px 36px;
}

@media(min-width:761px) and (max-width:1100px){
  #owner-workspace>.aw-nav{gap:8px}
  #owner-workspace>.aw-nav :is(button,.aw-production-link){padding:15px 8px}
  #owner-workspace>.aw-nav button>svg,
  #owner-workspace>.aw-nav .aw-production-link::before{
    width:56px;
    height:56px;
    flex-basis:56px;
    padding:12px;
  }
  #owner-workspace>.aw-nav .aw-production-link::before{background-size:30px 30px}
}

@media(max-width:760px){
  #owner-workspace>.aw-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #owner-workspace>.aw-nav :is(button,.aw-production-link){min-height:124px;padding:14px 10px;gap:9px}
  #owner-workspace>.aw-nav button>svg,
  #owner-workspace>.aw-nav .aw-production-link::before{
    width:60px;
    height:60px;
    flex-basis:60px;
    padding:13px;
  }
  #owner-workspace>.aw-nav .aw-production-link{
    grid-column:1/-1;
    flex-direction:row;
    gap:15px;
    min-height:96px;
  }
  #owner-workspace>.aw-nav .aw-production-link::before{background-size:32px 32px}
}

@media(forced-colors:active){
  #owner-workspace>.aw-nav button>svg,
  #owner-workspace>.aw-nav .aw-production-link::before{
    color:ButtonText;
    background-color:ButtonFace;
    border-color:ButtonText;
    box-shadow:none;
  }
}