.return-overview,
.return-overview * {
  box-sizing: border-box;
}
.return-overview {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}


.main-return-wrap {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1280px;
  position: relative;
  overflow: hidden;
}
.inner-return-wrap {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1280px;
  position: relative;
}
.header {
  border-style: solid;
  border-color: #e5e8eb;
  border-width: 0px 0px 1px 0px;
  padding: 12px 40px 12px 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  height: 65px;
  position: relative;
}
.depth-3-frame-0 {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 104.52px;
  height: 22.5px;
  position: relative;
}
.depth-4-frame-0 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 104.52px;
  height: 22.5px;
  position: relative;
}
.depth-5-frame-0 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
}
.depth-6-frame-0 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}
.vector-0 {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.depth-7-frame-0 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.depth-5-frame-1 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 72.52px;
  height: 22.5px;
  position: relative;
}
.depth-6-frame-02 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.maincontainer {
  color: #121417;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 18px;
  line-height: 22.5px;
  letter-spacing: -0.27px;
  font-weight: 700;
  position: relative;
}
.depth-3-frame-1 {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  height: 40px;
  position: relative;
}
.depth-4-frame-02 {
  padding: 0px 68px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 36px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 40px;
  position: relative;
}
.depth-5-frame-02 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 73.11px;
  height: 21px;
  position: relative;
}
.dashboard {
  color: #121417;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  position: relative;
}
.depth-5-frame-12 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 75px;
  height: 21px;
  position: relative;
}
.returns {
  color: #121417;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  position: relative;
  text-decoration: none;
}
.depth-5-frame-3 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 30.77px;
  height: 21px;
  position: relative;
}
.help {
  color: #121417;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  position: relative;
}
.depth-4-frame-1 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 88px;
  height: 40px;
  position: relative;
}
.depth-5-frame-03 {
  background: #f0f2f5;
  border-radius: 12px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}
