@bjsdistribution/dms-client-return 0.2.2-prod → 0.2.3-prod

package/dist/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.js

@@ -1,6 +1,7 @@
-import { Button as e } from "@bjsdistribution/dms-component-library";
-import r from "styled-components";
-r.div`
+import { Button as r } from "@bjsdistribution/dms-component-library";
+import t from "styled-components";
+import { device as e } from "../../common/mediaQuery.js";
+t.div`
   display: flex;
   gap: 5px;
   i {
@@ -18,11 +19,11 @@ r.div`
     }
   }
 `;
-r.div`
+t.div`
   display: flex;
   justify-content: center;
 `;
-r.span`
+t.span`
   font-size: 20px;
   font-weight: 900;
   line-height: 32px;
@@ -33,11 +34,11 @@ r.span`
   display: flex;
   justify-content: center;
 `;
-r.span`
+t.span`
   color: #aea9a1;
   padding: 10px;
 `;
-r.div`
+t.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -48,8 +49,8 @@ r.div`
   background: #eff2f5;
   border: 10px solid #b7d0f7;
 `;
-r(e)``;
-r.button`
+t(r)``;
+t.button`
   cursor: pointer;
   font-size: 16px;
   opacity: 1;
@@ -64,14 +65,14 @@ r.button`
   padding: 8px 10px;
   border-radius: 6px;
 `;
-r.div`
+t.div`
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 10px;
   text-align: center;
 `;
-r.div`
+t.div`
   padding: 24px;
   border-radius: 12px;
   background: #ffffff;
@@ -83,32 +84,32 @@ r.div`
     max-width: 40%;
   }
 `;
-r.div`
+t.div`
   display: flex;
   flex-direction: row;
   gap: 10px;
 `;
-r.div`
+t.div`
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid #e3e3e3;
 `;
-r.div`
+t.div`
   color: #3a3630;
   font-size: 16px;
   font-weight: 500;
   text-transform: uppercase;
   padding: 10px;
 `;
-r.div`
+t.div`
   padding: 0px 10px 10px 10px;
 `;
-r.div`
+t.div`
   display: flex;
   flex-direction: column;
   padding: 10px;
 `;
-r.div`
+t.div`
   border: 1px solid #e3e3e3;
   background: #f8fafc;
   justify-content: space-between;
@@ -117,28 +118,52 @@ r.div`
   margin-top: 15px;
   padding-top: 10px;
 `;
-r(e)`
+t(r)`
   border-radius: 25px;
   &:disabled {
     background-color: #d3d3d3;
     cursor: not-allowed;
   }
 `;
-r.span`
+t.span`
   background-color: rgba(153, 153, 153, 0.1);
   padding: 3px 12px;
   border-radius: 4px;
 `;
-const d = r.div`
+const a = t.div`
   display: flex;
   justify-content: center;
-`, i = r.div`
+`, n = t.div`
   max-height: calc(100vh - 310px);
   overflow-x: hidden;
   width: 100%;
   padding-top: 10px;
   background: #fff;
 
+  @media ${e.tableScroll} {
+    overflow-x: auto;
+  }
+
+  &.return-cards-wrapper {
+    @media ${e.tabletPortrait} {
+      overflow-x: visible;
+      max-height: none;
+    }
+  }
+
+  &.fortables {
+    @media ${e.mobileLandscape} {
+      /* cards stack full-width here (no horizontal scrolling needed), and
+         hidden overflow was clipping the print dropdown's absolutely
+         positioned popup */
+      overflow-x: visible;
+      /* the desktop max-height caps this box while the full card list
+         renders past it, overlapping the pagination bar that follows —
+         let it grow to fit all cards instead */
+      max-height: none;
+    }
+  }
+
   &::-webkit-scrollbar {
     width: 6px;
     border-radius: 100px;
@@ -160,11 +185,15 @@ const d = r.div`
     background: #989898;
 ;
   }
-`, a = r.table`
+`, p = t.table`
   border-spacing: 0 10px;
   width: 100%;
   table-layout: auto;
 
+  @media ${e.tableScroll} {
+    min-width: 1300px;
+  }
+
   thead {
     position: sticky;
     top: 0;
@@ -199,6 +228,10 @@ const d = r.div`
         background: #f0f2f2;
         border-right: none;
         border-left: none;
+
+        @media ${e.mobileLandscape} {
+          padding: 4px 6px;
+        }
         text-align: left;
         border: 1px solid rgba(0, 0, 0, 0.08);
         border-width: 1px 0;
@@ -499,16 +532,302 @@ const d = r.div`
       padding: 0;
     }
   }
-`, n = r.div`
+
+  &.order-after-table {
+    @media ${e.mobileLandscape} {
+      display: block;
+      width: 100%;
+      min-width: 0;
+      border-spacing: 0;
+
+      thead {
+        display: none;
+      }
+
+      tbody {
+        display: block;
+        width: 100%;
+      }
+
+      tbody tr {
+        display: block;
+        width: 100%;
+        box-sizing: border-box;
+        border-radius: 12px;
+        border: 1px solid rgba(0, 0, 0, 0.08);
+        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
+        margin-bottom: 10px;
+        background: #fff;
+        /* no overflow:hidden here — the Labels cell's print dropdown
+           (position: absolute) needs to be able to pop out past the
+           card's bottom edge; every td is already white so there's
+           nothing that needs clipping to keep the rounded corners clean */
+
+        td:first-child {
+          border-radius: 12px 12px 0 0 !important;
+        }
+
+        td:last-child {
+          border-radius: 0 0 12px 12px !important;
+        }
+
+        td {
+          display: flex;
+          flex-direction: row;
+          justify-content: space-between;
+          align-items: center;
+          gap: 8px;
+          width: 100%;
+          box-sizing: border-box;
+          border: none !important;
+          border-radius: 0 !important;
+          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
+          padding: 8px 12px;
+
+          &::before {
+            content: attr(data-label);
+            display: block;
+            flex-shrink: 0;
+            color: #6a7378;
+            font-size: 11px;
+            font-weight: 600;
+            text-transform: uppercase;
+            letter-spacing: 0.02em;
+          }
+
+          &:last-child {
+            border-bottom: none !important;
+          }
+
+          .ant-select {
+            width: 100% !important;
+          }
+        }
+
+        &:nth-child(even) td {
+          background: inherit;
+        }
+
+        /* the Labels cell is a row with the print button pinned to the
+           card's right edge (space-between), so "left: 0" made the popup
+           extend further right, off the edge of the screen, clipping its
+           text. Anchor it via the button's right edge instead so it opens
+           leftward, staying on-card. */
+        .shareIconContainer > div > ul {
+          left: auto;
+          right: 0;
+        }
+      }
+
+      tbody tr.state-row {
+        border: none;
+        box-shadow: none;
+        margin-bottom: 0;
+
+        td.state-cell {
+          display: block;
+          border: none !important;
+          padding: 15px;
+
+          &::before {
+            content: none;
+          }
+        }
+      }
+    }
+  }
+
+  /* Return products table: stacked cards on tablet and mobile only */
+  &.return-cards {
+    @media ${e.tabletPortrait} {
+      display: block;
+      width: 100%;
+      min-width: 0;
+      border-spacing: 0;
+
+      thead {
+        display: none;
+      }
+
+      tbody {
+        display: block;
+        width: 100%;
+      }
+
+      tbody tr {
+        display: block;
+        width: 100%;
+        box-sizing: border-box;
+        border-radius: 12px;
+        border: 1px solid rgba(0, 0, 0, 0.08);
+        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
+        margin-bottom: 10px;
+        background: #fff;
+        /* no overflow:hidden here — the Labels cell's print dropdown
+           (position: absolute) needs to be able to pop out past the
+           card's bottom edge; every td is already white so there's
+           nothing that needs clipping to keep the rounded corners clean */
+
+        td:first-child {
+          border-radius: 12px 12px 0 0 !important;
+        }
+
+        td:last-child {
+          border-radius: 0 0 12px 12px !important;
+        }
+
+        td {
+          display: flex;
+          flex-direction: row;
+          justify-content: space-between;
+          align-items: center;
+          gap: 8px;
+          width: 100%;
+          box-sizing: border-box;
+          border: none !important;
+          border-radius: 0 !important;
+          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
+          padding: 8px 12px;
+
+          &::before {
+            content: attr(data-label);
+            display: block;
+            flex-shrink: 0;
+            color: #6a7378;
+            font-size: 11px;
+            font-weight: 600;
+            text-transform: uppercase;
+            letter-spacing: 0.02em;
+          }
+
+          &:last-child {
+            border-bottom: none !important;
+          }
+
+          .ant-select {
+            width: 100% !important;
+          }
+        }
+
+        &:nth-child(even) td {
+          background: inherit;
+        }
+
+        /* the Labels cell is a row with the print button pinned to the
+           card's right edge (space-between), so "left: 0" made the popup
+           extend further right, off the edge of the screen, clipping its
+           text. Anchor it via the button's right edge instead so it opens
+           leftward, staying on-card. */
+        .shareIconContainer > div > ul {
+          left: auto;
+          right: 0;
+        }
+      }
+
+      tbody tr.state-row {
+        border: none;
+        box-shadow: none;
+        margin-bottom: 0;
+
+        td.state-cell {
+          display: block;
+          border: none !important;
+          padding: 15px;
+
+          &::before {
+            content: none;
+          }
+        }
+      }
+    }
+  }
+ 
+  &.return-cards {
+    @media ${e.tabletPortrait} {
+      thead {
+        display: block;
+        position: static;
+        box-shadow: none;
+        background: transparent;
+      }
+      thead tr {
+        display: flex;
+        align-items: center;
+        margin-bottom: 8px;
+      }
+      thead th {
+        display: none;
+      }
+      thead th.emailInvoiceCheckbox {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        width: auto;
+        padding: 4px 4px 4px 12px;
+        background: transparent;
+        border: 0;
+        border-radius: 0;
+        &::after {
+          content: 'Select all';
+          font-size: 13px;
+          font-weight: 600;
+          color: #3a3630;
+        }
+      }
+      tbody tr td {
+        font-size: 13px;
+        text-align: right;
+        word-break: break-word;
+        min-height: 40px;
+      }
+      tbody tr td::before {
+        flex: 0 0 38%;
+        text-align: left;
+      }
+      tbody tr td ul {
+        margin: 0;
+        text-align: right;
+      }
+      tbody tr td[data-label='Select']:empty {
+        display: none;
+      }
+      tbody tr td[data-label='Select']:empty + td {
+        border-radius: 12px 12px 0 0 !important;
+      }
+    }
+  }
+
+  &.order-after-table {
+    @media ${e.mobileLandscape} {
+      tbody tr td {
+        font-size: 13px;
+        text-align: right;
+        word-break: break-word;
+        min-height: 40px;
+      }
+      tbody tr td::before {
+        flex: 0 0 38%;
+        text-align: left;
+      }
+      tbody tr td ul {
+        margin: 0;
+        text-align: right;
+      }
+      tbody tr.state-row td.state-cell {
+        text-align: center;
+      }
+    }
+  }
+`, l = t.div`
   cursor: pointer;
   &.active .drop {
     transform: rotate(180deg);
   }
 `;
 export {
-  n as CustomDrop,
-  d as EmptyDataContainer,
-  a as StyledTable,
-  i as StyledTableWrapper
+  l as CustomDrop,
+  a as EmptyDataContainer,
+  p as StyledTable,
+  n as StyledTableWrapper
 };
 //# sourceMappingURL=returnstyles.js.map

package/dist/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"returnstyles.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts"],"sourcesContent":["import { Button } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\n\nexport const IconContainers = styled.div`\n  display: flex;\n  gap: 5px;\n  i {\n    display: flex;\n    width: 25px;\n    height: 25px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    flex-shrink: 0;\n    border-radius: 15px;\n    background: #edebe8;\n    svg {\n    }\n  }\n`;\n\nexport const Div = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ModalTitle = styled.span`\n  font-size: 20px;\n  font-weight: 900;\n  line-height: 32px;\n  margin: 5px;\n  padding: 0;\n  text-transform: uppercase;\n  align-items: center;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const Description = styled.span`\n  color: #aea9a1;\n  padding: 10px;\n`;\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 75px;\n  height: 75px;\n  padding: 14px;\n  border-radius: 50%;\n  background: #eff2f5;\n  border: 10px solid #b7d0f7;\n`;\n\nexport const ConfirmButton = styled(Button)``;\n\nexport const CancelButton = styled.button`\n  cursor: pointer;\n  font-size: 16px;\n  opacity: 1;\n  background: white;\n  color: #3a3630;\n  border: thin solid #3a3630;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 40px;\n  padding: 8px 10px;\n  border-radius: 6px;\n`;\n\nexport const SectionsContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 10px;\n  text-align: center;\n`;\n\nexport const MainContainer = styled.div`\n  padding: 24px;\n  border-radius: 12px;\n  background: #ffffff;\n  box-shadow: 0px 20px 24px -4px #10182814;\n  width: 30%;\n  max-width: 50%;\n  margin: 0 auto;\n  @media (max-width: 1024px) {\n    max-width: 40%;\n  }\n`;\n\nexport const ButtonContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n`;\n\nexport const Header = styled.div`\n  display: flex;\n  justify-content: space-between;\n  border-bottom: 1px solid #e3e3e3;\n`;\n\nexport const HeaderText = styled.div`\n  color: #3a3630;\n  font-size: 16px;\n  font-weight: 500;\n  text-transform: uppercase;\n  padding: 10px;\n`;\n\nexport const Padding = styled.div`\n  padding: 0px 10px 10px 10px;\n`;\n\nexport const HeaderCont = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: 10px;\n`;\n\nexport const Main = styled.div`\n  border: 1px solid #e3e3e3;\n  background: #f8fafc;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 15px 15px 0 0;\n  margin-top: 15px;\n  padding-top: 10px;\n`;\n\nexport const SendButton = styled(Button)`\n  border-radius: 25px;\n  &:disabled {\n    background-color: #d3d3d3;\n    cursor: not-allowed;\n  }\n`;\n\nexport const TdWrapper = styled.span`\n  background-color: rgba(153, 153, 153, 0.1);\n  padding: 3px 12px;\n  border-radius: 4px;\n`;\n\nexport const EmptyDataContainer = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const StyledTableWrapper = styled.div`\n  max-height: calc(100vh - 310px);\n  overflow-x: hidden;\n  width: 100%;\n  padding-top: 10px;\n  background: #fff;\n\n  &::-webkit-scrollbar {\n    width: 6px;\n    border-radius: 100px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #e2e0db;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: #989898;\n;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: #989898;\n;\n  }\n`;\n\nexport const StyledTable = styled.table`\n  border-spacing: 0 10px;\n  width: 100%;\n  table-layout: auto;\n\n  thead {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    background: #fff;\n    box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n    tr {\n      border-radius: 40px;\n      border-spacing: 0 10px;\n      position: relative;\n      font-family: 'lato', sans-serif;\n      .emailInvoiceCheckbox {\n        padding-right: 0px;\n        width: 24px;\n        > div {\n          width: fit-content;\n        }\n      }\n      .emailInvoiceNo {\n        padding-left: 0px;\n      }\n      .emailInvoiceShare {\n        width: 80px;\n      }\n      th {\n        color: #3a3630;\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 1.3;\n        padding: 8px 6px;\n        background: #f0f2f2;\n        border-right: none;\n        border-left: none;\n        text-align: left;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-width: 1px 0;\n        word-wrap: break-word;\n        overflow-wrap: break-word;\n        white-space: normal;\n\n        .ant-checkbox-wrapper,\n        .ant-checkbox,\n        input[type='checkbox'] {\n          transform: scale(0.8);\n          transform-origin: center center;\n        }\n\n        &:first-child {\n          border-radius: 100px 0 0 100px;\n          border-left: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        &:last-child {\n          border-radius: 0px 100px 100px 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        .sortIconClass {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          gap: 4px;\n        }\n      }\n    }\n  }\n  tbody {\n    tr {\n      td {\n        color: #3a3630;\n        font-size: 11px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 1.3;\n        padding: 6px 6px;\n        background: #fff;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-right: none;\n        border-left: none;\n        position: relative;\n        word-wrap: break-word;\n        overflow-wrap: break-word;\n        white-space: normal;\n\n        .custom-check,\n        .ant-checkbox-wrapper,\n        .ant-checkbox,\n        input[type='checkbox'] {\n          transform: scale(0.8);\n          transform-origin: center center;\n        }\n\n        .disabled-wrapper {\n          cursor: not-allowed !important;\n          display: inline-block;\n          * {\n            pointer-events: none !important;\n          }\n        }\n        .actionbox {\n          display: flex;\n          gap: 5px;\n        }\n        .shareIconContainer {\n          display: flex;\n          padding: 2px 8px;\n          align-items: center;\n          gap: 4px;\n          border-radius: 20px;\n          border: 1px solid var(--tonal-brown-101, #e2e0db);\n          background: #fff;\n          list-style-type: none;\n          cursor: pointer;\n          position: relative;\n        }\n        .statusCancelled {\n          color: #e95252;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusOnHold {\n          color: #f4a503;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusSubContracted {\n          color: #845adf;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusAwaiting {\n          color: #845adf;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusCompleted {\n          color: #1f9254;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusOutstanding {\n          color: #f4a503;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusUnknown {\n          color: #000;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n        .statustext {\n          color: #1f9254;\n          font-family: 'Open Sans';\n          font-size: 11px;\n          font-style: normal;\n          font-weight: 600;\n          line-height: normal;\n        }\n        .downloadcontainer {\n          display: flex;\n          padding: 2px 12px;\n          align-items: center;\n          width: 28px;\n          height: 28px;\n          flex-direction: column;\n          border-radius: 14px;\n          border: 1px solid #e2e0db;\n          background: #fff;\n        }\n        .statuscontainer {\n          display: flex;\n          padding: 5px 30px 5px 30px;\n          justify-content: center;\n          align-items: center;\n          gap: 5px;\n          flex: 1 0 0;\n          border-radius: 22px;\n          background: rgba(41, 204, 106, 0.15);\n        }\n        .awaiting {\n          display: flex;\n          min-width: fit-content;\n          padding: 4px 6px;\n          justify-content: center;\n          align-items: center;\n          gap: 5px;\n          border-radius: 22px;\n          background: rgba(233, 82, 82, 0.15);\n          color: #e95252;\n          font-family: 'Open Sans';\n          font-size: 11px;\n          font-weight: 600;\n        }\n        ul > li > a {\n          text-decoration: none !important;\n          color: #0099ff;\n          word-break: break-all;\n        }\n      }\n      &:nth-child(even) td {\n        background: #f6fbff;\n      }\n      td:first-child {\n        border-radius: 100px 0 0 100px;\n        border-left: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      td:last-child {\n        border-radius: 0px 100px 100px 0;\n        border-right: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      .flex {\n        display: flex;\n        flex-direction: row;\n        gap: 5px;\n        height: 29px;\n        align-items: center;\n      }\n\n      &.insideTable {\n        td {\n          border-radius: 0;\n          border: none;\n          &:last-child {\n            border-radius: 0;\n            border-right: none;\n          }\n        }\n        table {\n          border-spacing: 0;\n          width: 100%;\n          border-radius: 5px;\n          border: 1px solid rgba(0, 0, 0, 0.08);\n          overflow: hidden;\n          border-top-left-radius: 15px;\n          border-top-right-radius: 15px;\n          thead {\n            tr {\n              border-bottom: none;\n              th {\n                padding: 14px 20px;\n                text-align: left;\n                border-top: 0;\n                border-right: 0;\n                border-left: 0;\n                background: #f8fafc;\n\n                &:first-child {\n                  border-radius: 0;\n                  border-left: 1px solid rgba(0, 0, 0, 0.08);\n                  border-top-left-radius: 15px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                }\n              }\n            }\n          }\n          tbody {\n            tr.product-row td {\n              border-bottom: none;\n            }\n\n            tr.ni-row td {\n              border-top: none;\n              padding-top: 0;\n              background: #fff;\n            }\n\n            tr.product-row td:first-child {\n              border-bottom-left-radius: 0;\n            }\n\n            tr.product-row td:last-child {\n              border-bottom-right-radius: 0;\n            }\n\n            tr.ni-row td:first-child {\n              border-top-left-radius: 0;\n            }\n\n            tr.ni-row td:last-child {\n              border-top-right-radius: 0;\n            }\n\n            tr.ni-row:nth-child(even) td {\n              background: #fff;\n            }\n            tr {\n              td {\n                padding: 14px 20px;\n                text-align: left;\n                border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n                background: #fff;\n                > svg {\n                  transform: scale(1.5);\n                  background-color: #edebe8;\n                  border-radius: 20px;\n                  padding: 5px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                  border-right: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .actions {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    > svg {\n      transform: scale(1.5);\n      background-color: #edebe8;\n      border-radius: 20px;\n      padding: 5px;\n    }\n\n    .close-icon {\n      transform: scale(1.3);\n      background-color: transparent;\n      border-radius: 0;\n      padding: 0;\n    }\n  }\n`;\n\nexport const CustomDrop = styled.div`\n  cursor: pointer;\n  &.active .drop {\n    transform: rotate(180deg);\n  }\n`;\n"],"names":["styled","Button","EmptyDataContainer","StyledTableWrapper","StyledTable","CustomDrop"],"mappings":";;AAG8BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBlBA,EAAO;AAAA;AAAA;AAAA;AAKAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYNA,EAAO;AAAA;AAAA;AAAA;AAKTA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYHA,EAAOC,CAAM;AAEdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBFA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQXA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMhBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQVA,EAAO;AAAA;AAAA;AAIJA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMbA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUDA,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAME,IAAqBF,EAAO;AAAA;AAAA;AAAA,GAK5BG,IAAqBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA8B5BI,IAAcJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqVrBK,IAAaL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"returnstyles.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts"],"sourcesContent":["import { Button } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\nimport { device } from '../../common/mediaQuery';\n\nexport const IconContainers = styled.div`\n  display: flex;\n  gap: 5px;\n  i {\n    display: flex;\n    width: 25px;\n    height: 25px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    flex-shrink: 0;\n    border-radius: 15px;\n    background: #edebe8;\n    svg {\n    }\n  }\n`;\n\nexport const Div = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ModalTitle = styled.span`\n  font-size: 20px;\n  font-weight: 900;\n  line-height: 32px;\n  margin: 5px;\n  padding: 0;\n  text-transform: uppercase;\n  align-items: center;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const Description = styled.span`\n  color: #aea9a1;\n  padding: 10px;\n`;\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 75px;\n  height: 75px;\n  padding: 14px;\n  border-radius: 50%;\n  background: #eff2f5;\n  border: 10px solid #b7d0f7;\n`;\n\nexport const ConfirmButton = styled(Button)``;\n\nexport const CancelButton = styled.button`\n  cursor: pointer;\n  font-size: 16px;\n  opacity: 1;\n  background: white;\n  color: #3a3630;\n  border: thin solid #3a3630;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 40px;\n  padding: 8px 10px;\n  border-radius: 6px;\n`;\n\nexport const SectionsContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 10px;\n  text-align: center;\n`;\n\nexport const MainContainer = styled.div`\n  padding: 24px;\n  border-radius: 12px;\n  background: #ffffff;\n  box-shadow: 0px 20px 24px -4px #10182814;\n  width: 30%;\n  max-width: 50%;\n  margin: 0 auto;\n  @media (max-width: 1024px) {\n    max-width: 40%;\n  }\n`;\n\nexport const ButtonContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n`;\n\nexport const Header = styled.div`\n  display: flex;\n  justify-content: space-between;\n  border-bottom: 1px solid #e3e3e3;\n`;\n\nexport const HeaderText = styled.div`\n  color: #3a3630;\n  font-size: 16px;\n  font-weight: 500;\n  text-transform: uppercase;\n  padding: 10px;\n`;\n\nexport const Padding = styled.div`\n  padding: 0px 10px 10px 10px;\n`;\n\nexport const HeaderCont = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: 10px;\n`;\n\nexport const Main = styled.div`\n  border: 1px solid #e3e3e3;\n  background: #f8fafc;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 15px 15px 0 0;\n  margin-top: 15px;\n  padding-top: 10px;\n`;\n\nexport const SendButton = styled(Button)`\n  border-radius: 25px;\n  &:disabled {\n    background-color: #d3d3d3;\n    cursor: not-allowed;\n  }\n`;\n\nexport const TdWrapper = styled.span`\n  background-color: rgba(153, 153, 153, 0.1);\n  padding: 3px 12px;\n  border-radius: 4px;\n`;\n\nexport const EmptyDataContainer = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const StyledTableWrapper = styled.div`\n  max-height: calc(100vh - 310px);\n  overflow-x: hidden;\n  width: 100%;\n  padding-top: 10px;\n  background: #fff;\n\n  @media ${device.tableScroll} {\n    overflow-x: auto;\n  }\n\n  &.return-cards-wrapper {\n    @media ${device.tabletPortrait} {\n      overflow-x: visible;\n      max-height: none;\n    }\n  }\n\n  &.fortables {\n    @media ${device.mobileLandscape} {\n      /* cards stack full-width here (no horizontal scrolling needed), and\n         hidden overflow was clipping the print dropdown's absolutely\n         positioned popup */\n      overflow-x: visible;\n      /* the desktop max-height caps this box while the full card list\n         renders past it, overlapping the pagination bar that follows —\n         let it grow to fit all cards instead */\n      max-height: none;\n    }\n  }\n\n  &::-webkit-scrollbar {\n    width: 6px;\n    border-radius: 100px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #e2e0db;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: #989898;\n;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: #989898;\n;\n  }\n`;\n\nexport const StyledTable = styled.table`\n  border-spacing: 0 10px;\n  width: 100%;\n  table-layout: auto;\n\n  @media ${device.tableScroll} {\n    min-width: 1300px;\n  }\n\n  thead {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    background: #fff;\n    box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n    tr {\n      border-radius: 40px;\n      border-spacing: 0 10px;\n      position: relative;\n      font-family: 'lato', sans-serif;\n      .emailInvoiceCheckbox {\n        padding-right: 0px;\n        width: 24px;\n        > div {\n          width: fit-content;\n        }\n      }\n      .emailInvoiceNo {\n        padding-left: 0px;\n      }\n      .emailInvoiceShare {\n        width: 80px;\n      }\n      th {\n        color: #3a3630;\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 1.3;\n        padding: 8px 6px;\n        background: #f0f2f2;\n        border-right: none;\n        border-left: none;\n\n        @media ${device.mobileLandscape} {\n          padding: 4px 6px;\n        }\n        text-align: left;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-width: 1px 0;\n        word-wrap: break-word;\n        overflow-wrap: break-word;\n        white-space: normal;\n\n        .ant-checkbox-wrapper,\n        .ant-checkbox,\n        input[type='checkbox'] {\n          transform: scale(0.8);\n          transform-origin: center center;\n        }\n\n        &:first-child {\n          border-radius: 100px 0 0 100px;\n          border-left: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        &:last-child {\n          border-radius: 0px 100px 100px 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        .sortIconClass {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          gap: 4px;\n        }\n      }\n    }\n  }\n  tbody {\n    tr {\n      td {\n        color: #3a3630;\n        font-size: 11px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 1.3;\n        padding: 6px 6px;\n        background: #fff;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-right: none;\n        border-left: none;\n        position: relative;\n        word-wrap: break-word;\n        overflow-wrap: break-word;\n        white-space: normal;\n\n        .custom-check,\n        .ant-checkbox-wrapper,\n        .ant-checkbox,\n        input[type='checkbox'] {\n          transform: scale(0.8);\n          transform-origin: center center;\n        }\n\n        .disabled-wrapper {\n          cursor: not-allowed !important;\n          display: inline-block;\n          * {\n            pointer-events: none !important;\n          }\n        }\n        .actionbox {\n          display: flex;\n          gap: 5px;\n        }\n        .shareIconContainer {\n          display: flex;\n          padding: 2px 8px;\n          align-items: center;\n          gap: 4px;\n          border-radius: 20px;\n          border: 1px solid var(--tonal-brown-101, #e2e0db);\n          background: #fff;\n          list-style-type: none;\n          cursor: pointer;\n          position: relative;\n        }\n        .statusCancelled {\n          color: #e95252;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusOnHold {\n          color: #f4a503;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusSubContracted {\n          color: #845adf;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusAwaiting {\n          color: #845adf;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusCompleted {\n          color: #1f9254;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusOutstanding {\n          color: #f4a503;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusUnknown {\n          color: #000;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n        .statustext {\n          color: #1f9254;\n          font-family: 'Open Sans';\n          font-size: 11px;\n          font-style: normal;\n          font-weight: 600;\n          line-height: normal;\n        }\n        .downloadcontainer {\n          display: flex;\n          padding: 2px 12px;\n          align-items: center;\n          width: 28px;\n          height: 28px;\n          flex-direction: column;\n          border-radius: 14px;\n          border: 1px solid #e2e0db;\n          background: #fff;\n        }\n        .statuscontainer {\n          display: flex;\n          padding: 5px 30px 5px 30px;\n          justify-content: center;\n          align-items: center;\n          gap: 5px;\n          flex: 1 0 0;\n          border-radius: 22px;\n          background: rgba(41, 204, 106, 0.15);\n        }\n        .awaiting {\n          display: flex;\n          min-width: fit-content;\n          padding: 4px 6px;\n          justify-content: center;\n          align-items: center;\n          gap: 5px;\n          border-radius: 22px;\n          background: rgba(233, 82, 82, 0.15);\n          color: #e95252;\n          font-family: 'Open Sans';\n          font-size: 11px;\n          font-weight: 600;\n        }\n        ul > li > a {\n          text-decoration: none !important;\n          color: #0099ff;\n          word-break: break-all;\n        }\n      }\n      &:nth-child(even) td {\n        background: #f6fbff;\n      }\n      td:first-child {\n        border-radius: 100px 0 0 100px;\n        border-left: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      td:last-child {\n        border-radius: 0px 100px 100px 0;\n        border-right: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      .flex {\n        display: flex;\n        flex-direction: row;\n        gap: 5px;\n        height: 29px;\n        align-items: center;\n      }\n\n      &.insideTable {\n        td {\n          border-radius: 0;\n          border: none;\n          &:last-child {\n            border-radius: 0;\n            border-right: none;\n          }\n        }\n        table {\n          border-spacing: 0;\n          width: 100%;\n          border-radius: 5px;\n          border: 1px solid rgba(0, 0, 0, 0.08);\n          overflow: hidden;\n          border-top-left-radius: 15px;\n          border-top-right-radius: 15px;\n          thead {\n            tr {\n              border-bottom: none;\n              th {\n                padding: 14px 20px;\n                text-align: left;\n                border-top: 0;\n                border-right: 0;\n                border-left: 0;\n                background: #f8fafc;\n\n                &:first-child {\n                  border-radius: 0;\n                  border-left: 1px solid rgba(0, 0, 0, 0.08);\n                  border-top-left-radius: 15px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                }\n              }\n            }\n          }\n          tbody {\n            tr.product-row td {\n              border-bottom: none;\n            }\n\n            tr.ni-row td {\n              border-top: none;\n              padding-top: 0;\n              background: #fff;\n            }\n\n            tr.product-row td:first-child {\n              border-bottom-left-radius: 0;\n            }\n\n            tr.product-row td:last-child {\n              border-bottom-right-radius: 0;\n            }\n\n            tr.ni-row td:first-child {\n              border-top-left-radius: 0;\n            }\n\n            tr.ni-row td:last-child {\n              border-top-right-radius: 0;\n            }\n\n            tr.ni-row:nth-child(even) td {\n              background: #fff;\n            }\n            tr {\n              td {\n                padding: 14px 20px;\n                text-align: left;\n                border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n                background: #fff;\n                > svg {\n                  transform: scale(1.5);\n                  background-color: #edebe8;\n                  border-radius: 20px;\n                  padding: 5px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                  border-right: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .actions {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    > svg {\n      transform: scale(1.5);\n      background-color: #edebe8;\n      border-radius: 20px;\n      padding: 5px;\n    }\n\n    .close-icon {\n      transform: scale(1.3);\n      background-color: transparent;\n      border-radius: 0;\n      padding: 0;\n    }\n  }\n\n  &.order-after-table {\n    @media ${device.mobileLandscape} {\n      display: block;\n      width: 100%;\n      min-width: 0;\n      border-spacing: 0;\n\n      thead {\n        display: none;\n      }\n\n      tbody {\n        display: block;\n        width: 100%;\n      }\n\n      tbody tr {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n        border-radius: 12px;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);\n        margin-bottom: 10px;\n        background: #fff;\n        /* no overflow:hidden here — the Labels cell's print dropdown\n           (position: absolute) needs to be able to pop out past the\n           card's bottom edge; every td is already white so there's\n           nothing that needs clipping to keep the rounded corners clean */\n\n        td:first-child {\n          border-radius: 12px 12px 0 0 !important;\n        }\n\n        td:last-child {\n          border-radius: 0 0 12px 12px !important;\n        }\n\n        td {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          align-items: center;\n          gap: 8px;\n          width: 100%;\n          box-sizing: border-box;\n          border: none !important;\n          border-radius: 0 !important;\n          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;\n          padding: 8px 12px;\n\n          &::before {\n            content: attr(data-label);\n            display: block;\n            flex-shrink: 0;\n            color: #6a7378;\n            font-size: 11px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.02em;\n          }\n\n          &:last-child {\n            border-bottom: none !important;\n          }\n\n          .ant-select {\n            width: 100% !important;\n          }\n        }\n\n        &:nth-child(even) td {\n          background: inherit;\n        }\n\n        /* the Labels cell is a row with the print button pinned to the\n           card's right edge (space-between), so \"left: 0\" made the popup\n           extend further right, off the edge of the screen, clipping its\n           text. Anchor it via the button's right edge instead so it opens\n           leftward, staying on-card. */\n        .shareIconContainer > div > ul {\n          left: auto;\n          right: 0;\n        }\n      }\n\n      tbody tr.state-row {\n        border: none;\n        box-shadow: none;\n        margin-bottom: 0;\n\n        td.state-cell {\n          display: block;\n          border: none !important;\n          padding: 15px;\n\n          &::before {\n            content: none;\n          }\n        }\n      }\n    }\n  }\n\n  /* Return products table: stacked cards on tablet and mobile only */\n  &.return-cards {\n    @media ${device.tabletPortrait} {\n      display: block;\n      width: 100%;\n      min-width: 0;\n      border-spacing: 0;\n\n      thead {\n        display: none;\n      }\n\n      tbody {\n        display: block;\n        width: 100%;\n      }\n\n      tbody tr {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n        border-radius: 12px;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);\n        margin-bottom: 10px;\n        background: #fff;\n        /* no overflow:hidden here — the Labels cell's print dropdown\n           (position: absolute) needs to be able to pop out past the\n           card's bottom edge; every td is already white so there's\n           nothing that needs clipping to keep the rounded corners clean */\n\n        td:first-child {\n          border-radius: 12px 12px 0 0 !important;\n        }\n\n        td:last-child {\n          border-radius: 0 0 12px 12px !important;\n        }\n\n        td {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          align-items: center;\n          gap: 8px;\n          width: 100%;\n          box-sizing: border-box;\n          border: none !important;\n          border-radius: 0 !important;\n          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;\n          padding: 8px 12px;\n\n          &::before {\n            content: attr(data-label);\n            display: block;\n            flex-shrink: 0;\n            color: #6a7378;\n            font-size: 11px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.02em;\n          }\n\n          &:last-child {\n            border-bottom: none !important;\n          }\n\n          .ant-select {\n            width: 100% !important;\n          }\n        }\n\n        &:nth-child(even) td {\n          background: inherit;\n        }\n\n        /* the Labels cell is a row with the print button pinned to the\n           card's right edge (space-between), so \"left: 0\" made the popup\n           extend further right, off the edge of the screen, clipping its\n           text. Anchor it via the button's right edge instead so it opens\n           leftward, staying on-card. */\n        .shareIconContainer > div > ul {\n          left: auto;\n          right: 0;\n        }\n      }\n\n      tbody tr.state-row {\n        border: none;\n        box-shadow: none;\n        margin-bottom: 0;\n\n        td.state-cell {\n          display: block;\n          border: none !important;\n          padding: 15px;\n\n          &::before {\n            content: none;\n          }\n        }\n      }\n    }\n  }\n \n  &.return-cards {\n    @media ${device.tabletPortrait} {\n      thead {\n        display: block;\n        position: static;\n        box-shadow: none;\n        background: transparent;\n      }\n      thead tr {\n        display: flex;\n        align-items: center;\n        margin-bottom: 8px;\n      }\n      thead th {\n        display: none;\n      }\n      thead th.emailInvoiceCheckbox {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        width: auto;\n        padding: 4px 4px 4px 12px;\n        background: transparent;\n        border: 0;\n        border-radius: 0;\n        &::after {\n          content: 'Select all';\n          font-size: 13px;\n          font-weight: 600;\n          color: #3a3630;\n        }\n      }\n      tbody tr td {\n        font-size: 13px;\n        text-align: right;\n        word-break: break-word;\n        min-height: 40px;\n      }\n      tbody tr td::before {\n        flex: 0 0 38%;\n        text-align: left;\n      }\n      tbody tr td ul {\n        margin: 0;\n        text-align: right;\n      }\n      tbody tr td[data-label='Select']:empty {\n        display: none;\n      }\n      tbody tr td[data-label='Select']:empty + td {\n        border-radius: 12px 12px 0 0 !important;\n      }\n    }\n  }\n\n  &.order-after-table {\n    @media ${device.mobileLandscape} {\n      tbody tr td {\n        font-size: 13px;\n        text-align: right;\n        word-break: break-word;\n        min-height: 40px;\n      }\n      tbody tr td::before {\n        flex: 0 0 38%;\n        text-align: left;\n      }\n      tbody tr td ul {\n        margin: 0;\n        text-align: right;\n      }\n      tbody tr.state-row td.state-cell {\n        text-align: center;\n      }\n    }\n  }\n`;\n\nexport const CustomDrop = styled.div`\n  cursor: pointer;\n  &.active .drop {\n    transform: rotate(180deg);\n  }\n`;\n"],"names":["styled","Button","EmptyDataContainer","StyledTableWrapper","device","StyledTable","CustomDrop"],"mappings":";;;AAI8BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBlBA,EAAO;AAAA;AAAA;AAAA;AAKAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYNA,EAAO;AAAA;AAAA;AAAA;AAKTA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYHA,EAAOC,CAAM;AAEdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBFA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQXA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMhBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQVA,EAAO;AAAA;AAAA;AAIJA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMbA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUDA,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAME,IAAqBF,EAAO;AAAA;AAAA;AAAA,GAK5BG,IAAqBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAO9BI,EAAO,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,aAKhBA,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOrBA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmCtBC,IAAcL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvBI,EAAO,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAuCZA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAiT1BA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAyGtBA,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAwGrBA,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAuDrBA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsBtBE,IAAaN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}