.depth-6-frame-03 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}
.depth-7-frame-02 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.vector-02 {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.depth-8-frame-0 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 16.27px;
  height: 16.27px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.depth-5-frame-13 {
  background: #f0f2f5;
  border-radius: 12px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}
.vector-03 {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.depth-8-frame-02 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 15px;
  height: 16.25px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.depth-4-frame-2 {
  border-radius: 20px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.outer-return-box {
  padding: 20px 160px 20px 160px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 1280px;
  
  position: relative;
}
.inner-return-box {
  display: flex;
  flex-direction: column;
  gap: 0px;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 960px;
  position: relative;
}
.depth-4-frame-03 {
  padding: 16px;
  flex-shrink: 0;
  width: 960px;
  height: 72px;
  position: relative;
}
.depth-5-frame-04 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 288px;
  height: 40px;
  position: absolute;
  left: 16px;
  top: 16px;
}
.depth-6-frame-04 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 288px;
  height: 40px;
  position: relative;
}
.depth-7-frame-03 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.returns2 {
  color: #121417;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.8px;
  font-weight: 700;
  position: relative;
}
.depth-4-frame-12 {
  padding: 12px 16px 12px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 960px;
  height: 72px;
  position: relative;
}
.depth-5-frame-05 {
  background: #f0f2f5;
  border-radius: 12px;
  padding: 12px 16px 12px 16px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 928px;
  height: 48px;
  position: relative;
}
.depth-6-frame-05 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
}
.depth-7-frame-04 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.vector-04 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.depth-8-frame-03 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 19.52px;
  height: 19.52px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.depth-6-frame-1 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 860px;
  height: 24px;
  position: relative;
}
.search-returns-by-order-number-customer-name-or-email {
  color: #637587;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
}
.depth-4-frame-22 {
  padding: 0px 0px 12px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 960px;
  height: 66px;
  position: relative;
}
.depth-5-frame-06 {
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 960px;
  height: 54px;
  position: relative;
}
.depth-6-frame-06 {
  border-style: solid;
  border-color: #dbe0e5;
  border-width: 0px 0px 1px 0px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 928px;
  height: 54px;
  position: relative;
  overflow: hidden;
}
.depth-7-frame-05 {
  border-style: solid;
  border-color: #e5e8eb;
  border-width: 0px 0px 3px 0px;
  padding: 16px 0px 13px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 52.98px;
  height: 53px;
  position: relative;
}
.depth-8-frame-04 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 52.98px;
  height: 21px;
  position: relative;
}
.depth-9-frame-0 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.all-20 {
  color: #121417;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.21px;
  font-weight: 700;
  position: relative;
}
.depth-7-frame-1 {
  border-style: solid;
  border-color: #e5e8eb;
  border-width: 0px 0px 3px 0px;
  padding: 16px 0px 13px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 154.75px;
  height: 53px;
  position: relative;
}
.depth-8-frame-05 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 154.75px;
  height: 21px;
  position: relative;
}
.awaiting-delivery-10 {
  color: #637587;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.21px;
  font-weight: 700;
  position: relative;
}
.depth-7-frame-2 {
  border-style: solid;
  border-color: #e5e8eb;
  border-width: 0px 0px 3px 0px;
  padding: 16px 0px 13px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 91.64px;
  height: 53px;
  position: relative;
}
.depth-8-frame-06 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 91.64px;
  height: 21px;
  position: relative;
}
.delivered-5 {
  color: #637587;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.21px;
  font-weight: 700;
  position: relative;
}
.depth-7-frame-3 {
  border-style: solid;
  border-color: #e5e8eb;
  border-width: 0px 0px 3px 0px;
  padding: 16px 0px 13px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 86.97px;
  height: 53px;
  position: relative;
}
.depth-8-frame-07 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 86.97px;
  height: 21px;
  position: relative;
}
.rejected-3 {
  color: #637587;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.21px;
  font-weight: 700;
  position: relative;
}
.depth-7-frame-4 {
  border-style: solid;
  border-color: #e5e8eb;
  border-width: 0px 0px 3px 0px;
  padding: 16px 0px 13px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 92.48px;
  height: 53px;
  position: relative;
}
.depth-8-frame-08 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 92.48px;
  height: 21px;
  position: relative;
}
.refunded-2 {
  color: #637587;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.21px;
  font-weight: 700;
  position: relative;
}
.table-box {
  padding: 12px 16px 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 960px;
  position: relative;
}
.depth-5-frame-07 {
  background: #ffffff;
  border-radius: 12px;
  border-style: solid;
  border-color: #dbe0e5;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 928px;
  height: 407.5px;
  position: relative;
  overflow: hidden;
}
.depth-6-frame-07 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 926px;
  height: 405.5px;
  position: relative;
}
.depth-7-frame-06 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 926px;
  height: 45.5px;
  position: relative;
}
.depth-8-frame-09 {
  background: #ffffff;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 926px;
  height: 45.5px;
  position: relative;
}
.depth-9-frame-02 {
  padding: 12px 16px 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 194.61px;
  height: 45.5px;
  position: relative;
}
.depth-10-frame-0 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 162.61px;
  height: 21px;
  position: relative;
}
.order {
  color: #121417;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.depth-9-frame-1 {
  padding: 12px 16px 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 188.25px;
  height: 45.5px;
  position: relative;
}
.depth-10-frame-02 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 156.25px;
  height: 21px;
  position: relative;
}
.date {
  color: #121417;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.depth-9-frame-2 {
  padding: 12px 16px 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 204.45px;
  height: 45.5px;
  position: relative;
}
.depth-10-frame-03 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 172.45px;
  height: 21px;
  position: relative;
}
.customer {
  color: #121417;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.depth-9-frame-3 {
  padding: 12px 16px 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 200.42px;
  height: 45.5px;
  position: relative;
}
.depth-10-frame-04 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 168.42px;
  height: 21px;
  position: relative;
}
.status {
  color: #121417;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.depth-9-frame-4 {
  padding: 12px 16px 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 138.27px;
  height: 45.5px;
  position: relative;
}
.depth-10-frame-05 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 106.27px;
  height: 21px;
  position: relative;
}
.actions {
  color: #121417;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.depth-7-frame-12 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 926px;
  height: 360px;
  position: relative;
}
.depth-8-frame-010 {
  border-style: solid;
  border-color: #e5e8eb;
  border-width: 1px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 926px;
  height: 72px;
  position: relative;
}
.depth-9-frame-03 {
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 194.61px;
  height: 72px;
  position: relative;
}
.a-5-k-eqclw-ig {
  color: #121417;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.depth-9-frame-12 {
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 188.25px;
  height: 72px;
  position: relative;
}
._06-12-2023 {
  color: #637587;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.depth-9-frame-22 {
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 204.45px;
  height: 72px;
  position: relative;
}
.john-smith {
  color: #121417;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.depth-9-frame-32 {
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 200.42px;
  height: 72px;
  position: relative;
}
.depth-10-frame-06 {
  background: #f0f2f5;
  border-radius: 12px;
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 168.42px;
  height: 32px;
  position: relative;
  overflow: hidden;
}
.depth-11-frame-0 {
  background: #f0f2f5;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 65px;
  height: 21px;
  position: relative;
  overflow: hidden;
}
.depth-12-frame-0 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.delivered {
  color: #121417;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  position: relative;
}
.depth-9-frame-42 {
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 138.27px;
  height: 72px;
  position: relative;
}
.view-details {
  color: #637587;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.21px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.depth-8-frame-1 {
  border-style: solid;
  border-color: #e5e8eb;
  border-width: 1px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 926px;
  height: 72px;
  position: relative;
}
._0-iwdoa-md-ss {
  color: #121417;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
._02-02-2024 {
  color: #637587;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.jane-doe {
  color: #121417;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.depth-11-frame-02 {
  background: #f0f2f5;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 63.36px;
  height: 21px;
  position: relative;
  overflow: hidden;
}
.depth-8-frame-2 {
  border-style: solid;
  border-color: #e5e8eb;
  border-width: 1px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 926px;
  height: 72px;
  position: relative;
}
.h-d-lel-1-as-q-6 {
  color: #121417;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
._03-04-2024 {
  color: #637587;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.joe-schmoe {
  color: #121417;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.depth-11-frame-03 {
  background: #f0f2f5;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 59px;
  height: 21px;
  position: relative;
  overflow: hidden;
}
.rejected {
  color: #121417;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  position: relative;
}
.depth-8-frame-3 {
  border-style: solid;
  border-color: #e5e8eb;
  border-width: 1px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 926px;
  height: 72px;
  position: relative;
}
.z-m-87-d-l-755 {
  color: #121417;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
._2022-01-04 {
  color: #637587;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.jill-johnson {
  color: #121417;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.depth-11-frame-04 {
  background: #f0f2f5;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 64.81px;
  height: 21px;
  position: relative;
  overflow: hidden;
}
.refunded {
  color: #121417;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  position: relative;
}
.depth-8-frame-4 {
  border-style: solid;
  border-color: #e5e8eb;
  border-width: 1px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 926px;
  height: 72px;
  position: relative;
}
.pgm-2-yt-du-yn {
  color: #121417;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
._2022-01-05 {
  color: #637587;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.jack-jackson {
  color: #121417;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.depth-11-frame-05 {
  background: #f0f2f5;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 114.83px;
  height: 21px;
  position: relative;
  overflow: hidden;
}
.awaiting-delivery {
  color: #121417;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  position: relative;
}

.table {
    border: 1px solid #e5e8eb; /* Leichtes Grau */
    border-radius: 0.5rem; /* Runde Ecken */
    overflow: hidden;
}

.table th, .table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Allgemeine Stile für die Return-Detailansicht */
.return-view,
.return-view * {
  box-sizing: border-box;
}

.return-view {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}

.return-header {
  padding: 12px 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 65px;
}

.return-title {
  font-family: "Inter-Black", sans-serif;
  font-size: 36px;
  line-height: 45px;
  color: #121417;
}

.return-info {
	padding: 16px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
  
.return-info-row {
width: 100%;
display: flex;
justify-content: space-between;
border-top: 1px solid #e5e8eb; /* Durchgehende Linie */
}

.return-info-item {
padding: 16px 0;
display: flex;
justify-content: space-between;
width: 48%; /* Jeweils 2 Elemente nebeneinander */
}

.return-info-label {
font-family: "Inter-Regular", sans-serif;
font-size: 14px;
color: #637587;
}

.return-info-value {
font-family: "Inter-Regular", sans-serif;
font-size: 14px;
color: #121417;
}



.return-notes,
.return-next-steps {
  padding: 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.return-notes-title,
.return-next-steps-title,
.return-ean-title {
  font-family: "Inter-Bold", sans-serif;
  font-size: 18px;
  color: #121417;
}

.return-notes-item,
.return-next-steps-item {
  background: #f0f2f5;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.return-notes-item input,
.return-next-steps-item input {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  color: #637587;
}

.return-next-steps-item img {
  width: 24px;
  height: 24px;
}


.nav-tabs-container {
	display: flex;
	justify-content: flex-start;
	overflow: hidden;
	padding-left: 16px;
  }
  
  .nav-tabs {
	display: flex;
	flex-wrap: nowrap;
	-webkit-overflow-scrolling: touch;
  }
  
  .nav-tabs .nav-link {
	padding: 10px 20px;
	white-space: nowrap;
	display: inline-block;
	margin-right: 10px;
  }

  .pagination {
	display: flex;
	justify-content: center;
	padding: 1rem 0;
  }
  
  .page-link {
	margin: 0 5px;
	padding: 0.5rem 0.75rem;
	border: 1px solid #dee2e6;
	color: #007bff;
	text-decoration: none;
  }
  
  .page-link.active {
	background-color: #007bff;
	color: white;
	border-color: #007bff;
  }
  
  .page-link:hover {
	background-color: #e9ecef;
	border-color: #dee2e6;
	color: #0056b3;
  }

  #saveBeacon {
	display: none;
	position: fixed;
	top: 80px;
	right: 30px;
	padding: 5px 10px;
	background-color: #ffc107;
	color: #000;
	border-radius: 5px;
	font-weight: bold;
	z-index: 1000;
}

#productNameBeacon {
	display: none;
	position: fixed;
	top: 80px;
	right: 30px;
	padding: 5px 10px;
	background-color: #ffc107;
	color: #000;
	border-radius: 5px;
	font-weight: bold;
	z-index: 1000;
}

#statusBeacon {
	display: none;
	position: fixed;
	top: 80px; /* Adjust as needed */
	right: 30px;
	padding: 5px 10px;
	background-color: #28a745;
	color: #fff;
	border-radius: 5px;
	font-weight: bold;
	z-index: 1000;
}

#listingBeacon {
	display: none;
	position: fixed;
	top: 80px; /* Adjust as needed */
	right: 30px;
	padding: 5px 10px;
	background-color: #007bff;
	color: #fff;
	border-radius: 5px;
	font-weight: bold;
	z-index: 1000;
}

#inboundBeacon {
	display: none;
	position: fixed;
	top: 80px; /* Adjust as needed */
	right: 30px;
	padding: 5px 10px;
	background-color: #007bff;
	color: #fff;
	border-radius: 5px;
	font-weight: bold;
	z-index: 1000;
}

textarea#notes {
	width: 100%;
	height: 100px;
	padding: 10px;
	background-color: #f0f2f5;
	border: none;
	border-radius: 4px;
	box-shadow: none; /* Entfernt jegliche Box-Schatten */
	outline: none; /* Entfernt den schwarzen Rahmen beim Klicken */
}

.return-next-steps-item {
	cursor: pointer;
	padding: 10px;
	border-radius: 5px;
	transition: background-color 0.3s;
	display: flex;
	align-items: center;
}

.return-next-steps-item:hover {
	background-color: #e9ecef;
}

.return-next-steps-row {
	display: flex;
	justify-content: space-between;
}

.return-next-steps-item.space-between {
	margin-left: 16px;
}


.image-container {
    position: relative;
    display: inline-block;
}

.uploaded-image {
    max-width: 100px;
    max-height: 100px;
    border-radius: 4px;
    cursor: pointer;
}

.delete-button {
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(255, 0, 0, 0.6);
	border: none;
	color: white;
	padding: 3px 3px;
	cursor: pointer;
	font-size: 16px;
	line-height: 1;
	border-radius: 4px;
}

.delete-button span {
	pointer-events: none;
}

.image-container a {
    display: block;
    margin: 5px;
}

.btn-outline-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

input[type="file"] {
    display: none;
}

.link-style {
	text-decoration: none;
}

.filter-customer {
	padding-left: 150px
}

.return-next-steps-row {
	display: flex;
	gap: 1rem; /* Optional: definiert den Abstand zwischen den Buttons */
}

 
  /* Allgemeines Styling für Chat-Nachrichten */
  .chat-message {
	margin-bottom: 1rem;
	padding: 1rem;
	border-radius: 6px;
  }
  
  /* GPT-Antworten */
  .chatgpt-response {
	background-color: #f8f9fa; /* Hellgrau (Bootstrap: bg-light) */
	text-align: left;
	font-size: 0.95rem; /* etwas kleinere Schrift */
	line-height: 1.4;
  }
  
  /* Überschriften innerhalb der ChatGPT-Antworten kleiner darstellen */
  .chatgpt-response h1,
  .chatgpt-response h2,
  .chatgpt-response h3,
  .chatgpt-response h4,
  .chatgpt-response h5 {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 1rem; /* Reduzierte Größe, z.B. 1rem */
	font-weight: bold;
  }
  
  /* Liste und Absätze */
  .chatgpt-response ul,
  .chatgpt-response ol {
	margin-left: 1.5rem;
	margin-bottom: 1rem;
  }
  
  .chatgpt-response p {
	margin-bottom: 0.5rem;
  }
  
  .flag-list {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
  }
  .flag-btn {
	display: flex;
	align-items: center;
	padding: .25rem .5rem;
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
	transition: background .2s, border-color .2s;
  }
  .flag-btn.selected {
	background-color: #e9f5ff;
	border-color: #66b2ff;
  }
  .flag-btn .flag-icon {
	margin-right: .25rem;
  }
  
  .return-next-steps-item[disabled] {
	pointer-events: none;
	opacity: 0.5;
  }

  .return-next-steps-item.reset-delivered {
    background-color: #f8d7da; /* hellrot */
    border: 1px solid #dc3545; /* Bootstrap danger */
    color: #721c24;
    display: flex;
    align-items: center;
    padding: 10px 16px;
    border-radius: 8px;
    font-weight: 500;
    transition: background-color 0.2s ease, transform 0.1s ease;
  }
  .return-next-steps-item.reset-delivered:hover {
    background-color: #f5c6cb;
    cursor: pointer;
    transform: translateY(-1px);
  }
  .return-next-steps-item.reset-delivered i {
    font-size: 1.2rem;
  }

.return-next-steps-item.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.return-next-steps-item.disabled.inbound-exists {
  opacity: 0.7; /* etwas weniger grau */
}

.return-next-steps-item.disabled.sku-missing {
  opacity: 0.6; /* stärker ausgegraut */
}


.return-ean-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem; /* Abstand zwischen den EANs */
}

.return-ean {
	background: #f5f5f5;
	padding: 0.25rem 0.5rem;
	border-radius: 4px;
	font-size: 0.9rem;
}

/* ========================================
   MOBILE RESPONSIVE - Return Detail Page
   ======================================== */

@media (max-width: 768px) {
	/* ========================================
	   RETURN HEADER - Complete Mobile Redesign
	   ======================================== */

	.return-header {
		flex-direction: column !important;
		padding: 12px 16px !important;
		align-items: center !important;
		gap: 16px !important;
	}

	/* Center the image */
	.return-header .me-3 {
		width: auto !important;
		margin: 0 !important;
	}

	/* Title section - Bootstrap Card style on mobile */
	.return-header .flex-grow-1 {
		width: 100% !important;
		order: 2;
		background: #f8f9fa;
		padding: 12px;
		border-radius: 8px;
		border: 1px solid #dee2e6;
	}

	.return-title {
		font-size: 13px !important;
		line-height: 1.5 !important;
		text-align: left;
		word-wrap: break-word;
		width: 100% !important;
		margin: 0 !important;
	}

	/* Delete button */
	.return-title .btn-danger {
		position: static !important;
		display: block !important;
		width: 100% !important;
		margin-top: 12px !important;
	}

	/* QR Code */
	.return-header .ms-auto {
		margin: 0 !important;
		width: auto !important;
		order: 3;
	}

	#qrcodeBox {
		margin: 0 auto !important;
	}

	/* Return Info - Stack items vertically on mobile */
	.return-info {
		padding: 8px 16px;
	}

	.return-info-row {
		flex-direction: column !important;
		gap: 0;
	}

	.return-info-item {
		width: 100% !important;
		padding: 12px 0;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 4px;
		justify-content: flex-start !important;
	}

	.return-info-label {
		font-weight: 600;
		margin-bottom: 4px;
		color: #637587;
		width: 100%;
	}

	.return-info-value {
		width: 100%;
		word-wrap: break-word;
		color: #121417;
	}

	/* Return Title */
	.return-title {
		font-size: 14px !important;
		line-height: 1.4;
		position: relative !important;
	}

	/* Product Image */
	#productImage {
		max-width: 100%;
		max-height: 80px !important;
		height: auto !important;
		width: auto !important;
	}

	#productImageLink {
		display: block;
		text-align: center;
	}

	/* Buttons - Make full width on mobile */
	.return-next-steps-item {
		width: 100% !important;
		margin-bottom: 8px;
	}

	.btn {
		margin-bottom: 8px;
	}

	/* Inline buttons next to labels should stay inline */
	.return-info-item .btn {
		width: auto !important;
		margin-left: 8px;
		font-size: 12px;
		padding: 4px 8px;
	}

	/* Tables - Make scrollable on mobile */
	.table-responsive {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	table {
		min-width: 600px;
	}

	/* Notes sections */
	.return-notes,
	.return-next-steps {
		padding: 12px;
	}

	/* Container padding */
	.container {
		padding-left: 12px;
		padding-right: 12px;
	}

	/* Delete button position fix */
	.return-title .btn-danger {
		position: static !important;
		margin-top: 8px;
		width: 100%;
	}

	/* Form inputs full width */
	.form-control,
	.form-select,
	textarea {
		width: 100% !important;
	}

	/* Alert boxes */
	.alert {
		font-size: 14px;
		padding: 12px;
	}

	/* Modal adjustments */
	.modal-dialog {
		margin: 10px;
	}

	/* Photo grid - 2 columns on mobile instead of 3+ */
	.photo-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	/* Smaller font for longer text fields */
	.return-info-value a {
		word-break: break-all;
	}

	/* ========================================
	   BOOTSTRAP NAVBAR - Mobile adjustments
	   ======================================== */

	/* Navbar is now handled by Bootstrap - minimal custom styles needed */
	.navbar {
		padding: 0.5rem 1rem;
	}

	.navbar-brand {
		font-size: 1.1rem;
	}

	/* Navbar links on mobile */
	.navbar-nav .nav-link {
		padding: 0.75rem 1rem;
	}

	/* ========================================
	   GENERAL MOBILE FIXES
	   ======================================== */

	/* Alert boxes - ensure they don't overlap */
	.alert {
		position: relative;
		z-index: 1;
		margin-bottom: 12px;
	}

	/* Container adjustments */
	.container {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	/* ========================================
	   PRODUCT NAME SECTION - Complete rework
	   ======================================== */

	/* First info row with product name - more spacing */
	.return-info-row:first-child {
		margin-top: 24px;
		padding-top: 24px;
		border-top: 3px solid #e5e8eb;
	}

	/* Product name should be visible but well separated */
	.return-info-row:first-child .return-info-item:first-child {
		width: 100% !important;
		margin-bottom: 12px;
	}

	.return-info-row:first-child .return-info-item:first-child .return-info-label {
		font-size: 16px !important;
		font-weight: 700 !important;
		color: #121417 !important;
		margin-bottom: 8px !important;
	}

	.return-info-row:first-child .return-info-item:first-child .return-info-value {
		font-size: 14px !important;
		line-height: 1.5 !important;
	}

	/* ========================================
	   MOBILE OPTIMIZATIONS
	   ======================================== */

	/* Mobile Hamburger Menu Button */
	.header {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
	}

	.header .depth-3-frame-0 {
		width: auto !important;
		flex: 0 0 auto !important;
	}

	.header .depth-4-frame-0 {
		width: auto !important;
	}

	.navbar-toggler {
		border: 1px solid #dee2e6;
		padding: 6px 10px;
		background: white;
		border-radius: 4px;
		flex-shrink: 0;
	}

	.navbar-toggler:focus {
		box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
		outline: none;
	}

	.navbar-toggler-icon {
		display: inline-block;
		width: 24px;
		height: 24px;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
	}

	/* Return Detail - Product Name on mobile: keep both label and value visible but compact */
	.return-info-row:first-child .return-info-item:first-child {
		padding-top: 24px !important;
		margin-top: 16px !important;
	}

	.return-info-row:first-child .return-info-item:first-child .return-info-label {
		font-size: 12px !important;
		font-weight: 600 !important;
		color: #637587 !important;
		margin-bottom: 6px !important;
	}

	.return-info-row:first-child .return-info-item:first-child .return-info-value {
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 1.4 !important;
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
	}

	/* Mobile Navigation Container */
	#mobileNav {
		position: absolute;
		top: 65px;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 1000;
		background: white;
	}

	.mobile-nav-container {
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		max-width: 100%;
		margin: 0;
	}

	.mobile-nav-container .list-group-item {
		border: none;
		border-bottom: 1px solid #f0f0f0;
		padding: 12px 20px;
		color: #333;
		text-decoration: none;
	}

	.mobile-nav-container .list-group-item:hover {
		background-color: #f8f9fa;
	}

	.mobile-nav-container .list-group-item:last-child {
		border-bottom: none;
	}
}