/* erp-production-prep/full-ui/app/erp/sales-reports-panel.css */
.erp-sales-reports {
  max-width: 1340px;
  margin: 18px auto;
  color: #182638;
  font-size: 14px;
}
.erp-sales-reports * {
  box-sizing: border-box;
}
.erp-sales-report-heading,
.erp-sales-report-pagination,
.erp-sales-report-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.erp-sales-report-heading h2 {
  margin: 0 0 4px;
  font-size: 22px;
}
.erp-sales-report-heading p {
  margin: 0;
  color: #526173;
}
.erp-sales-report-grid {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 16px;
  margin-top: 16px;
}
.erp-sales-report-navigation {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-self: start;
  border: 1px solid #d9e2eb;
  border-radius: 10px;
  background: #fff;
  padding: 8px;
}
.erp-sales-report-navigation button {
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  text-align: left;
  padding: 9px 10px;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.erp-sales-report-navigation button[aria-current=page] {
  background: #eaf3fc;
  border-color: #bdd5eb;
  color: #124a78;
  font-weight: 600;
}
.erp-sales-report-navigation button:hover {
  background: #f0f5fa;
}
.erp-sales-reports button:focus-visible,
.erp-sales-reports a:focus-visible {
  outline: 2px solid #3974aa;
  outline-offset: 2px;
}
.erp-sales-report-content {
  min-width: 0;
}
.erp-sales-report-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  gap: 10px;
  padding: 14px;
  background: #f8fafc;
  border: 1px solid #d9e2eb;
  border-radius: 10px;
}
.erp-sales-report-filters label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 13px;
  font-weight: 500;
}
.erp-sales-report-filters input,
.erp-sales-report-filters select {
  width: 100%;
  min-width: 0;
  border: 1px solid #bfcdda;
  border-radius: 5px;
  background: #fff;
  padding: 8px;
  color: #182638;
  font: inherit;
}
.erp-sales-report-filters :disabled {
  background: #eef1f4;
  color: #637384;
}
.erp-sales-report-notice {
  padding: 10px 12px;
  border-left: 3px solid #b08a36;
  background: #fffaf0;
  font-size: 13px;
  line-height: 1.5;
  margin: 12px 0;
}
.erp-sales-report-definitions {
  margin: 12px 0;
  font-size: 13px;
  line-height: 1.5;
}
.erp-sales-report-definitions summary {
  cursor: pointer;
  font-weight: 600;
}
.erp-sales-report-definitions ul {
  padding-left: 20px;
}
.erp-sales-report-totals {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  gap: 8px;
  margin: 12px 0;
}
.erp-sales-report-total {
  border: 1px solid #d4e0eb;
  border-radius: 7px;
  padding: 10px 12px;
  background: #fff;
}
.erp-sales-report-total small {
  display: block;
  color: #536374;
  margin-bottom: 5px;
}
.erp-sales-report-total strong {
  font-size: 17px;
  font-variant-numeric: tabular-nums;
}
.erp-sales-report-table-wrap {
  overflow: auto;
  border: 1px solid #cad6e0;
  border-radius: 7px;
  margin: 12px 0;
}
.erp-sales-report-table {
  border-collapse: collapse;
  width: 100%;
  background: white;
  font-size: 13px;
}
.erp-sales-report-table th,
.erp-sales-report-table td {
  border-bottom: 1px solid #dbe3e9;
  border-right: 1px solid #e1e7ed;
  padding: 8px 10px;
  vertical-align: top;
  text-align: left;
  min-width: 90px;
}
.erp-sales-report-table th {
  background: #f0f4f8;
  font-weight: 600;
  white-space: nowrap;
}
.erp-sales-report-table td[data-numeric=true] {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.erp-sales-report-table tr:last-child td {
  border-bottom: 0;
}
.erp-sales-report-pagination {
  font-size: 13px;
  margin-top: 12px;
}
.erp-sales-report-active {
  font-size: 12px;
  color: #536374;
  line-height: 1.6;
  margin: 10px 0;
  overflow-wrap: anywhere;
}
.erp-sales-report-mobile-select {
  display: none;
}
.erp-sales-report-empty {
  padding: 22px !important;
  text-align: center !important;
  color: #536374;
}
.erp-sales-report-tools {
  justify-content: flex-start;
  margin: 12px 0;
}
.erp-sales-reports .erp-button {
  font-size: 13px;
  padding: 7px 11px;
  white-space: nowrap;
}
.erp-sales-report-security {
  font-size: 12px;
  color: #637384;
  margin: 12px 0;
}
.erp-sales-report-chart {
  display: grid;
  gap: 7px;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid #d9e2eb;
  border-radius: 8px;
}
.erp-sales-report-chart-row {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr) 100px;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}
.erp-sales-report-chart-bar {
  height: 13px;
  background: #4382b8;
  border-radius: 3px;
  min-width: 1px;
}
.erp-sales-report-chart-track {
  background: #eef3f8;
  border-radius: 3px;
  overflow: hidden;
}
@media (max-width: 800px) {
  .erp-sales-report-grid {
    grid-template-columns: 1fr;
  }
  .erp-sales-report-navigation {
    display: none;
  }
  .erp-sales-report-mobile-select {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 12px;
  }
  .erp-sales-report-mobile-select select {
    font: inherit;
    padding: 10px;
    border: 1px solid #bfcdda;
    border-radius: 6px;
    background: #fff;
  }
  .erp-sales-reports {
    margin: 12px 0;
  }
  .erp-sales-report-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 10px;
  }
  .erp-sales-report-heading h2 {
    font-size: 20px;
  }
  .erp-sales-report-chart-row {
    grid-template-columns: 70px minmax(0, 1fr) 85px;
  }
}
@media print {
  .erp-sales-report-navigation,
  .erp-sales-report-mobile-select,
  .erp-sales-report-filters,
  .erp-sales-report-tools,
  .erp-sales-report-pagination {
    display: none !important;
  }
  .erp-sales-report-grid {
    display: block;
  }
  .erp-sales-report-table-wrap {
    overflow: visible;
  }
  .erp-sales-report-table th {
    white-space: normal;
  }
  .erp-sales-reports {
    max-width: none;
    margin: 0;
  }
}
.erp-report-category {
  display: block !important;
  min-width: 0;
}
.erp-report-category > a {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.erp-report-category > div > a {
  display: block;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.35;
  padding: 7px 8px;
}

/* erp-production-prep/full-ui/app/erp/transfer-entry.css */
.erp-main .erp-transfer-entry {
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
  padding: 0;
  outline: none;
  color: #344454;
  font-size: 14px;
}
.erp-transfer-entry fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.erp-transfer-entry .erp-transfer-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid #d8e0e6;
  border-radius: 6px;
  background: #f8fafb;
  margin-bottom: 12px;
}
.erp-transfer-toolbar h3 {
  margin: 0 auto 0 0;
  font-size: 17px;
}
.erp-transfer-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
  border: 1px solid #d8e0e6;
  border-radius: 7px;
  background: #fff;
  margin-bottom: 12px;
}
.erp-transfer-entry .erp-field {
  font-size: 14px;
}
.erp-transfer-entry input,
.erp-transfer-entry select,
.erp-transfer-entry textarea {
  font-size: 14px;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  min-width: 0;
}
.erp-transfer-table-wrap {
  overflow-x: auto;
  border: 1px solid #d8e0e6;
  border-radius: 5px;
  margin-bottom: 10px;
}
.erp-transfer-entry .erp-table {
  width: 100%;
  min-width: 850px;
}
.erp-transfer-entry .erp-table th,
.erp-transfer-entry .erp-table td {
  border: 1px solid #dce2e7;
  padding: 7px;
  vertical-align: middle;
  font-size: 14px;
}
.erp-transfer-entry .erp-table th {
  font-weight: 500;
  background: #fff;
}
.erp-transfer-entry .erp-table td:nth-child(2),
.erp-transfer-entry .erp-table td:nth-child(3),
.erp-transfer-entry .erp-table td:nth-child(5),
.erp-transfer-entry .erp-table td:nth-child(7) {
  background: #edf0f2;
}
.erp-transfer-entry .erp-table td:first-child {
  min-width: 210px;
}
.erp-transfer-entry .erp-table input[type=number] {
  min-width: 75px;
}
.erp-transfer-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 14px;
}
.erp-transfer-summary {
  display: grid;
  grid-template-columns: 1fr auto;
  align-content: center;
  gap: 12px;
  border: 1px solid #aab7c2;
  padding: 12px;
}
.erp-transfer-entry .erp-muted {
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 700px) {
  .erp-main .erp-transfer-entry {
    padding: 0;
    width: 100%;
  }
  .erp-transfer-meta,
  .erp-transfer-bottom {
    grid-template-columns: 1fr;
  }
  .erp-transfer-toolbar {
    flex-wrap: wrap;
  }
  .erp-transfer-toolbar h3 {
    width: 100%;
  }
  .erp-transfer-entry button {
    min-height: 40px;
  }
}
.erp-main .erp-transfer-entry .erp-transfer-toolbar {
  justify-content: flex-start;
}
.erp-main .erp-transfer-entry .erp-transfer-toolbar h3 {
  margin: 0 auto 0 0;
}
.erp-main .erp-transfer-entry .erp-table {
  table-layout: fixed;
}
.erp-main .erp-transfer-entry .erp-table th {
  white-space: normal;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.35;
}
.erp-main .erp-transfer-entry .erp-table td {
  overflow-wrap: anywhere;
}
.erp-main .erp-transfer-entry .erp-table th:first-child {
  width: 22%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(2) {
  width: 11%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(3) {
  width: 8%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(4) {
  width: 10%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(5) {
  width: 13%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(6) {
  width: 16%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(7) {
  width: 13%;
}
.erp-main .erp-transfer-entry .erp-table th:last-child {
  width: 7%;
}
.erp-main .erp-transfer-entry {
  max-width: 1220px;
  margin: 0 auto;
}
.erp-transfer-paper {
  background: #fff;
  border: 1px solid #d5dce3;
  padding: 28px 30px;
}
.erp-transfer-masthead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid #e1e5ea;
  padding: 0 0 24px;
  margin-bottom: 22px;
}
.erp-transfer-brand img {
  display: block;
  width: 270px;
  max-width: 100%;
  max-height: 105px;
  object-fit: contain;
  object-position: left center;
}
.erp-transfer-brand strong {
  font-size: 25px;
}
.erp-transfer-document-title {
  text-align: right;
}
.erp-transfer-document-title h2 {
  font-size: 25px;
  color: #535b69;
  letter-spacing: .3px;
  margin: 0 0 12px;
}
.erp-transfer-document-title span {
  display: inline-block;
  background: #fff0d2;
  color: #80561c;
  font-size: 11px;
  font-weight: 600;
  padding: 5px 8px;
  border-radius: 3px;
}
.erp-main .erp-transfer-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0;
  border: 0;
  border-radius: 0;
  gap: 18px;
  margin-bottom: 20px;
}
.erp-main .erp-transfer-entry .erp-field {
  font-size: 12px;
  gap: 6px;
}
.erp-transfer-search {
  position: relative;
  margin-bottom: 24px;
}
.erp-transfer-search-control {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #c9d2df;
  padding: 4px;
  border-radius: 3px;
}
.erp-main .erp-transfer-search-control input {
  border: 0;
  box-shadow: none;
  min-height: 30px;
  flex: 1;
  width: 0;
  padding: 5px 8px;
}
.erp-transfer-search-control:focus-within {
  outline: 2px solid #687c98;
  outline-offset: 1px;
}
.erp-transfer-search-control kbd {
  font-size: 10px;
  color: #57687d;
  padding: 3px;
  border: 1px solid #d5dce3;
  border-radius: 3px;
}
.erp-transfer-search-results {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 100%;
  max-height: 300px;
  overflow: auto;
  background: white;
  border: 1px solid #bdc8d5;
  box-shadow: 0 5px 12px #0002;
}
.erp-transfer-search-results [role=option] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 18px;
  align-items: center;
  padding: 10px 12px;
  cursor: pointer;
  border-bottom: 1px solid #e5e9ed;
}
.erp-transfer-search-results [role=option][aria-selected=true],
.erp-transfer-search-results [role=option]:hover {
  background: #eaf0f7;
}
.erp-transfer-search-results small {
  display: block;
  color: #5c6877;
  margin-top: 3px;
}
.erp-transfer-search-results p {
  padding: 10px;
}
.erp-main .erp-transfer-entry .erp-table th {
  background: #d1d1d1;
  color: #344454;
  padding: 6px;
}
.erp-main .erp-transfer-entry .erp-table td {
  background: #fff;
  padding: 7px;
}
.erp-main .erp-transfer-entry .erp-transfer-empty {
  height: 36px;
  color: #6b7280;
  text-align: center;
  font-size: 12px;
}
.erp-transfer-bottom {
  margin-top: 28px;
  gap: 26px;
}
.erp-transfer-notes {
  min-width: 0;
}
.erp-transfer-notes textarea {
  border: 1px solid #c9d2df;
  min-height: 90px;
  padding: 8px;
}
.erp-transfer-summary {
  background: #f6f7f9;
  align-self: start;
  border-color: #c9d2df;
}
.erp-transfer-notes .erp-record-attachments {
  margin-top: 12px;
}
.erp-transfer-notes .erp-attachment-add {
  width: 64px;
  height: 58px;
  min-height: 58px;
  padding: 10px;
}
.erp-transfer-notes .erp-attachment-add svg {
  width: 26px;
  height: 26px;
}
.erp-transfer-notes .erp-attachment-title {
  padding: 12px 10px;
  min-height: 0;
}
.erp-transfer-notes .erp-attachment-content {
  padding: 8px;
}
.erp-transfer-notes .erp-attachment-warning,
.erp-transfer-notes .erp-attachment-storage,
.erp-transfer-notes .erp-attachment-content > p {
  font-size: 11px;
  line-height: 1.4;
  margin: 6px 0;
}
@media (max-width: 700px) {
  .erp-transfer-paper {
    padding: 16px 12px;
  }
  .erp-transfer-masthead {
    align-items: flex-start;
    gap: 14px;
  }
  .erp-transfer-brand {
    max-width: 45%;
  }
  .erp-transfer-document-title h2 {
    font-size: 18px;
  }
  .erp-main .erp-transfer-meta {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .erp-transfer-search-results [role=option] {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }
  .erp-transfer-search-results [role=option] > b {
    grid-column: 2;
  }
  .erp-transfer-bottom {
    gap: 16px;
  }
}
.erp-main .erp-transfer-entry .erp-table {
  min-width: 950px;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(1) {
  width: 21%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(2) {
  width: 11%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(3) {
  width: 9%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(4) {
  width: 8%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(5) {
  width: 9%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(6) {
  width: 12%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(7) {
  width: 12%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(8) {
  width: 12%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(9) {
  width: 6%;
}
.erp-main .erp-transfer-entry .erp-table {
  min-width: 700px;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(1) {
  width: 32%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(2) {
  width: 20%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(3) {
  width: 13%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(4) {
  width: 12%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(5) {
  width: 15%;
}
.erp-main .erp-transfer-entry .erp-table th:nth-child(6) {
  width: 8%;
}
.erp-transfer-search-results [role=option] {
  grid-template-columns: minmax(0, 1fr) auto;
}

/* erp-production-prep/full-ui/app/erp/erp.css */
.erp-app {
  --erp-green:#163e32;
  --erp-gold:#bd9451;
  min-height: 100vh;
  background: #f6f5f0;
  color: #20332c;
  font-family: Arial, sans-serif;
}
.erp-app * {
  box-sizing: border-box;
}
.erp-app button,
.erp-app input,
.erp-app select {
  font: inherit;
}
.erp-app button,
.erp-app a {
  touch-action: manipulation;
}
.erp-header {
  background: var(--erp-green);
  color: white;
  padding: 24px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.erp-header small {
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #d9c295;
}
.erp-header h1 {
  font-size: 26px;
  margin: 7px 0;
}
.erp-header p {
  color: #cee0d6;
  font-size: 13px;
  margin: 0;
}
.erp-header a {
  color: #fff;
  text-decoration: none;
  border: 1px solid #6c887a;
  padding: 10px 14px;
  border-radius: 10px;
}
.erp-banner {
  padding: 12px 32px;
  background: #f7e8c9;
  border-bottom: 1px solid #e2c88f;
  font-size: 13px;
  color: #624c23;
}
.erp-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  max-width: 1600px;
  margin: auto;
}
.erp-nav {
  padding: 24px 16px;
  border-right: 1px solid #e0e6df;
}
.erp-nav :is(button, a) {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  border-radius: 12px;
  padding: 13px 14px;
  margin-bottom: 5px;
  color: #5b6c62;
  display: flex;
  gap: 12px;
  align-items: center;
  cursor: pointer;
}
.erp-nav :is(button, a).active {
  background: #e0e9df;
  color: #163e32;
  font-weight: 700;
}
.erp-nav small {
  display: block;
  margin: 26px 14px 10px;
  color: #7c877e;
  font-size: 10px;
  letter-spacing: 1.6px;
}
.erp-main {
  padding: 30px;
  min-width: 0;
}
.erp-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 22px;
}
.erp-heading h2 {
  font-size: 25px;
  margin: 0 0 7px;
}
.erp-heading p {
  margin: 0;
  color: #6e7b73;
  font-size: 14px;
  line-height: 1.6;
}
.erp-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.erp-button {
  background: var(--erp-green);
  color: white;
  border: 1px solid var(--erp-green);
  padding: 10px 14px;
  min-height: 42px;
  border-radius: 10px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.erp-button.secondary {
  background: white;
  color: #254836;
  border-color: #d4ddd5;
}
.erp-button.danger {
  background: #fff;
  color: #913e30;
  border-color: #dcafa7;
}
.erp-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.erp-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 24px;
}
.erp-card,
.erp-panel {
  background: #fff;
  border: 1px solid #e0e5dc;
  border-radius: 16px;
  box-shadow: 0 2px 5px #263d2804;
}
.erp-card {
  padding: 20px;
}
.erp-card small {
  color: #718075;
  display: block;
  font-size: 12px;
}
.erp-card strong {
  display: block;
  font-size: 24px;
  margin: 10px 0;
}
.erp-card p {
  font-size: 12px;
  color: #879087;
  margin: 0;
}
.erp-panel {
  padding: 22px;
  margin-bottom: 18px;
}
.erp-panel h3 {
  font-size: 16px;
  margin: 0 0 14px;
}
.erp-panel p {
  font-size: 13px;
  line-height: 1.7;
  color: #67756a;
}
.erp-table-wrap {
  overflow: auto;
}
.erp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  text-align: left;
}
.erp-table th {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #728274;
  background: #f5f7f2;
  padding: 13px 12px;
  white-space: nowrap;
}
.erp-table td {
  padding: 15px 12px;
  border-bottom: 1px solid #eef0e9;
}
.erp-table tr:last-child td {
  border: 0;
}
.erp-table td.numeric {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.erp-badge {
  display: inline-block;
  background: #e6eee4;
  color: #355739;
  font-size: 10px;
  font-weight: 700;
  padding: 5px 8px;
  border-radius: 7px;
  white-space: nowrap;
}
.erp-badge.draft {
  background: #fff0d1;
  color: #8b642e;
}
.erp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.erp-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.erp-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  color: #526355;
}
.erp-field input,
.erp-field select {
  border: 1px solid #cdd8cd;
  background: white;
  border-radius: 9px;
  padding: 11px;
  min-height: 43px;
  color: #263a2a;
  min-width: 0;
}
.erp-field.full {
  grid-column: 1/-1;
}
.erp-error {
  background: #fff1ed;
  border: 1px solid #e7bdb3;
  color: #8a3327;
  padding: 13px;
  border-radius: 10px;
  margin-bottom: 15px;
  font-size: 13px;
}
.erp-success {
  background: #e6f1e4;
  color: #305a32;
  border: 1px solid #b7d3b0;
  padding: 12px;
  border-radius: 10px;
  margin-bottom: 15px;
  font-size: 13px;
}
.erp-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.erp-step {
  border: 1px solid #e0e6dc;
  border-radius: 12px;
  padding: 16px;
}
.erp-step b {
  display: block;
  margin-bottom: 8px;
}
.erp-step p {
  font-size: 12px;
  line-height: 1.6;
}
.erp-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.erp-tabs button {
  border: 1px solid #d2dccf;
  border-radius: 20px;
  padding: 8px 13px;
  background: #fff;
  cursor: pointer;
  font-size: 12px;
}
.erp-tabs button.active {
  background: #e1ebdb;
  font-weight: bold;
}
.erp-muted {
  font-size: 12px !important;
  color: #7e877f !important;
}
.erp-rule {
  padding: 13px 0;
  border-bottom: 1px solid #e9eee5;
  font-size: 13px;
  line-height: 1.6;
}
.erp-rule:last-child {
  border: 0;
}
.erp-modal-backdrop {
  position: fixed;
  inset: 0;
  background: #12231dcc;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.erp-modal {
  width: min(650px, 100%);
  max-height: 90vh;
  overflow: auto;
  border-radius: 18px;
  background: #fff;
  padding: 25px;
  box-shadow: 0 30px 80px #0004;
}
.erp-modal h3 {
  font-size: 22px;
  margin: 0 0 8px;
}
.erp-modal header {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 20px;
}
.erp-modal .erp-actions {
  margin-top: 20px;
  justify-content: flex-end;
}
.erp-empty {
  text-align: center;
  padding: 35px 20px;
  color: #778476;
}
.erp-app :focus-visible {
  outline: 3px solid #bd9451;
  outline-offset: 3px;
}
.erp-stat-label {
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #7f907d;
}
.erp-report-total {
  font-size: 18px;
  font-weight: bold;
  color: #244932;
}
.erp-audit-time {
  color: #839080;
  font-size: 11px;
  white-space: nowrap;
}
@media (max-width: 1050px) {
  .erp-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .erp-layout {
    grid-template-columns: 185px minmax(0, 1fr);
  }
  .erp-main {
    padding: 22px;
  }
  .erp-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  .erp-header {
    padding: 19px 18px;
    align-items: flex-start;
  }
  .erp-header h1 {
    font-size: 22px;
  }
  .erp-header a {
    font-size: 11px;
    padding: 8px;
  }
  .erp-banner {
    padding: 11px 18px;
    font-size: 12px;
  }
  .erp-layout {
    display: block;
  }
  .erp-nav {
    display: flex;
    overflow: auto;
    padding: 12px;
    border: 0;
    border-bottom: 1px solid #dbe2d5;
    gap: 6px;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #f6f5f0;
  }
  .erp-nav :is(button, a) {
    width: auto;
    white-space: nowrap;
    padding: 11px;
    margin: 0;
    font-size: 12px;
  }
  .erp-nav small {
    display: none;
  }
  .erp-main {
    padding: 20px 14px;
  }
  .erp-heading {
    flex-direction: column;
  }
  .erp-heading h2 {
    font-size: 23px;
  }
  .erp-card {
    padding: 15px;
  }
  .erp-card strong {
    font-size: 20px;
  }
  .erp-cards {
    gap: 10px;
  }
  .erp-panel {
    padding: 17px;
  }
  .erp-form {
    grid-template-columns: 1fr;
  }
  .erp-field.full {
    grid-column: auto;
  }
  .erp-steps {
    grid-template-columns: 1fr;
  }
  .erp-modal-backdrop {
    padding: 10px;
  }
  .erp-modal {
    padding: 20px;
    max-height: 94vh;
  }
  .erp-table {
    font-size: 12px;
  }
}
.erp-link {
  border: 0;
  background: transparent;
  padding: 0;
  color: #156aa5;
  cursor: pointer;
  text-decoration: underline;
  font-weight: 700;
}
.erp-card-order {
  display: flex;
  gap: 5px;
}
.erp-card-order button {
  background: #f5f7f8;
  border: 1px solid #cbd4da;
  border-radius: 4px;
  min-width: 30px;
  cursor: pointer;
}
.erp-card-order button:disabled {
  opacity: .35;
}
.erp-card {
  border-top: 3px solid var(--erp-accent,#149b80);
}
.erp-review {
  border: 2px solid var(--erp-accent,#149b80);
  margin-top: 20px;
}
.erp-line-editor {
  grid-column: 1/-1;
}
.erp-line-item {
  padding: 12px;
  background: #f7f9fa;
  border: 1px solid #d9e0e4;
  margin-bottom: 10px;
}
.erp-line-item .full {
  grid-column: 1/-1;
}
.erp-app {
  background: #ecf0f5;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-size: 13px;
}
.erp-header {
  padding: 12px 20px;
  min-height: 66px;
}
.erp-header small {
  font-size: 9px;
  letter-spacing: 1.2px;
}
.erp-header h1 {
  font-size: 22px;
  margin: 3px 0;
}
.erp-header p {
  font-size: 11px;
}
.erp-banner {
  padding: 8px 20px;
  font-size: 12px;
}
.erp-layout {
  grid-template-columns: 218px minmax(0, 1fr);
  max-width: none;
  min-height: calc(100vh - 104px);
}
.erp-nav {
  padding: 12px 0;
  background: #24343c;
  border-right: 0;
}
.erp-nav-title {
  padding: 12px 17px;
  color: #a7b8bf;
  font-size: 10px;
  letter-spacing: 1px;
}
.erp-nav :is(button, a) {
  border-radius: 0;
  margin: 0;
  padding: 12px 16px;
  color: #c8d4da;
  font-size: 13px;
  border-left: 3px solid transparent;
}
.erp-nav :is(button, a).active {
  background: #182a32;
  color: white;
  border-left-color: var(--erp-accent,#10b981);
}
.erp-nav-chevron {
  margin-left: auto;
  color: #8eabb7;
}
.erp-main {
  padding: 20px;
  max-width: 1800px;
}
.erp-heading {
  margin-bottom: 16px;
}
.erp-heading h2 {
  font-size: 23px;
  font-weight: 400;
}
.erp-heading p {
  font-size: 12px;
}
.erp-panel {
  border-radius: 3px;
  border: 1px solid #d7dfe3;
  box-shadow: 0 1px 1px #00000005;
  padding: 16px;
  margin-bottom: 16px;
}
.erp-panel h3 {
  font-size: 15px;
  margin: 0 0 12px;
}
.erp-card {
  border-radius: 3px;
  box-shadow: none;
  padding: 16px;
}
.erp-cards {
  gap: 12px;
  margin: 16px 0;
}
.erp-button {
  border-radius: 3px;
  min-height: 34px;
  padding: 7px 12px;
  font-size: 12px;
}
.erp-field {
  font-size: 12px;
}
.erp-field input,
.erp-field select {
  border-radius: 3px;
  padding: 8px;
  min-height: 35px;
}
.erp-table th {
  background: #f3f6f8;
  font-size: 11px;
  padding: 10px 12px;
  border-top: 1px solid #dfe5e8;
  border-bottom: 2px solid #dfe5e8;
  white-space: nowrap;
}
.erp-table td {
  padding: 9px 12px;
  font-size: 12px;
  border-bottom: 1px solid #e6ebee;
}
.erp-table tbody tr:nth-child(even) {
  background: #fafbfc;
}
.erp-table tbody tr:hover {
  background: #edf6fb;
}
.erp-tabs button {
  border-radius: 3px;
  padding: 8px 12px;
}
.erp-badge {
  border-radius: 3px;
  font-size: 10px;
}
.erp-status-bar {
  display: flex;
  gap: 4px;
  margin: 0 0 14px;
  border-bottom: 1px solid #cad5dc;
  overflow: auto;
}
.erp-status-bar span {
  padding: 9px 15px;
  white-space: nowrap;
  border-bottom: 3px solid transparent;
}
.erp-status-bar span:first-child {
  border-bottom-color: var(--erp-accent,#10b981);
  font-weight: bold;
}
.erp-status-bar b {
  font-size: 10px;
  padding: 2px 5px;
  background: #dce4e9;
  border-radius: 3px;
  margin-left: 5px;
}
.erp-modal {
  border-radius: 4px;
  max-width: 850px;
}
.erp-form {
  gap: 12px;
}
.erp-app details summary {
  cursor: pointer;
  color: #276484;
  font-size: 12px;
}
.erp-app li {
  margin: 7px 0;
  color: #52636c;
  font-size: 12px;
}
.erp-success,
.erp-error {
  border-radius: 3px;
}
.erp-stat-label {
  font-size: 10px;
}
@media (max-width: 700px) {
  .erp-layout {
    display: block;
  }
  .erp-nav {
    display: flex;
    overflow-x: auto;
    padding: 6px;
    gap: 4px;
  }
  .erp-nav-title,
  .erp-nav-chevron {
    display: none;
  }
  .erp-nav :is(button, a) {
    width: auto;
    flex: none;
    padding: 10px 12px;
    border-left: 0;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
  }
  .erp-nav :is(button, a).active {
    border-bottom-color: var(--erp-accent,#10b981);
  }
  .erp-main {
    padding: 12px;
  }
  .erp-header {
    padding: 12px;
  }
  .erp-banner {
    padding: 9px 12px;
  }
  .erp-panel {
    padding: 12px;
  }
  .erp-button {
    min-height: 40px;
  }
  .erp-heading {
    flex-wrap: wrap;
  }
  .erp-status-bar span {
    padding: 9px 11px;
  }
  .erp-table td,
  .erp-table th {
    padding: 9px;
  }
  .erp-modal {
    max-width: 100%;
  }
  .erp-header small {
    font-size: 8px;
  }
}
.erp-status-bar button {
  background: transparent;
  border: 0;
  border-bottom: 3px solid transparent;
  padding: 9px 15px;
  color: #465b66;
  white-space: nowrap;
  cursor: pointer;
}
.erp-status-bar button.active {
  border-bottom-color: var(--erp-accent,#10b981);
  font-weight: 700;
  color: #163e32;
}
.erp-sales-odoo {
  --erp-green:#714b67;
  --erp-gold:#714b67;
  color: #343a40;
}
.erp-sales-odoo .erp-panel {
  border-radius: 4px;
  border-color: #d8dadd;
  box-shadow: 0 1px 2px #17212b06;
  padding: 20px;
}
.erp-sales-odoo .erp-heading {
  align-items: center;
  margin-bottom: 16px;
}
.erp-sales-odoo .erp-heading h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 4px;
}
.erp-sales-odoo .erp-button {
  border-radius: 4px;
  min-height: 36px;
  padding: 7px 12px;
  font-weight: 600;
}
.erp-sales-odoo .erp-button.secondary {
  color: #495057;
  border-color: #ced4da;
}
.erp-sales-odoo .erp-tabs {
  border-bottom: 1px solid #d8dadd;
  padding-bottom: 0;
  gap: 0;
  background: #fff;
}
.erp-sales-odoo .erp-tabs button {
  border-radius: 0;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  padding: 12px 16px;
  color: #59616a;
}
.erp-sales-odoo .erp-tabs button.active {
  color: #714b67;
  border-bottom-color: #714b67;
  background: #f6f2f5;
}
.erp-sales-odoo .erp-table th {
  background: #f5f5f7;
  color: #495057;
  font-size: 11px;
  letter-spacing: .25px;
  text-transform: none;
  padding: 10px 9px;
  border-bottom: 1px solid #d8dadd;
}
.erp-sales-odoo .erp-table td {
  padding: 10px 9px;
  border-bottom: 1px solid #e9ecef;
  vertical-align: middle;
}
.erp-sales-odoo .erp-table tbody tr:hover {
  background: #faf8fb;
}
.erp-sales-odoo input,
.erp-sales-odoo select,
.erp-sales-odoo textarea {
  border-radius: 3px;
  border-color: #ced4da;
  min-height: 36px;
}
.erp-sales-odoo .erp-link {
  color: #714b67;
  font-weight: 600;
}
.erp-sales-odoo .erp-status-bar {
  border-radius: 3px;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
}
@media (max-width: 700px) {
  .erp-sales-odoo .erp-panel {
    padding: 14px;
  }
  .erp-sales-odoo .erp-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
  }
  .erp-sales-odoo .erp-tabs button {
    white-space: nowrap;
    padding: 11px 12px;
  }
  .erp-sales-odoo .erp-button {
    min-height: 42px;
  }
  .erp-sales-odoo input,
  .erp-sales-odoo select {
    min-height: 42px;
  }
}
.erp-sales-nav-group {
  width: 100%;
  min-width: 0;
}
.erp-sales-caret {
  margin-left: auto;
  font-size: 20px;
  line-height: 16px;
}
.erp-sales-submenu {
  padding: 5px 0 10px;
  background: #202d35;
}
.erp-sales-submenu[hidden] {
  display: none;
}
.erp-nav .erp-sales-submenu :is(button, a) {
  padding: 11px 14px 11px 40px;
  font-size: 13px;
  color: #cbd2d9;
  line-height: 1.5;
}
.erp-nav .erp-sales-submenu :is(button, a).active {
  background: #34414c;
  color: #fff;
}
.erp-nav :is(button, a):focus-visible {
  outline: 2px solid #e6c78e;
  outline-offset: -3px;
}
@media (max-width: 700px) {
  .erp-nav {
    flex-wrap: wrap;
    align-items: flex-start;
    overflow: visible;
    position: relative;
  }
  .erp-sales-nav-group {
    width: auto;
    flex: 1 0 100%;
    order: -1;
  }
  .erp-nav .erp-sales-nav-group > :is(button, a) {
    width: 100%;
    justify-content: flex-start;
  }
  .erp-sales-submenu {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 4px;
    border-radius: 3px;
  }
  .erp-nav .erp-sales-submenu :is(button, a) {
    width: 100%;
    white-space: normal;
    text-align: left;
    padding: 12px 14px;
    min-height: 44px;
    font-size: 12px;
  }
  .erp-sales-caret {
    display: block;
  }
}
.erp-invoice-status-cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}
.erp-invoice-status-card {
  --status-color:#4c8fb7;
  border: 1px solid #d7dce0;
  border-left: 4px solid var(--status-color);
  border-radius: 6px;
  background: #fff;
  padding: 14px 12px;
  text-align: left;
  color: #39424c;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 112px;
  font-variant-numeric: tabular-nums;
}
.erp-invoice-status-card.unpaid {
  --status-color:#247e8a;
}
.erp-invoice-status-card.partial {
  --status-color:#c48a18;
}
.erp-invoice-status-card.paid {
  --status-color:#50932b;
}
.erp-invoice-status-card.cancelled {
  --status-color:#9d4850;
}
.erp-invoice-status-card.active {
  border-color: var(--status-color);
  background: #eef4f7;
  box-shadow: 0 0 0 1px var(--status-color);
}
.erp-invoice-card-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  color: var(--status-color);
  font-weight: 700;
}
.erp-invoice-status-card strong {
  font-size: 24px;
  color: var(--status-color);
}
.erp-invoice-status-card small {
  font-size: 11px;
  color: #5d6872;
}
.erp-invoice-status-card:focus-visible {
  outline: 2px solid var(--status-color);
  outline-offset: 2px;
}
@media (max-width: 1000px) {
  .erp-invoice-status-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .erp-invoice-status-cards {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .erp-invoice-status-card {
    min-height: 86px;
    padding: 14px 16px;
  }
  .erp-invoice-card-status {
    font-size: 15px;
  }
  .erp-invoice-status-card strong {
    font-size: 25px;
  }
}
.erp-quotation-status-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0;
}
.erp-invoice-status-card.approved {
  --status-color:#50932b;
}
@media (max-width: 700px) {
  .erp-quotation-status-cards {
    grid-template-columns: 1fr;
  }
}
.erp-order-status-cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}
.erp-invoice-status-card.pending {
  --status-color:#c48a18;
}
.erp-invoice-status-card.completed {
  --status-color:#50932b;
}
@media (max-width: 1000px) {
  .erp-order-status-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .erp-order-status-cards {
    grid-template-columns: 1fr;
  }
}
.erp-sidebar-shell {
  min-width: 0;
  background: #24343c;
}
.erp-layout:has(.erp-sidebar-shell.is-collapsed) {
  grid-template-columns: 62px minmax(0, 1fr);
}
.erp-desktop-sidebar {
  position: sticky;
  top: 0;
  max-height: 100vh;
  overflow-y: auto;
}
.erp-sidebar-toolbar {
  height: 46px;
  padding: 7px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #a7b8bf;
  font-size: 10px;
  letter-spacing: 1px;
}
.erp-sidebar-toolbar button,
.erp-drawer-heading button {
  background: transparent;
  color: #d5e0e5;
  border: 1px solid #61747f;
  border-radius: 4px;
  min-width: 34px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.erp-sidebar-shell.is-collapsed .erp-desktop-sidebar .erp-nav-label,
.erp-sidebar-shell.is-collapsed .erp-desktop-sidebar .erp-sales-caret {
  display: none;
}
.erp-sidebar-shell.is-collapsed .erp-desktop-navigation > :is(button, a),
.erp-sidebar-shell.is-collapsed .erp-desktop-navigation .erp-sales-nav-group > :is(button, a) {
  justify-content: center;
  padding: 13px 8px;
  width: 100%;
}
.erp-sidebar-shell.is-collapsed .erp-sidebar-toolbar {
  justify-content: center;
  padding: 6px;
}
.erp-mobile-menu-bar {
  display: none;
}
.erp-mobile-drawer {
  padding: 0;
  border: 0;
  background: transparent;
  color: #d5e0e5;
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100dvh;
  margin: 0;
  overflow: hidden;
}
.erp-mobile-drawer::backdrop {
  background: #10182099;
  backdrop-filter: blur(2px);
}
.erp-drawer-content {
  width: min(320px, 86vw);
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #24343c;
  box-shadow: 8px 0 24px #0003;
  padding-bottom: env(safe-area-inset-bottom);
}
.erp-drawer-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 16px;
  border-bottom: 1px solid #45545e;
}
.erp-drawer-heading strong {
  display: block;
  font-size: 18px;
  color: white;
}
.erp-drawer-heading small {
  display: block;
  margin-top: 5px;
  color: #afc1cb;
}
.erp-drawer-navigation {
  display: block !important;
  position: static !important;
  padding: 8px 0 !important;
  overflow: visible !important;
}
.erp-drawer-navigation > button,
.erp-drawer-navigation .erp-sales-nav-group > :is(button, a) {
  width: 100% !important;
  white-space: normal !important;
  min-height: 46px;
  text-align: left;
  border-bottom: 0 !important;
  justify-content: flex-start !important;
}
.erp-drawer-navigation .erp-sales-submenu {
  display: block;
  padding: 4px 0 8px;
}
.erp-drawer-navigation .erp-sales-submenu[hidden] {
  display: none;
}
.erp-drawer-navigation .erp-sales-submenu :is(button, a) {
  width: 100%;
  text-align: left;
  padding: 12px 18px 12px 46px;
  border-bottom: 0;
  white-space: normal;
}
.erp-drawer-navigation .erp-sales-nav-group {
  width: 100%;
  order: initial;
}
.erp-drawer-navigation .erp-sales-caret {
  display: block;
}
@media (max-width: 700px) {
  .erp-layout,
  .erp-layout:has(.erp-sidebar-shell.is-collapsed) {
    display: block;
  }
  .erp-desktop-sidebar {
    display: none;
  }
  .erp-mobile-menu-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    min-height: 58px;
    background: #24343c;
    color: #cbd8df;
  }
  .erp-mobile-menu-bar > button {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #344953;
    color: white;
    border: 1px solid #6b7d88;
    border-radius: 5px;
    padding: 10px 13px;
    min-height: 42px;
    cursor: pointer;
    flex: none;
  }
  .erp-mobile-menu-bar > span {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .erp-main {
    min-width: 0;
    width: 100%;
  }
  .erp-sidebar-shell {
    width: 100%;
  }
}
.erp-reference-sidebar {
  background: transparent;
  padding: 12px 0 12px 10px;
}
.erp-reference-sidebar .erp-desktop-sidebar {
  height: calc(100vh - 24px);
  max-height: calc(100vh - 24px);
  top: 12px;
  display: flex;
  flex-direction: column;
  border: 1px solid #101010;
  border-radius: 13px;
  background: #191919;
  overflow: hidden;
  box-shadow: 0 4px 16px #00000012;
}
.erp-nav-profile {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 78px;
  padding: 18px 17px;
  color: #e8e8e8;
  flex: none;
}
.erp-nav-avatar {
  width: 30px;
  height: 30px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ded8cd;
  color: #302e2b;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: .5px;
}
.erp-nav-profile strong {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
}
.erp-nav-profile small {
  display: block;
  color: #929292;
  font-size: 10px;
  line-height: 1.5;
}
.erp-nav-profile > button {
  margin-left: auto;
  background: transparent;
  border: 0;
  color: #eee;
  display: flex;
  padding: 8px;
  cursor: pointer;
}
.erp-nav-search {
  padding: 8px 17px 18px;
  flex: none;
}
.erp-nav-search label {
  height: 32px;
  background: #333;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #ddd;
  border-radius: 4px;
  padding: 0 8px;
}
.erp-nav-search input {
  min-width: 0;
  width: 100%;
  height: 30px;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  color: #eee;
  font-size: 11px;
}
.erp-nav-search input::placeholder {
  color: #a5a5a5;
}
.erp-nav-search button {
  background: #333;
  color: #eee;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  min-width: 28px;
  border-radius: 4px;
  cursor: pointer;
}
.erp-reference-sidebar .erp-nav {
  padding: 0 10px 12px;
  background: #191919;
  border: 0;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: #444 transparent;
}
.erp-reference-sidebar .erp-nav :is(button, a) {
  font-size: 12px;
  font-weight: 400;
  min-height: 41px;
  padding: 10px 10px;
  gap: 9px;
  color: #c8c8c8;
  border: 0;
  border-radius: 4px;
  background: transparent;
  white-space: normal;
}
.erp-reference-sidebar .erp-nav :is(button, a):hover {
  background: #292929;
  color: white;
}
.erp-reference-sidebar .erp-nav :is(button, a).active {
  background: #303030;
  color: #fff;
  border: 0;
  box-shadow: inset 2px 0 #a7c2b4;
}
.erp-reference-sidebar .erp-sales-caret {
  font-size: 15px;
  color: #888;
}
.erp-reference-sidebar .erp-sales-submenu {
  background: transparent;
  padding: 0 0 5px 13px;
}
.erp-menu-row {
  display: flex;
  align-items: center;
  min-width: 0;
}
.erp-reference-sidebar .erp-menu-row > :is(button, a):first-child {
  flex: 1;
  min-width: 0;
  width: auto;
  text-align: left;
}
.erp-reference-sidebar .erp-menu-row > button.erp-pin-toggle {
  flex: none;
  width: 25px;
  min-height: 32px;
  padding: 6px 4px;
  color: #686868;
  justify-content: center;
}
.erp-reference-sidebar .erp-menu-row > button.erp-pin-toggle:hover,
.erp-reference-sidebar .erp-menu-row > button.erp-pin-toggle.pinned {
  color: #d4d4d4;
}
.erp-reference-sidebar .erp-sales-submenu .erp-menu-row > :is(button, a):first-child {
  padding: 7px 8px 7px 16px;
  font-size: 11px;
  min-height: 34px;
}
.erp-pinned-menu {
  padding: 3px 0 9px;
  margin-bottom: 8px;
  border-bottom: 1px solid #333;
}
.erp-reference-sidebar .erp-pinned-menu > small {
  font-size: 9px;
  color: #777;
  letter-spacing: 1px;
  display: block;
  padding: 4px 10px 6px;
}
.erp-rail-initial {
  display: none;
}
.erp-sidebar-top {
  display: flex;
  justify-content: center;
  flex: none;
  padding: 6px 8px;
  border-bottom: 1px solid #252525;
  background: #191919;
}
.erp-sidebar-top button {
  width: 100%;
  min-height: 35px;
  border: 0;
  background: transparent;
  color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}
.erp-sidebar-top button:hover {
  background: #292929;
}
.erp-nav-no-results {
  font-size: 11px;
  color: #b0b0b0;
  padding: 10px;
}
.erp-reference-sidebar.is-collapsed .erp-nav-profile {
  padding: 18px 7px;
  justify-content: center;
}
.erp-reference-sidebar.is-collapsed .erp-nav-search {
  padding: 8px 7px 18px;
}
.erp-reference-sidebar.is-collapsed .erp-nav {
  padding: 0 4px 8px;
}
.erp-reference-sidebar.is-collapsed .erp-desktop-sidebar .erp-nav-label,
.erp-reference-sidebar.is-collapsed .erp-desktop-sidebar .erp-pin-toggle {
  display: none;
}
.erp-reference-sidebar.is-collapsed .erp-desktop-sidebar .erp-rail-initial {
  display: inline;
  font-size: 10px;
}
.erp-reference-sidebar.is-collapsed .erp-desktop-sidebar .erp-menu-row > :is(button, a):first-child {
  padding: 8px 3px;
  gap: 3px;
  justify-content: center;
}
.erp-reference-sidebar .erp-drawer-content {
  background: #191919;
}
.erp-reference-sidebar .erp-drawer-navigation {
  padding: 0 12px 15px !important;
}
.erp-reference-sidebar .erp-drawer-navigation .erp-sales-submenu {
  padding-left: 13px;
}
.erp-reference-sidebar .erp-drawer-navigation .erp-menu-row > :is(button, a):first-child {
  width: auto !important;
  flex: 1;
}
.erp-reference-sidebar .erp-drawer-navigation .erp-menu-row > .erp-pin-toggle {
  width: 32px !important;
  min-height: 40px;
}
.erp-reference-sidebar :is(button, a):focus-visible,
.erp-reference-sidebar input:focus-visible {
  outline: 2px solid #c5d7cf !important;
  outline-offset: 1px;
}
@media (max-width: 700px) {
  .erp-reference-sidebar {
    padding: 0;
  }
  .erp-reference-sidebar .erp-desktop-sidebar {
    display: none;
  }
  .erp-reference-sidebar .erp-mobile-menu-bar {
    background: #191919;
  }
  .erp-reference-sidebar .erp-mobile-menu-bar > button {
    background: #303030;
    border-color: #5c5c5c;
  }
  .erp-reference-sidebar .erp-drawer-content {
    width: min(320px, 86vw);
    border-radius: 0 14px 14px 0;
  }
  .erp-reference-sidebar .erp-nav-profile {
    min-height: 78px;
    padding-top: max(18px, env(safe-area-inset-top));
  }
  .erp-reference-sidebar .erp-nav-label {
    display: block;
  }
  .erp-reference-sidebar .erp-drawer-navigation .erp-sales-nav-group {
    flex: none;
  }
  .erp-reference-sidebar .erp-drawer-navigation :is(button, a) {
    font-size: 13px;
    min-height: 44px;
  }
  .erp-reference-sidebar .erp-sales-submenu .erp-menu-row > :is(button, a):first-child {
    min-height: 42px;
    font-size: 12px;
  }
}
.erp-sales-odoo .erp-invoice-editor {
  max-width: 1180px;
  margin: 0 auto 20px;
  min-width: 0;
  width: 100%;
  color: #374151;
}
.erp-invoice-breadcrumb {
  font-size: 12px;
  color: #77818d;
  margin: 8px 0 16px;
}
.erp-invoice-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.erp-invoice-toolbar > .erp-field {
  max-width: 300px;
  min-width: 180px;
}
.erp-invoice-toolbar .erp-button {
  border-radius: 3px;
  font-size: 12px;
  min-height: 34px;
  padding: 7px 12px;
  background: #819c43;
  border-color: #819c43;
}
.erp-invoice-toolbar .erp-button.secondary {
  background: #fff;
  color: #b64047;
  border-color: #dfbcc0;
}
.erp-invoice-toolbar .erp-actions {
  margin: 0;
}
.erp-invoice-paper {
  background: #fff;
  border: 1px solid #d9dde1;
  border-radius: 3px;
  padding: 32px 34px 22px;
  box-shadow: 0 2px 6px #11182704;
  min-width: 0;
}
.erp-invoice-masthead {
  display: grid;
  grid-template-columns: minmax(130px, .9fr) minmax(220px, 1.25fr) minmax(170px, 1fr);
  gap: 24px;
  align-items: start;
  border-bottom: 1px solid #e8eaec;
  padding-bottom: 25px;
}
.erp-invoice-wordmark {
  padding-top: 10px;
}
.erp-invoice-wordmark strong {
  display: block;
  font-size: 40px;
  line-height: 1.2;
  color: #34312d;
  font-weight: 800;
  letter-spacing: -2px;
}
.erp-invoice-wordmark span {
  display: block;
  color: #ad842f;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
}
.erp-invoice-wordmark small {
  display: block;
  color: #89909a;
  font-size: 10px;
  margin-top: 14px;
  overflow-wrap: anywhere;
}
.erp-invoice-customer h4 {
  font-size: 13px;
  margin: 0 0 9px;
  padding-bottom: 9px;
  border-bottom: 1px solid #d9dde1;
  color: #4b5563;
}
.erp-invoice-customer .erp-field {
  margin-bottom: 7px;
}
.erp-invoice-title {
  text-align: right;
  padding-top: 8px;
  min-width: 0;
}
.erp-invoice-title h2 {
  font-size: 23px;
  letter-spacing: .4px;
  font-weight: 700;
  margin: 0 0 10px !important;
  color: #515966;
}
.erp-invoice-title dl {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px 10px;
  font-size: 11px;
  margin: 14px 0 10px;
}
.erp-invoice-title dt {
  text-align: left;
}
.erp-invoice-title dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.erp-invoice-title small {
  font-size: 10px;
  color: #89909a;
}
.erp-sales-odoo .erp-invoice-editor .erp-field {
  font-size: 11px;
  gap: 5px;
  min-width: 0;
}
.erp-sales-odoo .erp-invoice-editor input,
.erp-sales-odoo .erp-invoice-editor select,
.erp-sales-odoo .erp-invoice-editor textarea {
  font-size: 12px;
  border-radius: 3px;
  padding: 7px 8px;
  min-height: 33px;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  border: 1px solid #cdd2d8;
  background: #fff;
  color: #374151;
  box-sizing: border-box;
}
.erp-sales-odoo .erp-invoice-editor input:disabled,
.erp-sales-odoo .erp-invoice-editor select:disabled {
  background: #f7f8f9;
  color: #8b929c;
}
.erp-invoice-metadata {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px 20px;
  margin: 23px 0;
}
.erp-invoice-cart {
  min-width: 0;
  max-width: 100%;
  margin: 24px 0 28px;
}
.erp-invoice-cart h4 {
  font-size: 12px;
  margin: 0 0 10px;
}
.erp-invoice-cart .erp-rule {
  padding: 10px;
  margin-top: 0 !important;
  background: #fafbfc;
  border: 1px solid #eceff1;
  border-radius: 3px;
}
.erp-invoice-cart .erp-rule > .erp-field {
  max-width: 540px;
}
.erp-invoice-cart .erp-rule .erp-button {
  font-size: 11px;
  padding: 6px 9px;
  min-height: 30px;
  margin: 5px 5px 0 0;
}
.erp-invoice-cart .erp-muted {
  font-size: 10px;
  line-height: 1.5;
  margin: 8px 0;
}
.erp-invoice-cart .erp-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  border: 1px solid #d8dcdf;
  border-radius: 0;
}
.erp-invoice-cart .erp-table {
  min-width: 950px;
  width: 100%;
  font-size: 11px;
}
.erp-invoice-cart .erp-table th {
  background: #e0e2e4;
  color: #485260;
  font-size: 10px;
  font-weight: 500;
  padding: 8px 6px;
  text-transform: none;
  letter-spacing: 0;
  border-right: 1px solid #d5d8db;
  white-space: nowrap;
}
.erp-invoice-cart .erp-table td {
  padding: 6px;
  vertical-align: top;
  border-right: 1px solid #e4e7e9;
}
.erp-invoice-cart .erp-table td:first-child {
  min-width: 190px;
  max-width: 250px;
}
.erp-invoice-cart .erp-table td:nth-child(4),
.erp-invoice-cart .erp-table td:nth-child(5) {
  min-width: 85px;
}
.erp-invoice-cart .erp-table td:nth-child(6),
.erp-invoice-cart .erp-table td:nth-child(7) {
  min-width: 90px;
}
.erp-invoice-cart .erp-table td:nth-child(8) {
  min-width: 105px;
}
.erp-invoice-cart .erp-table .erp-button {
  font-size: 10px;
  padding: 5px 6px;
  min-height: 29px;
  white-space: nowrap;
}
.erp-invoice-cart .erp-table small {
  display: block;
  font-size: 9px;
  color: #89909a;
  margin-top: 4px;
}
.erp-invoice-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-top: 35px;
}
.erp-invoice-totals > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #e8eaec;
  font-size: 12px;
}
.erp-invoice-totals small {
  color: #9299a2;
  font-size: 10px;
  text-align: right;
}
.erp-invoice-totals .erp-invoice-total {
  font-size: 15px;
  border-top: 2px solid #d8dde1;
  border-bottom: 0;
  margin-top: 12px;
  padding-top: 15px;
}
.erp-invoice-footnote {
  font-size: 10px !important;
  color: #8a929b;
  line-height: 1.6;
  margin: 25px 0 0 !important;
}
.erp-invoice-disclosure {
  font-size: 11px;
  margin: 12px 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.erp-invoice-disclosure summary,
.erp-invoice-source summary {
  cursor: pointer;
  color: #637687;
}
.erp-sales-odoo .erp-invoice-source {
  max-width: 1180px;
  margin: 0 auto 12px;
  padding: 10px 14px;
  font-size: 12px;
}
.erp-invoice-source[open] .erp-form {
  margin-top: 12px;
}
.erp-invoice-editor button:focus-visible,
.erp-invoice-editor input:focus-visible,
.erp-invoice-editor select:focus-visible,
.erp-invoice-editor textarea:focus-visible {
  outline: 2px solid #6e8755;
  outline-offset: 2px;
}
@media (max-width: 1000px) {
  .erp-invoice-paper {
    padding: 22px 20px;
  }
  .erp-invoice-masthead {
    gap: 16px;
    grid-template-columns: minmax(100px, .7fr) minmax(180px, 1fr) minmax(145px, .9fr);
  }
  .erp-invoice-wordmark strong {
    font-size: 32px;
  }
  .erp-invoice-title h2 {
    font-size: 19px;
  }
}
@media (max-width: 700px) {
  .erp-invoice-paper {
    padding: 18px 12px;
  }
  .erp-invoice-masthead {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px 12px;
  }
  .erp-invoice-customer {
    grid-column: 1/-1;
    grid-row: 2;
  }
  .erp-invoice-title {
    grid-column: 2;
    grid-row: 1;
  }
  .erp-invoice-wordmark strong {
    font-size: 30px;
  }
  .erp-invoice-title h2 {
    font-size: 17px;
  }
  .erp-invoice-metadata {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 10px;
  }
  .erp-invoice-toolbar {
    gap: 12px;
  }
  .erp-invoice-toolbar > .erp-field {
    max-width: none;
    width: 100%;
  }
  .erp-invoice-toolbar > .erp-actions {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .erp-invoice-toolbar .erp-button {
    flex: 1;
    min-height: 44px;
    white-space: nowrap;
  }
  .erp-sales-odoo .erp-invoice-editor input,
  .erp-sales-odoo .erp-invoice-editor select {
    min-height: 40px;
    font-size: 14px;
  }
  .erp-invoice-cart .erp-table .erp-button,
  .erp-invoice-cart .erp-rule .erp-button {
    min-height: 44px;
  }
  .erp-invoice-bottom {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    margin-top: 22px;
  }
  .erp-invoice-editor .erp-table-wrap {
    width: 100%;
    min-width: 0;
  }
  .erp-invoice-title dl {
    font-size: 10px;
  }
  .erp-invoice-totals .erp-invoice-total {
    font-size: 14px;
  }
}
.erp-sales-odoo {
  --sales-ink:#303a45;
  --sales-muted:#7c8793;
  --sales-line:#e2e6e9;
  --sales-accent:#526a5b;
  color: var(--sales-ink);
  font-family:
    Arial,
    Helvetica,
    sans-serif;
}
.erp-sales-odoo > .erp-panel {
  border: 1px solid var(--sales-line);
  box-shadow: 0 3px 14px #20304004;
  border-radius: 7px;
  margin-bottom: 16px;
  padding: 18px 22px;
}
.erp-sales-odoo > .erp-panel > .erp-heading {
  margin-bottom: 12px;
  align-items: center;
}
.erp-sales-odoo > .erp-panel > .erp-heading h3 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.2px;
  margin: 0;
}
.erp-sales-odoo > .erp-panel > .erp-heading p {
  font-size: 11px;
  margin-top: 5px;
  color: var(--sales-muted);
}
.erp-sales-odoo > .erp-panel > .erp-heading .erp-button {
  border-radius: 4px;
  background: var(--sales-accent);
  border-color: var(--sales-accent);
  font-size: 12px;
  min-height: 35px;
  padding: 7px 12px;
}
.erp-sales-odoo > .erp-panel > .erp-heading .erp-button.secondary {
  color: #546270;
  background: #fff;
  border-color: #d8dfe4;
}
.erp-sales-odoo .erp-invoice-status-card {
  border-radius: 6px;
  box-shadow: none;
  text-align: left;
  transition: border-color .15s, box-shadow .15s;
}
.erp-sales-odoo .erp-invoice-status-card:hover {
  box-shadow: 0 3px 12px #35465a0b;
}
.erp-sales-odoo > .erp-panel > .erp-table-wrap {
  border: 1px solid var(--sales-line);
  border-radius: 5px;
}
.erp-sales-odoo > .erp-panel > .erp-table-wrap .erp-table th {
  font-size: 10px;
  background: #f5f7f8;
  color: #7a8590;
  font-weight: 600;
}
.erp-sales-odoo > .erp-panel > .erp-table-wrap .erp-table td {
  font-size: 12px;
  border-bottom: 1px solid #eef0f2;
}
.erp-sales-odoo > .erp-panel > .erp-table-wrap .erp-table tbody tr:hover {
  background: #fafcfb;
}
.erp-sales-odoo > .erp-panel > .erp-table-wrap .erp-link {
  color: #526f61;
  font-weight: 600;
}
.erp-sales-odoo .erp-invoice-source {
  border-radius: 4px;
  padding: 10px 14px;
}
.erp-sales-odoo .erp-invoice-editor .erp-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.erp-sales-odoo .erp-invoice-editor .erp-invoice-paper {
  box-shadow: 0 5px 24px #20304006;
}
@media (max-width: 700px) {
  .erp-sales-odoo > .erp-panel {
    padding: 14px 12px;
    border-radius: 5px;
  }
  .erp-sales-odoo > .erp-panel > .erp-heading .erp-button {
    min-height: 44px;
  }
  .erp-sales-odoo .erp-invoice-source {
    padding: 12px;
  }
}
.erp-sales-odoo .erp-invoice-overview {
  min-width: 0;
  width: 100%;
  color: #45515d;
  margin-bottom: 18px;
}
.erp-invoice-overview-breadcrumb {
  font-size: 11px;
  color: #84909c;
  padding: 3px 2px 15px;
  border-bottom: 1px solid #e4e8eb;
  margin-bottom: 16px;
}
.erp-invoice-overview-breadcrumb span {
  padding: 0 9px;
  color: #a1abb3;
}
.erp-invoice-overview-top {
  display: flex;
  gap: 7px;
  align-items: stretch;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding-bottom: 5px;
}
.erp-invoice-overview-top .erp-overview-new {
  order: 3;
  flex: none;
  align-self: center;
  background: #438db7;
  border: 1px solid #438db7;
  border-radius: 3px;
  min-height: 33px;
  padding: 7px 11px;
  font-size: 11px;
  white-space: nowrap;
  margin-left: 8px;
}
.erp-overview-date-range {
  order: 1;
  flex: 0 0 250px;
  display: flex;
  align-items: center;
  gap: 8px;
  background:
    linear-gradient(
      110deg,
      #3c7eaa 0%,
      #3c7eaa 47%,
      #4e95bc 47%,
      #4e95bc 100%);
  border-radius: 4px;
  padding: 8px 10px;
  color: white;
  min-width: 0;
}
.erp-overview-date-range > .erp-field {
  min-width: 0;
  gap: 4px;
  font-size: 9px;
  color: #e2f0f9;
}
.erp-overview-date-range > span {
  font-size: 26px;
  color: #b6d9ed;
}
.erp-sales-odoo .erp-overview-date-range input {
  background: transparent;
  color: #fff;
  border: 0;
  border-radius: 0;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 0;
  min-width: 0;
  width: 100%;
  min-height: 25px;
  color-scheme: dark;
}
.erp-invoice-overview-top .erp-invoice-status-cards {
  order: 2;
  display: grid;
  grid-template-columns: repeat(5, minmax(110px, 1fr));
  gap: 6px;
  flex: 1;
  min-width: 580px;
  margin: 0;
}
.erp-invoice-overview-top .erp-invoice-status-card {
  border: 1px solid #d4dbe1;
  border-radius: 3px;
  padding: 7px 8px;
  min-height: 68px;
  background: #f8fafb;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto;
  gap: 2px 6px;
  align-content: center;
  text-align: left;
  box-shadow: none;
}
.erp-invoice-overview-top .erp-invoice-status-card.active {
  background: #dcecf6;
  border-color: #75a8c8;
  box-shadow: inset 0 0 0 1px #75a8c822;
}
.erp-invoice-overview-top .erp-invoice-card-status {
  font-size: 10px;
  font-weight: 600;
  color: inherit;
  letter-spacing: 0;
  text-transform: none;
}
.erp-invoice-overview-top .erp-invoice-status-card strong {
  font-size: 16px;
  line-height: 1.1;
  grid-column: 2;
  grid-row: 1/3;
  align-self: center;
  margin: 0;
}
.erp-invoice-overview-top .erp-invoice-status-card > span:nth-of-type(2) {
  font-size: 8px;
  grid-column: 1;
  grid-row: 2;
  color: #87939e;
}
.erp-invoice-overview-top .erp-invoice-status-card b {
  font-size: 9px;
  grid-column: 1/-1;
  grid-row: 3;
  line-height: 1.3;
  white-space: nowrap;
  font-weight: 500;
}
.erp-invoice-overview-top .erp-invoice-status-card small {
  font-size: 8px;
  grid-column: 1/-1;
  line-height: 1.3;
  white-space: nowrap;
}
.erp-invoice-overview-top .erp-invoice-status-card.draft {
  color: #3b94bf;
}
.erp-invoice-overview-top .erp-invoice-status-card.unpaid {
  color: #008399;
}
.erp-invoice-overview-top .erp-invoice-status-card.partial {
  color: #d69a14;
}
.erp-invoice-overview-top .erp-invoice-status-card.paid {
  color: #4b9d43;
}
.erp-invoice-overview-top .erp-invoice-status-card.cancelled {
  color: #c46464;
}
.erp-invoice-overview-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 12px;
  padding: 10px 2px;
}
.erp-invoice-overview-filters > .erp-field {
  font-size: 10px;
  min-width: 0;
  gap: 5px;
  flex: 1 1 140px;
}
.erp-invoice-overview-filters > .erp-field:first-child {
  flex: 0 0 70px;
}
.erp-invoice-overview-filters > .erp-field:nth-child(2) {
  flex: 1.5 1 180px;
}
.erp-sales-odoo .erp-invoice-overview-filters input,
.erp-sales-odoo .erp-invoice-overview-filters select {
  font-size: 11px;
  min-height: 32px;
  padding: 6px 8px;
  border: 1px solid #cdd4db;
  border-radius: 3px;
  min-width: 0;
  width: 100%;
  background: white;
  color: #526170;
}
.erp-invoice-overview-filters > .erp-button {
  min-height: 32px;
  border-radius: 3px;
  padding: 6px 10px;
  font-size: 10px;
  white-space: nowrap;
  background: white;
  border-color: #ccd5dc;
  color: #526576;
}
.erp-invoice-overview-filters > .erp-overview-all {
  color: #3987ae;
}
.erp-invoice-overview-context {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 9px;
  color: #939ca5;
  padding: 0 2px 14px;
}
.erp-invoice-overview-list {
  background: white;
  border: 1px solid #d9dfe4;
  border-radius: 4px;
  padding: 10px 6px 0;
  min-width: 0;
  max-width: 100%;
}
.erp-invoice-overview-list > .erp-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  border: 0;
  border-radius: 0;
}
.erp-invoice-overview-list .erp-table {
  min-width: 1110px;
  width: 100%;
  font-size: 10px;
}
.erp-invoice-overview-list .erp-table th {
  background: white;
  color: #4c5965;
  padding: 9px 7px;
  text-transform: none;
  font-size: 9px;
  font-weight: 600;
  white-space: nowrap;
  letter-spacing: 0;
  border-bottom: 1px solid #e2e6ea;
}
.erp-invoice-overview-list .erp-table td {
  padding: 8px 7px;
  vertical-align: top;
  font-size: 10px;
  border-bottom: 1px solid #ebedf0;
  border-right: 1px solid #e7eaed;
  background: #fafbfc;
  line-height: 1.5;
  max-width: 220px;
  overflow-wrap: anywhere;
}
.erp-invoice-overview-list .erp-table tbody tr:nth-child(even) td {
  background: #fff;
}
.erp-invoice-overview-list .erp-table tbody tr:hover td {
  background: #f1f7fa;
}
.erp-invoice-overview-list .erp-table td:nth-child(2) {
  min-width: 105px;
}
.erp-invoice-overview-list .erp-table td:nth-child(3) {
  white-space: nowrap;
}
.erp-invoice-overview-list .erp-table td:nth-child(4) {
  min-width: 130px;
}
.erp-invoice-overview-list .erp-table td:nth-child(5) {
  min-width: 125px;
}
.erp-invoice-overview-list .erp-table td:nth-child(6) {
  min-width: 120px;
}
.erp-invoice-overview-list .erp-table td:nth-child(8) {
  white-space: nowrap;
  min-width: 100px;
}
.erp-invoice-overview-list .erp-table td:nth-child(10) {
  min-width: 120px;
}
.erp-invoice-overview-list .erp-table .erp-link {
  font-size: 10px;
  font-weight: 500;
  color: #397d9e;
  text-align: left;
}
.erp-invoice-overview-list .erp-table small {
  font-size: 8px;
  display: block;
  color: #8b959f;
  margin-top: 3px;
  white-space: normal;
}
.erp-invoice-overview-list .erp-table .erp-badge {
  font-size: 9px;
  padding: 2px 5px;
  border-radius: 3px;
  display: inline-block;
  margin: 0;
}
.erp-invoice-overview-list .erp-table .erp-button {
  font-size: 10px;
  min-height: 25px;
  padding: 3px 9px;
  border-radius: 3px;
  border-color: #ccd5dc;
  background: white;
  color: #5f707e;
}
.erp-invoice-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 5px;
  font-size: 10px;
  color: #8b959e;
}
.erp-invoice-pagination > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.erp-invoice-pagination .erp-button {
  font-size: 10px;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 3px;
  border-color: #dce1e5;
  background: #fff;
  color: #647584;
}
.erp-invoice-pagination .erp-button:disabled {
  opacity: .4;
  cursor: not-allowed;
}
.erp-invoice-overview-help {
  font-size: 10px;
  color: #87939c;
  padding: 12px 2px;
  line-height: 1.6;
}
.erp-invoice-overview-help summary {
  cursor: pointer;
}
.erp-invoice-overview-help p {
  max-width: 1000px;
}
.erp-invoice-overview button:focus-visible,
.erp-invoice-overview input:focus-visible,
.erp-invoice-overview select:focus-visible {
  outline: 2px solid #5297bd;
  outline-offset: 2px;
}
@media (max-width: 700px) {
  .erp-invoice-overview-breadcrumb {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .erp-overview-date-range {
    flex-basis: 245px;
  }
  .erp-invoice-overview-top .erp-overview-new {
    min-height: 44px;
  }
  .erp-invoice-overview-top .erp-invoice-status-card {
    min-height: 76px;
  }
  .erp-invoice-overview-filters {
    gap: 10px;
  }
  .erp-invoice-overview-filters > .erp-field {
    flex: 1 1 130px;
  }
  .erp-invoice-overview-filters > .erp-field:nth-child(2) {
    flex: 1 1 190px;
  }
  .erp-sales-odoo .erp-invoice-overview-filters input,
  .erp-sales-odoo .erp-invoice-overview-filters select {
    min-height: 42px;
    font-size: 14px;
  }
  .erp-invoice-overview-filters > .erp-button,
  .erp-invoice-pagination .erp-button,
  .erp-invoice-overview-list .erp-table .erp-button {
    min-height: 44px;
  }
  .erp-invoice-overview-list .erp-table td {
    font-size: 11px;
    padding: 10px 8px;
  }
  .erp-invoice-pagination {
    gap: 14px;
  }
  .erp-invoice-pagination > div {
    width: 100%;
    justify-content: space-between;
  }
  .erp-invoice-overview-list {
    padding: 6px 3px 0;
  }
}
.erp-sales-workspace-heading {
  margin-bottom: 10px !important;
  align-items: center !important;
}
.erp-sales-workspace-heading > div > small {
  font-size: 10px;
  letter-spacing: .6px;
  color: #84919a;
}
.erp-sales-workspace-heading .erp-button {
  font-size: 10px;
  min-height: 30px;
  padding: 5px 9px;
  border-radius: 3px;
}
@media (max-width: 700px) {
  .erp-invoice-overview-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    overflow: visible;
    gap: 9px;
  }
  .erp-overview-date-range {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    padding: 8px;
    gap: 4px;
  }
  .erp-invoice-overview-top .erp-overview-new {
    grid-row: 1;
    grid-column: 2;
    order: 2;
    margin-left: 0;
    font-size: 10px;
    padding: 8px;
  }
  .erp-invoice-overview-top .erp-invoice-status-cards {
    grid-row: 2;
    grid-column: 1/-1;
    order: 3;
    min-width: 0;
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    grid-template-columns: repeat(5, minmax(118px, 1fr));
    padding-bottom: 4px;
  }
  .erp-overview-date-range > .erp-field {
    font-size: 8px;
  }
  .erp-sales-odoo .erp-overview-date-range input {
    font-size: 10px;
  }
  .erp-sales-workspace-heading .erp-button {
    min-height: 40px;
  }
}
.erp-invoice-overview-breadcrumb {
  font-size: 11px;
  padding: 2px 2px 12px;
  margin-bottom: 17px;
}
.erp-invoice-overview-top {
  gap: 6px;
  padding-bottom: 0;
  align-items: center;
}
.erp-overview-date-range {
  height: 44px;
  flex-basis: 280px;
  border-radius: 4px;
  padding: 7px 6px;
  gap: 5px;
}
.erp-overview-date-range > .erp-field {
  font-size: 0;
  gap: 0;
  flex: 1;
}
.erp-sales-odoo .erp-overview-date-range input {
  height: 28px;
  min-height: 28px;
  font-size: 12px;
  padding: 3px 0;
  font-weight: 600;
}
.erp-overview-date-range > span {
  font-size: 28px;
  line-height: 1;
}
.erp-invoice-overview-top .erp-invoice-status-cards {
  min-width: 575px;
  gap: 6px;
}
.erp-invoice-overview-top .erp-invoice-status-card {
  height: 44px;
  min-height: 44px;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: 16px 13px;
  align-content: center;
  padding: 5px 6px 5px 34px;
  gap: 0 4px;
  background: #f0f0f0;
  border-color: #d3d6d8;
  border-radius: 3px;
}
.erp-invoice-overview-top .erp-invoice-status-card.active {
  background: #cee2ee;
  border-color: #82afcb;
  box-shadow: none;
}
.erp-invoice-overview-top .erp-invoice-status-card .erp-overview-document-icon {
  position: absolute;
  left: 5px;
  top: 8px;
  width: 27px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: currentColor;
}
.erp-invoice-overview-top .erp-overview-document-icon svg {
  color: #fff;
  display: block;
}
.erp-invoice-overview-top .erp-invoice-card-status {
  font-size: 9px;
  font-weight: 500;
  grid-row: 1;
  grid-column: 1;
  line-height: 15px;
}
.erp-invoice-overview-top .erp-invoice-status-card strong {
  font-size: 15px;
  grid-column: 2;
  grid-row: 1;
  line-height: 15px;
  align-self: start;
}
.erp-invoice-overview-top .erp-invoice-status-card > span:nth-of-type(3) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.erp-invoice-overview-top .erp-invoice-status-card b {
  font-size: 8px;
  grid-column: 1/-1;
  grid-row: 2;
  line-height: 13px;
  font-weight: 400;
}
.erp-invoice-overview-top .erp-invoice-status-card small {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.erp-invoice-overview-top .erp-overview-new {
  min-height: 30px;
  align-self: center;
  padding: 6px 10px;
  font-size: 11px;
  margin-left: auto;
}
.erp-invoice-overview-filters {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  padding: 4px 20px 22px;
  min-width: 0;
  max-width: 100%;
  position: relative;
}
.erp-invoice-overview-filters > .erp-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  font-size: 11px;
  flex: 0 1 330px;
  min-width: 0;
  white-space: nowrap;
}
.erp-invoice-overview-filters > .erp-field:first-child {
  flex: 0 0 195px;
  justify-content: space-between;
}
.erp-invoice-overview-filters > .erp-field:first-child select {
  width: 112px;
}
.erp-invoice-overview-filters > .erp-field:nth-child(2) {
  font-size: 0;
  flex: 0 1 280px;
  gap: 0;
}
.erp-invoice-overview-filters > .erp-field:nth-child(4) {
  margin-left: auto;
  flex: 0 1 350px;
  gap: 20px;
}
.erp-sales-odoo .erp-invoice-overview-filters input,
.erp-sales-odoo .erp-invoice-overview-filters select {
  min-height: 31px;
  height: 31px;
  border-radius: 3px;
  padding: 6px 9px;
  font-size: 11px;
}
.erp-invoice-overview-filters > .erp-button {
  height: 30px;
  min-height: 30px;
  background: #84bdeb;
  color: white;
  border-color: #84bdeb;
  padding: 6px 12px;
  font-size: 11px;
}
.erp-invoice-advanced-filters {
  flex: none;
  position: relative;
  font-size: 11px;
  margin-right: 8px;
}
.erp-invoice-advanced-filters > summary {
  background: #84bdeb;
  color: #fff;
  border: 1px solid #84bdeb;
  border-radius: 3px;
  cursor: pointer;
  list-style: none;
  padding: 6px 11px;
  min-height: 30px;
  display: flex;
  align-items: center;
}
.erp-invoice-advanced-filters > summary::-webkit-details-marker {
  display: none;
}
.erp-invoice-advanced-filters > summary::after {
  content: "\25be";
  margin-left: 8px;
}
.erp-invoice-advanced-content {
  position: absolute;
  right: 0;
  top: 36px;
  width: 295px;
  max-width: calc(100vw - 40px);
  z-index: 8;
  background: #fff;
  border: 1px solid #cdd6dd;
  box-shadow: 0 6px 18px #2638481a;
  border-radius: 4px;
  padding: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.erp-invoice-advanced-content .erp-field {
  width: 100%;
  font-size: 11px;
}
.erp-invoice-advanced-content .erp-button {
  font-size: 10px;
  padding: 6px 8px;
  min-height: 31px;
  border-radius: 3px;
  background: white;
  border-color: #d2d9df;
  color: #526b7c;
}
.erp-invoice-advanced-content small {
  font-size: 10px;
  color: #84919b;
  line-height: 1.5;
}
.erp-invoice-overview-list {
  padding: 8px 4px 0;
}
.erp-invoice-overview-list .erp-table th {
  font-size: 10px;
  font-weight: 500;
  padding: 8px 5px;
}
.erp-invoice-overview-list .erp-table td {
  font-size: 10px;
  padding: 5px;
  line-height: 1.35;
}
.erp-invoice-overview-list .erp-table td .erp-button {
  min-height: 23px;
  padding: 2px 9px;
}
.erp-invoice-overview-context {
  padding: 10px 0;
  font-size: 10px;
}
.erp-invoice-overview-help {
  padding-top: 10px;
}
@media (min-width: 1500px) {
  .erp-overview-date-range {
    flex-basis: 330px;
  }
  .erp-invoice-overview-top .erp-invoice-status-cards {
    gap: 6px;
  }
  .erp-invoice-overview-top .erp-overview-new {
    margin-left: 20px;
  }
}
@media (max-width: 1050px) and (min-width: 701px) {
  .erp-invoice-overview-filters {
    padding-left: 2px;
    padding-right: 2px;
    gap: 8px;
  }
  .erp-invoice-overview-filters > .erp-field:first-child {
    flex-basis: 135px;
  }
  .erp-invoice-overview-filters > .erp-field:first-child select {
    width: 70px;
  }
  .erp-invoice-overview-filters > .erp-field:nth-child(4) {
    gap: 8px;
  }
}
@media (max-width: 700px) {
  .erp-overview-date-range {
    height: 44px;
    flex-basis: auto;
    padding: 6px;
  }
  .erp-sales-odoo .erp-overview-date-range input {
    font-size: 11px;
    min-height: 28px;
    height: 28px;
  }
  .erp-invoice-overview-top .erp-overview-new {
    min-height: 44px;
    margin-left: 0;
  }
  .erp-invoice-overview-top .erp-invoice-status-cards {
    min-width: 0;
    grid-template-columns: repeat(5, minmax(128px, 1fr));
  }
  .erp-invoice-overview-top .erp-invoice-status-card {
    min-height: 44px;
    height: 44px;
  }
  .erp-invoice-overview-filters {
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 0 14px;
  }
  .erp-invoice-overview-filters > .erp-field:first-child {
    flex: 0 0 128px;
    gap: 8px;
  }
  .erp-invoice-overview-filters > .erp-field:first-child select {
    width: 70px;
  }
  .erp-invoice-overview-filters > .erp-field:nth-child(2) {
    flex: 1 1 160px;
  }
  .erp-invoice-overview-filters > .erp-field:nth-child(4) {
    flex: 1 1 180px;
    margin-left: 0;
    gap: 8px;
  }
  .erp-sales-odoo .erp-invoice-overview-filters input,
  .erp-sales-odoo .erp-invoice-overview-filters select {
    min-height: 42px;
    height: 42px;
    font-size: 13px;
  }
  .erp-invoice-overview-filters > .erp-button,
  .erp-invoice-advanced-filters > summary {
    min-height: 44px;
  }
  .erp-invoice-advanced-filters {
    margin-right: 0;
  }
  .erp-invoice-advanced-content {
    max-width: calc(100vw - 32px);
  }
  .erp-invoice-overview-list .erp-table td .erp-button {
    min-height: 44px;
  }
  .erp-invoice-overview-list .erp-table td {
    padding: 8px 5px;
    font-size: 11px;
  }
}
.erp-invoice-overview-top .erp-invoice-status-card > span.erp-invoice-card-status {
  font-size: 9px;
  grid-column: 1;
  grid-row: 1;
  line-height: 15px;
  color: inherit;
  position: static;
  clip-path: none;
  width: auto;
  height: auto;
  overflow: visible;
}
.erp-app {
  background: #f8f8f8;
  color: #42556a;
}
.erp-compact-header {
  height: 46px;
  min-height: 46px;
  padding: 0 12px;
  background: #fff;
  color: #478cb7;
  border-bottom: 1px solid #d2d2d2;
  box-shadow: 0 1px 4px #0002;
  gap: 12px;
  position: relative;
  z-index: 21;
}
.erp-header-brand {
  display: flex;
  align-items: center;
  gap: 5px;
  flex: none;
  width: 192px;
}
.erp-header-monogram {
  font-size: 29px;
  font-weight: 800;
  color: #4c99c5;
  line-height: 1;
}
.erp-header-brand > strong {
  font-size: 19px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -.6px;
}
.erp-header-brand small {
  display: block;
  text-align: right;
  font-size: 8px;
  line-height: 12px;
  text-transform: none;
  letter-spacing: .2px;
  color: #72a2bd;
}
.erp-header-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  min-width: 0;
}
.erp-header-company {
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
  text-transform: uppercase;
}
.erp-compact-header .erp-button,
.erp-compact-header a {
  font-size: 10px;
  min-height: 26px;
  padding: 4px 7px;
  border-radius: 2px;
  border-color: #ddd;
  color: #5b7d94;
  background: #fff;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.erp-test-indicator {
  position: relative;
  font-size: 10px;
  color: #856523;
  flex: none;
}
.erp-app .erp-test-indicator summary {
  font-size: 10px;
  color: #856523;
  padding: 4px 7px;
  border: 1px solid #e6d5af;
  background: #fff9e9;
  border-radius: 3px;
  cursor: pointer;
}
.erp-test-indicator > div {
  position: absolute;
  top: 100%;
  right: 0;
  width: 320px;
  max-width: 85vw;
  background: #fff9e9;
  border: 1px solid #e6d5af;
  padding: 13px;
  line-height: 1.6;
  box-shadow: 0 6px 18px #0002;
  z-index: 30;
}
.erp-layout {
  grid-template-columns: 218px minmax(0, 1fr);
  min-height: calc(100vh - 46px);
}
.erp-main {
  padding: 0 14px 20px;
  max-width: none;
}
.erp-heading:not(.erp-sales-workspace-heading) {
  padding-top: 16px;
}
.erp-sales-workspace-heading {
  display: none !important;
}
.erp-main > .erp-success,
.erp-main > .erp-error {
  margin: 8px 0;
  padding: 7px 10px;
  font-size: 11px;
}
@media (max-width: 700px) {
  .erp-compact-header {
    height: auto;
    min-height: 46px;
    padding: 7px 10px;
    gap: 8px;
  }
  .erp-header-brand {
    width: auto;
  }
  .erp-header-brand > strong {
    font-size: 16px;
  }
  .erp-header-tools {
    gap: 7px;
    flex-wrap: wrap;
  }
  .erp-header-company {
    display: none;
  }
  .erp-compact-header .erp-button {
    font-size: 0;
    padding: 6px;
  }
  .erp-compact-header .erp-button svg {
    width: 16px;
    height: 16px;
  }
  .erp-compact-header a {
    font-size: 10px;
  }
  .erp-test-indicator > div {
    right: -30px;
  }
  .erp-layout,
  .erp-layout:has(.erp-sidebar-shell.is-collapsed) {
    display: block;
  }
  .erp-main {
    padding: 0 10px 18px;
  }
}
.erp-invoice-save-actions {
  margin-left: auto;
  justify-content: flex-end;
}
.erp-invoice-save-actions a {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.erp-invoice-breadcrumb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.erp-invoice-save-hint {
  font-size: 11px;
  margin: 0 0 12px;
  text-align: right;
}
@media (max-width: 700px) {
  .erp-invoice-save-actions {
    width: 100%;
    margin: 0;
    justify-content: flex-start;
  }
  .erp-invoice-save-actions > * {
    min-height: 44px;
  }
  .erp-invoice-save-hint {
    text-align: left;
  }
}
.erp-invoice-body-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  gap: 18px;
  align-items: start;
}
.erp-invoice-body-layout > .erp-invoice-paper {
  min-width: 0;
  width: 100%;
}
.erp-invoice-action-rail {
  position: sticky;
  top: 16px;
  min-width: 0;
  padding: 16px 12px;
  background: #fff;
  border: 1px solid #d6dde3;
  border-radius: 5px;
  box-shadow: 0 2px 5px #142b3a06;
}
.erp-invoice-action-rail h3 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0 0 12px;
  color: #536574;
}
.erp-invoice-action-rail .erp-invoice-save-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin: 0;
  gap: 9px;
  width: 100%;
}
.erp-invoice-action-rail .erp-invoice-save-actions > * {
  width: 100%;
  min-height: 44px;
  justify-content: center;
  text-align: center;
  white-space: normal;
  line-height: 1.4;
  padding: 10px 8px;
}
.erp-invoice-action-rail .erp-invoice-save-hint {
  text-align: left;
  line-height: 1.5;
  margin: 14px 0 0;
  font-size: 11px;
}
.erp-invoice-toolbar {
  justify-content: flex-start;
}
@media (max-width: 900px) {
  .erp-invoice-body-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .erp-invoice-action-rail {
    position: static;
    width: 100%;
    padding: 14px;
  }
  .erp-invoice-action-rail .erp-invoice-save-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .erp-invoice-action-rail .erp-invoice-save-hint {
    margin-top: 10px;
  }
}
@media (max-width: 520px) {
  .erp-invoice-action-rail .erp-invoice-save-actions {
    grid-template-columns: minmax(0, 1fr);
  }
  .erp-invoice-body-layout {
    gap: 12px;
  }
}
.erp-invoice-customer {
  min-width: 0;
}
.erp-invoice-customer-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 9px;
  flex-wrap: wrap;
}
.erp-invoice-customer .erp-invoice-customer-heading h4 {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 18px;
}
.erp-invoice-customer-heading label {
  display: flex;
  align-items: center;
  gap: 7px;
  border-left: 1px solid #6b7280;
  padding-left: 8px;
  font-size: 10px;
  line-height: 16px;
  color: #43566e;
  white-space: nowrap;
}
.erp-sales-odoo .erp-invoice-editor .erp-invoice-customer-heading input[type=checkbox] {
  width: 13px;
  height: 13px;
  min-height: 13px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  accent-color: #718942;
}
.erp-invoice-customer-controls {
  display: flex;
  gap: 0;
  align-items: stretch;
  min-width: 0;
}
.erp-invoice-customer-search {
  position: relative;
  min-width: 0;
  flex: 1;
}
.erp-sales-odoo .erp-invoice-editor .erp-invoice-customer-search > input {
  border-radius: 0;
  min-height: 31px;
  height: 31px;
  padding: 5px 7px;
  font-size: 12px;
}
.erp-invoice-customer-icon {
  width: 34px;
  min-width: 34px;
  height: 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e3e6e8;
  border-left: 0;
  border-radius: 0;
  background: #fff;
  color: #88949d;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
}
.erp-invoice-customer-icon:disabled {
  opacity: .42;
  cursor: not-allowed;
}
.erp-invoice-customer-icon:hover:not(:disabled) {
  background: #f2f5f7;
  color: #475569;
}
.erp-invoice-customer-results {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 100%;
  max-height: 230px;
  overflow: auto;
  background: #fff;
  border: 1px solid #b9c2cc;
  box-shadow: 0 5px 12px #17283b1c;
}
.erp-invoice-customer-results button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 8px;
  border: 0;
  border-bottom: 1px solid #eef0f2;
  background: #fff;
  color: #374151;
  cursor: pointer;
  font-size: 12px;
}
.erp-invoice-customer-results button:hover,
.erp-invoice-customer-results button:focus {
  background: #eef3f7;
}
.erp-invoice-customer-results strong {
  font-weight: 500;
}
.erp-invoice-customer-results small {
  display: block;
  font-size: 10px;
  color: #73808e;
  margin-top: 2px;
}
.erp-invoice-customer-results p {
  font-size: 11px;
  padding: 7px;
}
.erp-invoice-customer-extra {
  margin-top: 10px;
}
.erp-invoice-customer-extra .erp-link {
  font-size: 11px;
  margin: 8px 0;
}
.erp-invoice-customer-extra .erp-button {
  font-size: 11px;
  padding: 6px 8px;
  min-height: 31px;
}
@media (max-width: 700px) {
  .erp-invoice-customer-icon {
    height: 44px;
    width: 44px;
    min-width: 44px;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-invoice-customer-search > input {
    height: 44px;
    min-height: 44px;
    font-size: 14px;
  }
  .erp-invoice-customer-heading label {
    min-height: 32px;
  }
  .erp-invoice-customer-results button {
    min-height: 44px;
  }
  .erp-invoice-customer-heading {
    justify-content: flex-start;
  }
}
.erp-invoice-wordmark.erp-invoice-logo {
  padding-top: 8px;
  min-width: 0;
  min-height: 60px;
}
.erp-invoice-logo img {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 100px;
  height: auto;
  object-fit: contain;
  object-position: left top;
}
.erp-invoice-document-view {
  max-width: 920px;
  margin: 0 auto 22px;
  min-width: 0;
}
.erp-invoice-view-breadcrumb {
  font-size: 11px;
  color: #718096;
  margin: 4px 0 14px;
}
.erp-invoice-view-toolbar,
.erp-invoice-view-left,
.erp-invoice-view-right {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.erp-invoice-view-toolbar {
  justify-content: space-between;
  margin-bottom: 14px;
}
.erp-invoice-view-toolbar .erp-button,
.erp-invoice-view-toolbar select,
.erp-invoice-more > summary {
  min-height: 31px;
  padding: 5px 9px;
  font-size: 11px;
  border-radius: 2px;
}
.erp-invoice-view-toolbar select {
  max-width: 185px;
  border: 1px solid #ccd2d8;
  background: white;
  color: #3d5264;
}
.erp-invoice-view-toolbar .erp-button {
  background: #468fc5;
  border-color: #468fc5;
  color: white;
}
.erp-invoice-view-toolbar .erp-button.secondary {
  background: #f8fafc;
  color: #43627c;
  border-color: #cbd5df;
}
.erp-invoice-view-toolbar .erp-finalize-invoice {
  background: #59b55d;
  border-color: #59b55d;
}
.erp-invoice-more {
  position: relative;
}
.erp-invoice-more > summary {
  cursor: pointer;
  list-style: none;
  background: #468fc5;
  color: white;
  display: flex;
  align-items: center;
}
.erp-invoice-more > summary::-webkit-details-marker {
  display: none;
}
.erp-invoice-more > div {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 20;
  min-width: 190px;
  padding: 9px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: white;
  border: 1px solid #d2d8de;
  box-shadow: 0 4px 12px #0002;
}
.erp-invoice-more .erp-button.danger {
  background: #fff;
  color: #a53333;
  border-color: #dfb8b8;
}
.erp-invoice-view-audit {
  margin: 12px 0;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #e3e7eb;
  border-radius: 2px;
  font-size: 11px;
}
.erp-invoice-view-audit > summary {
  cursor: pointer;
  color: #48647b;
}
.erp-document-sheet {
  background: #fff;
  border: 1px solid #d1d6da;
  padding: 38px 44px 42px;
  min-height: 670px;
  color: #253849;
  font: 11px/1.45 Arial, sans-serif;
  min-width: 0;
}
.erp-document-masthead {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 28px;
  padding-bottom: 25px;
  border-bottom: 1px dashed #d9dee3;
}
.erp-document-logo {
  display: block;
  width: 185px;
  max-width: 100%;
  height: 65px;
  object-fit: contain;
  object-position: left center;
  margin-bottom: 4px;
}
.erp-document-company,
.erp-document-customer,
.erp-document-meta {
  min-width: 0;
  overflow-wrap: anywhere;
}
.erp-document-customer {
  padding-top: 69px;
}
.erp-document-meta {
  padding-top: 12px;
}
.erp-document-sheet h3 {
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 5px;
  border-bottom: 1px solid #c7cdd2;
  padding-bottom: 3px;
}
.erp-document-sheet p {
  margin: 3px 0;
}
.erp-document-sheet dl {
  display: grid;
  grid-template-columns: 44% 56%;
  gap: 4px 5px;
  font-size: 10px;
  margin: 0;
}
.erp-document-sheet dt {
  font-weight: 500;
}
.erp-document-sheet dd {
  margin: 0;
}
.erp-document-sheet .erp-badge {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 2px;
}
.erp-document-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  margin-top: 10px;
}
.erp-document-table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-size: 10px;
}
.erp-document-table th,
.erp-document-table td {
  border: 1px solid #d4dae0;
  padding: 7px 6px;
  text-align: left;
  vertical-align: top;
}
.erp-document-table th {
  font-weight: 500;
  background: #fafbfc;
}
.erp-document-table .numeric {
  text-align: right;
  white-space: nowrap;
}
.erp-document-table small {
  display: block;
  font-size: 9px;
  color: #76828d;
  margin-top: 3px;
}
.erp-document-totals {
  margin: 12px 0 0 auto;
  max-width: 330px;
}
.erp-document-totals > div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 3px 0;
}
.erp-document-totals .grand {
  border-top: 1px solid #cbd2d9;
  font-weight: bold;
  font-size: 12px;
  padding-top: 5px;
}
.erp-document-footer {
  margin-top: 80px;
  border-top: 1px solid #d2d7db;
  padding-top: 9px;
  font-size: 9px;
  color: #657887;
}
.erp-document-notice {
  font-size: 9px;
  color: #9b4444;
  margin-bottom: 12px;
}
.erp-document-note {
  margin-top: 22px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
@media (max-width: 700px) {
  .erp-invoice-view-toolbar {
    align-items: stretch;
  }
  .erp-invoice-view-left,
  .erp-invoice-view-right {
    width: 100%;
  }
  .erp-invoice-view-toolbar .erp-button,
  .erp-invoice-more > summary,
  .erp-invoice-view-toolbar select {
    min-height: 40px;
  }
  .erp-document-sheet {
    padding: 20px 14px;
    min-height: 0;
  }
  .erp-document-masthead {
    grid-template-columns: 1fr 1fr;
    gap: 18px 14px;
  }
  .erp-document-company {
    grid-column: 1;
    grid-row: 1;
  }
  .erp-document-meta {
    grid-column: 2;
    grid-row: 1;
  }
  .erp-document-customer {
    grid-column: 1/-1;
    grid-row: 2;
    padding-top: 0;
  }
  .erp-document-logo {
    width: 170px;
    height: 60px;
  }
  .erp-document-footer {
    margin-top: 40px;
  }
  .erp-document-totals {
    max-width: 100%;
  }
}
.erp-document-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}
.erp-document-test {
  font-size: 9px;
  color: #9b4444;
  margin: 0 0 12px !important;
}
.erp-document-status {
  display: inline-block;
  padding: 1px 8px;
  background: #edf3f7;
  border-radius: 2px;
  font-size: 10px;
}
.erp-document-status.draft {
  background: #d8eafa;
  color: #35617e;
}
.erp-document-sheet dl.erp-document-totals {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 18px;
  font-size: 11px;
}
.erp-document-totals dd {
  text-align: right;
}
.erp-document-totals dt:nth-of-type(2),
.erp-document-totals dd:nth-of-type(2) {
  border-top: 1px solid #d2d7dc;
  padding-top: 4px;
  font-weight: 700;
}
.erp-document-customer small {
  font-size: 9px;
  color: #81909d;
}
.erp-header-invoice-path {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #627286;
  min-width: 0;
  white-space: nowrap;
  overflow-x: auto;
  margin-right: auto;
  gap: 0;
  padding: 3px 0;
  scrollbar-width: thin;
}
.erp-header .erp-header-invoice-path a {
  padding: 5px 3px;
  border: 0;
  border-radius: 3px;
  color: #326a95;
  text-decoration: none;
  font-size: 12px;
}
.erp-header .erp-header-invoice-path a:hover {
  text-decoration: underline;
  background: #f1f5f9;
}
.erp-header .erp-header-invoice-path a:focus-visible {
  outline: 2px solid #326a95;
  outline-offset: 1px;
}
.erp-crumb-separator {
  padding: 0 3px;
  color: #96a1ad;
}
.erp-header-invoice-path [aria-current=page] {
  font-weight: 500;
}
.invoice-rail-icon {
  display: none;
}
.erp-invoice-ledger-link {
  display: inline-block;
  margin-top: 6px;
  color: #326a95;
  font-size: 11px;
  text-decoration: underline;
}
.erp-invoice-ledger-link.unavailable {
  color: #87909a;
  text-decoration: none;
  cursor: not-allowed;
}
@media screen {
  #erp-print-embedded .erp-print-ui {
    max-width: 920px;
    margin: 0 auto 18px;
    padding: 16px;
    background: #191919;
    color: #eee;
    border: 1px solid #101010;
    border-radius: 13px;
    box-shadow: 0 4px 16px #00000012;
    font-family:
      Arial,
      Helvetica,
      sans-serif;
  }
  #erp-print-embedded .erp-print-actions {
    gap: 8px;
    align-items: center;
  }
  #erp-print-embedded .erp-invoice-view-toolbar {
    width: 100%;
    margin: 0 0 5px;
    padding: 0 0 13px;
    border-bottom: 1px solid #353535;
    gap: 10px;
  }
  #erp-print-embedded .erp-invoice-view-left,
  #erp-print-embedded .erp-invoice-view-right {
    gap: 8px;
  }
  #erp-print-embedded .erp-print-ui button,
  #erp-print-embedded .erp-print-ui select,
  #erp-print-embedded .erp-print-ui summary {
    min-height: 36px;
    border: 1px solid #4d4d4d;
    border-radius: 7px;
    background: #292929;
    color: #eee;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    box-shadow: none;
    transition: background .15s, border-color .15s;
  }
  #erp-print-embedded .erp-print-ui button:hover:not(:disabled),
  #erp-print-embedded .erp-print-ui summary:hover {
    background: #3a3a3a;
    border-color: #797979;
    color: #fff;
  }
  #erp-print-embedded .erp-print-ui button.selected,
  #erp-print-embedded .erp-print-ui button.primary {
    background: #e4e8e5;
    border-color: #e4e8e5;
    color: #191919;
    font-weight: 700;
  }
  #erp-print-embedded .erp-print-ui button.selected:hover,
  #erp-print-embedded .erp-print-ui button.primary:hover {
    background: #fff;
    color: #191919;
    border-color: #fff;
  }
  #erp-print-embedded .erp-print-ui .erp-finalize-invoice {
    background: #29483c;
    color: #e2f3e8;
    border-color: #607e6b;
  }
  #erp-print-embedded .erp-print-ui .erp-finalize-invoice:hover:not(:disabled) {
    background: #365d4e;
    border-color: #8eaf9a;
  }
  #erp-print-embedded .erp-print-ui .danger {
    color: #ffd9d6;
    border-color: #875953;
    background: #422b29;
  }
  #erp-print-embedded .erp-print-ui button:disabled,
  #erp-print-embedded .erp-print-ui select:disabled {
    opacity: 1;
    color: #a9a9a9;
    background: #242424;
    border-color: #414141;
    cursor: not-allowed;
  }
  #erp-print-embedded .erp-print-ui button:focus-visible,
  #erp-print-embedded .erp-print-ui select:focus-visible,
  #erp-print-embedded .erp-print-ui summary:focus-visible,
  #erp-print-embedded .erp-print-ui input:focus-visible {
    outline: 2px solid #c5d7cf;
    outline-offset: 3px;
  }
  #erp-print-embedded #erp-print-title {
    font-size: 11px;
    font-weight: 500;
    color: #c3c3c3;
    letter-spacing: .1px;
    flex: 1 1 180px;
    overflow-wrap: anywhere;
  }
  #erp-print-embedded .print-settings {
    margin-top: 10px;
  }
  #erp-print-embedded .print-settings-menu,
  #erp-print-embedded .erp-invoice-more > div {
    background: #242424;
    border: 1px solid #505050;
    border-radius: 9px;
    box-shadow: 0 12px 30px #0005;
    color: #eee;
    padding: 10px;
  }
  #erp-print-embedded .print-settings-menu label {
    padding: 6px 4px;
    gap: 9px;
    color: #eee;
    font-size: 12px;
    border-radius: 4px;
  }
  #erp-print-embedded .print-settings-menu label:hover {
    background: #333;
  }
  #erp-print-embedded .print-settings-menu input {
    accent-color: #c5d7cf;
  }
  #erp-print-embedded .print-settings-menu p,
  #erp-print-embedded .print-settings-menu small {
    color: #bdbdbd;
    line-height: 1.5;
  }
  #erp-print-embedded .erp-print-ui [role=alert] {
    color: #ffd3cf !important;
    background: #442b29;
    border: 1px solid #875953;
    border-radius: 7px;
    padding: 9px 12px;
  }
}
@media screen and (max-width: 700px) {
  #erp-print-embedded .erp-print-ui {
    padding: 12px;
    border-radius: 11px;
  }
  #erp-print-embedded .erp-invoice-view-toolbar {
    gap: 8px;
  }
  #erp-print-embedded .erp-print-ui button,
  #erp-print-embedded .erp-print-ui summary,
  #erp-print-embedded .erp-print-ui select {
    min-height: 44px;
  }
  #erp-print-embedded #erp-print-title {
    flex-basis: 100%;
    padding: 3px 0;
  }
  #erp-print-embedded .erp-print-ui select {
    max-width: 100%;
    min-width: 0;
  }
}
@media screen {
  #erp-print-embedded .erp-print-ui {
    padding: 6px 9px;
    border-radius: 30px;
    max-width: 920px;
  }
  #erp-print-embedded .erp-print-actions {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    align-items: center;
    padding: 3px;
    min-width: 0;
  }
  #erp-print-embedded .erp-invoice-view-toolbar,
  #erp-print-embedded .erp-invoice-view-left,
  #erp-print-embedded .erp-invoice-view-right {
    display: contents;
  }
  #erp-print-embedded .erp-print-actions > *,
  #erp-print-embedded .erp-print-actions button,
  #erp-print-embedded .erp-print-actions select,
  #erp-print-embedded .erp-print-actions details {
    flex-shrink: 0;
  }
  #erp-print-embedded .erp-print-actions button,
  #erp-print-embedded .erp-print-actions summary {
    width: auto;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 10px;
    border-radius: 20px;
    border-color: #686868;
    background: #242424;
    white-space: nowrap;
    font-size: 11px;
  }
  #erp-print-embedded .erp-print-actions select {
    height: 34px;
    min-height: 34px;
    max-width: 150px;
    padding: 4px 8px;
    border-radius: 17px;
    font-size: 11px;
  }
  #erp-print-embedded .invoice-rail-icon {
    display: none;
    width: 17px;
    height: 17px;
    stroke-width: 1.75;
  }
  #erp-print-embedded .print-settings .invoice-rail-label,
  #erp-print-embedded #erp-print-title {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0 !important;
  }
  #erp-print-embedded .invoice-rail-label {
    display: inline;
    white-space: nowrap;
  }
  #erp-print-embedded .print-settings .invoice-rail-icon {
    display: block;
  }
  #erp-print-embedded .print-settings {
    margin: 0;
    display: block;
  }
  #erp-print-embedded .erp-invoice-more > div .erp-button {
    width: auto;
    height: auto;
    min-height: 36px;
    padding: 7px 10px;
    border-radius: 6px;
    white-space: normal;
  }
  #erp-print-embedded .print-settings-menu {
    margin: 0;
  }
  #erp-print-embedded .erp-print-actions button.selected,
  #erp-print-embedded .erp-print-actions button.primary {
    background: #e4e8e5;
    color: #191919;
  }
  #erp-print-embedded .erp-print-actions .erp-finalize-invoice {
    background: #29483c;
    color: #e2f3e8;
  }
}
@media screen and (max-width: 700px) {
  #erp-print-embedded .erp-print-actions button,
  #erp-print-embedded .erp-print-actions summary {
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }
  #erp-print-embedded .erp-print-actions select {
    height: 44px;
    min-height: 44px;
  }
}
.erp-product-search {
  margin-top: 14px;
  border: 1px solid #d9e1e6;
  border-radius: 5px;
  padding: 12px;
  background: #f8fafb;
  min-width: 0;
}
.erp-product-search-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 7px;
  font-size: 12px;
}
.erp-product-search-heading label {
  font-weight: 600;
  color: #42515d;
}
.erp-product-search-heading > span {
  font-size: 10px;
  color: #6f7c88;
}
.erp-product-search kbd {
  font-family: inherit;
  border: 1px solid #cdd6dd;
  border-bottom-width: 2px;
  border-radius: 3px;
  padding: 1px 4px;
  background: white;
  color: #596873;
}
.erp-product-search-controls {
  display: flex;
  align-items: center;
  gap: 7px;
}
.erp-sales-odoo .erp-product-search-controls > input {
  flex: 1;
  min-width: 0;
  width: auto;
  max-width: none;
  background: white;
  font-size: 13px;
  min-height: 38px;
}
.erp-product-search-controls > .erp-button {
  flex: none;
  white-space: nowrap;
  min-height: 38px;
  font-size: 11px;
}
.erp-product-search-help,
.erp-product-search-status {
  font-size: 11px;
  line-height: 1.5;
  margin: 7px 0;
  color: #6d7b87;
}
.erp-product-search-status {
  color: #425d70;
}
.erp-product-search-columns,
.erp-product-search-option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(80px, .3fr) minmax(90px, .3fr);
  gap: 12px;
  padding: 9px 11px;
  align-items: center;
}
.erp-product-search-columns {
  border: 1px solid #dbe3e9;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: #edf2f5;
  font-size: 10px;
  color: #62737f;
}
.erp-product-search-columns > span:last-child,
.erp-product-search-option > b {
  text-align: right;
}
.erp-product-search-results {
  border: 1px solid #dbe3e9;
  border-radius: 0 0 4px 4px;
  background: white;
  max-height: 300px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.erp-product-search-option {
  border-bottom: 1px solid #edf0f3;
  cursor: pointer;
  font-size: 12px;
  min-height: 50px;
}
.erp-product-search-option:last-child {
  border-bottom: 0;
}
.erp-product-search-option:hover {
  background: #f0f6fa;
}
.erp-product-search-option[aria-selected=true] {
  background: #e3f0f9;
  box-shadow: inset 3px 0 #4b8eb4;
}
.erp-product-search-option strong {
  font-weight: 600;
  overflow-wrap: anywhere;
}
.erp-product-search-option small {
  display: block;
  margin-top: 3px;
  color: #7a8892;
  font-size: 10px;
  overflow-wrap: anywhere;
}
.erp-product-search-option > b {
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.erp-product-search-zero,
.erp-product-search-zero small {
  color: #a26834;
}
.erp-product-search-footnote {
  display: block;
  font-size: 10px;
  color: #7a8791;
  line-height: 1.5;
  margin-top: 7px;
}
.erp-product-search input:focus-visible,
.erp-product-search button:focus-visible {
  outline: 2px solid #4b8eb4;
  outline-offset: 2px;
}
@media (max-width: 700px) {
  .erp-product-search {
    padding: 10px;
  }
  .erp-product-search-controls {
    flex-wrap: wrap;
  }
  .erp-sales-odoo .erp-product-search-controls > input {
    flex-basis: 100%;
    font-size: 16px;
    min-height: 44px;
  }
  .erp-product-search-controls > .erp-button {
    min-height: 44px;
  }
  .erp-product-search-columns,
  .erp-product-search-option {
    grid-template-columns: minmax(0, 1fr) 65px 80px;
    padding: 9px 7px;
    gap: 7px;
  }
  .erp-product-search-option {
    min-height: 56px;
  }
  .erp-product-search-option > b {
    font-size: 11px;
  }
  .erp-product-search-columns {
    font-size: 9px;
  }
  .erp-product-search-help {
    font-size: 11px;
  }
}
.erp-online-import {
  width: min(1100px, calc(100vw - 24px));
  max-height: 90vh;
  overflow: auto;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  padding: 24px;
  color: #172b35;
  background: #fff;
}
.erp-online-import::backdrop {
  background: #0f172a80;
}
.erp-online-import .erp-table small,
.erp-online-row-actions small {
  display: block;
}
.erp-online-row-actions {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 150px;
}
.erp-online-source {
  padding: 12px 16px;
  margin: 10px 0;
  border: 1px solid #f1ce87;
  background: #fffaf0;
  border-radius: 8px;
}
.erp-online-source small {
  display: block;
}
.erp-online-price {
  min-width: 100px;
  display: block;
  white-space: nowrap;
}
.erp-sales-odoo .erp-invoice-editor .erp-invoice-line-invalid > td {
  background: #fff1f2;
  border-top: 1px solid #fda4af;
  border-bottom: 1px solid #fda4af;
}
.erp-sales-odoo .erp-invoice-editor .erp-invoice-line-invalid > td:first-child {
  border-left: 3px solid #b91c1c;
}
.erp-sales-odoo .erp-invoice-editor input[data-stock-invalid=true] {
  border: 2px solid #b91c1c;
  background: #fff7f7;
  color: #991b1b;
}
.erp-sales-odoo .erp-invoice-editor input[data-stock-invalid=true]:focus {
  outline: 2px solid #b91c1c;
  outline-offset: 2px;
}
.erp-sales-odoo .erp-invoice-editor .erp-invoice-field-error {
  display: block;
  min-width: 170px;
  max-width: 240px;
  white-space: normal;
  color: #991b1b;
  font-size: 11px;
  line-height: 1.4;
  margin-top: 5px;
}
@media screen and (min-width: 1001px) {
  .erp-sales-odoo .erp-invoice-editor,
  .erp-sales-odoo .erp-invoice-source {
    max-width: 1600px;
    width: 100%;
  }
}
.erp-nav a {
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 701px) {
  .erp-invoice-metadata-sources {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .erp-invoice-metadata-sources {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.erp-cart-product-picker {
  min-width: 220px;
  max-width: 340px;
}
.erp-sales-odoo .erp-cart-product-picker > input {
  width: 100%;
  min-width: 0;
  font-size: 12px;
  min-height: 36px;
  background: white;
}
.erp-cart-product-dropdown {
  margin-top: 5px;
  border: 1px solid #cddce6;
  border-radius: 4px;
  background: #fff;
  padding: 7px;
  min-width: 0;
  box-shadow: 0 2px 6px #2437460a;
}
.erp-cart-product-current {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  color: #6d7c87;
}
.erp-cart-product-current > small {
  overflow-wrap: anywhere;
}
.erp-cart-product-current > .erp-link {
  font-size: 10px;
  flex: none;
}
.erp-cart-product-help {
  font-size: 10px !important;
  line-height: 1.5;
  color: #788591;
  margin: 5px 0;
  display: block;
}
.erp-cart-product-results {
  max-height: 230px;
  overflow-y: auto;
  overscroll-behavior: contain;
  border-top: 1px solid #e4ebef;
  border-bottom: 1px solid #e4ebef;
}
.erp-cart-product-option {
  padding: 8px 7px;
  min-height: 43px;
  cursor: pointer;
  border-bottom: 1px solid #edf1f4;
  overflow-wrap: anywhere;
}
.erp-cart-product-option:last-child {
  border-bottom: 0;
}
.erp-cart-product-option:hover {
  background: #f0f6fa;
}
.erp-cart-product-option[aria-selected=true] {
  background: #e3f0f9;
  box-shadow: inset 3px 0 #4b8eb4;
}
.erp-cart-product-option > strong {
  font-size: 12px;
  display: block;
  font-weight: 600;
}
.erp-cart-product-option > small {
  display: block;
  font-size: 10px;
  color: #71808c;
  margin-top: 3px;
}
.erp-cart-product-picker input:focus-visible,
.erp-cart-product-picker button:focus-visible {
  outline: 2px solid #4b8eb4;
  outline-offset: 2px;
}
@media (max-width: 700px) {
  .erp-sales-odoo .erp-cart-product-picker > input {
    min-height: 44px;
    font-size: 16px;
  }
  .erp-cart-product-option {
    min-height: 48px;
  }
  .erp-cart-product-current > .erp-link {
    min-height: 32px;
    padding: 5px;
  }
}
.erp-desktop-sidebar-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.erp-product-search {
  padding: 10px 12px;
  background: #fff;
  border-color: #d8dde2;
  border-radius: 5px;
}
.erp-product-search-heading {
  margin-bottom: 6px;
  gap: 8px;
  font-size: 11px;
}
.erp-product-search-heading label {
  color: #374151;
  font-weight: 600;
}
.erp-product-search-heading > kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 27px;
  height: 21px;
  padding: 2px 6px;
  color: #5d6570;
  background: #f5f6f7;
  border: 1px solid #d8dce1;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 500;
}
.erp-product-search-controls {
  gap: 5px;
}
.erp-sales-odoo .erp-product-search-controls > input {
  min-height: 36px;
  height: 36px;
  font-size: 12px;
  border-color: #cdd3d9;
  border-radius: 3px;
  padding: 7px 9px;
}
.erp-product-search-controls > .erp-product-search-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  width: 34px;
  min-height: 36px;
  height: 36px;
  padding: 0;
  color: #59616b;
  background: #f7f8f9;
  border-color: #d8dde2;
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
}
.erp-product-search-controls > .erp-product-search-icon:hover:not(:disabled) {
  background: #ebedef;
  color: #343a40;
}
.erp-product-search-feedback {
  margin: 7px 0 0;
  font-size: 11px;
  line-height: 1.4;
  color: #685c4e;
}
.erp-product-search-columns {
  margin-top: 8px;
}
.erp-product-search input:focus-visible,
.erp-product-search button:focus-visible {
  outline-color: #65786f;
}
.erp-product-search .erp-product-search-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (max-width: 700px) {
  .erp-product-search {
    padding: 10px;
  }
  .erp-product-search-controls {
    flex-wrap: nowrap;
  }
  .erp-sales-odoo .erp-product-search-controls > input {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 44px;
    height: 44px;
    font-size: 16px;
  }
  .erp-product-search-controls > .erp-product-search-icon {
    min-width: 40px;
    width: 40px;
    min-height: 44px;
    height: 44px;
  }
  .erp-product-search-heading > kbd {
    height: 22px;
  }
}
.erp-branch-stock {
  min-width: 74px;
  font-variant-numeric: tabular-nums;
}
.erp-branch-stock > output {
  display: block;
  font-weight: 600;
}
.erp-app .erp-branch-stock summary {
  font-size: 10px;
  white-space: nowrap;
  cursor: pointer;
  margin-top: 5px;
  color: #496b80;
}
.erp-branch-stock-list {
  margin-top: 6px;
  padding: 6px;
  border: 1px solid #d8e0e5;
  border-radius: 3px;
  background: #f6f8fa;
  min-width: 145px;
  max-width: 230px;
}
.erp-branch-stock-list > div {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
  padding: 3px 0;
  font-size: 11px;
}
.erp-branch-stock-list span {
  overflow-wrap: anywhere;
}
.erp-branch-stock-list output {
  font-weight: 600;
  white-space: nowrap;
}
.erp-invoice-cart .erp-compact-invoice-cart {
  min-width: 800px;
}
.erp-invoice-cart .erp-compact-invoice-cart td.erp-cart-sku {
  width: 1%;
  min-width: 0;
  max-width: none;
}
.erp-cart-sku > span {
  display: block;
  width: 9ch;
  font-family: monospace;
  word-break: break-all;
  overflow-wrap: anywhere;
}
.erp-invoice-cart .erp-compact-invoice-cart td.erp-cart-quantity,
.erp-invoice-cart .erp-compact-invoice-cart td.erp-cart-price {
  width: 1%;
  min-width: 0;
}
.erp-sales-odoo .erp-invoice-editor .erp-cart-quantity > input {
  width: calc(8ch + 28px);
  min-width: 94px;
  max-width: none;
}
.erp-sales-odoo .erp-invoice-editor .erp-cart-price > input {
  width: calc(8ch + 28px);
  min-width: 94px;
  max-width: none;
}
.erp-invoice-cart .erp-cart-remove {
  min-width: 32px;
  min-height: 32px;
  padding: 6px !important;
}
.erp-cart-remove svg {
  display: block;
  flex: none;
}
.erp-cart-quantity .erp-invoice-field-error {
  min-width: 110px;
}
@media (max-width: 700px) {
  .erp-invoice-cart .erp-cart-remove {
    min-width: 44px;
    min-height: 44px;
  }
}
.erp-cart-quantity > input[type=number],
.erp-cart-price > input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
.erp-cart-quantity > input[type=number]::-webkit-inner-spin-button,
.erp-cart-quantity > input[type=number]::-webkit-outer-spin-button,
.erp-cart-price > input[type=number]::-webkit-inner-spin-button,
.erp-cart-price > input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.erp-invoice-cart .erp-compact-invoice-cart td.erp-cart-amount {
  white-space: nowrap;
  vertical-align: middle;
}
.erp-invoice-cart .erp-compact-invoice-cart .erp-cart-action-cell {
  width: 1%;
  min-width: 46px;
  text-align: center;
  vertical-align: middle;
  padding: 6px;
}
.erp-invoice-cart .erp-cart-action-cell .erp-cart-remove {
  margin: 0;
}
#erp-header-navigation-toggle {
  display: inline-flex;
  flex: none;
}
#erp-header-navigation-toggle .erp-sidebar-top {
  padding: 0;
  border: 0;
  background: transparent;
}
#erp-header-navigation-toggle button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-height: 32px;
  padding: 4px;
  background: transparent;
  color: #526777;
  border: 1px solid #dce2e7;
  border-radius: 4px;
  cursor: pointer;
}
#erp-header-navigation-toggle button:hover {
  background: #edf2f5;
}
#erp-header-navigation-toggle button:focus-visible {
  outline: 2px solid #526777;
  outline-offset: 2px;
}
@media (max-width: 700px) {
  #erp-header-navigation-toggle {
    display: none;
  }
}
.erp-invoice-totals > .erp-finance-fields {
  display: block;
  padding: 0;
  border: 0;
}
.erp-finance-fields .erp-finance-total {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid #e3e7eb;
}
.erp-finance-label {
  display: block;
  font-weight: 600;
  margin: 12px 0 6px;
}
.erp-discount-joined {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
}
.erp-discount-joined > span,
.erp-charge-row > span {
  padding: 8px;
  background: #e4e6e8;
  white-space: nowrap;
}
.erp-discount-joined > input {
  border-radius: 0 !important;
}
.erp-charge-row {
  display: grid;
  grid-template-columns: 100px minmax(90px, 1fr) auto 85px 24px;
  gap: 4px;
  margin-bottom: 6px;
  align-items: center;
}
.erp-tender-fields {
  margin-top: 12px;
}
.erp-tender-row {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(90px, 1fr) 28px;
  gap: 6px;
  margin: 7px 0;
}
.erp-tender-row input,
.erp-tender-row select {
  min-width: 0;
  padding: 8px;
  border: 1px solid #cdd2d8;
  border-radius: 3px;
  background: white;
}
.erp-finance-fields > small {
  display: block;
  font-size: 10px;
  line-height: 1.5;
  margin-top: 6px;
  color: #687481;
}
.erp-settlement-summary {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  margin: 14px 0;
}
.erp-settlement-summary dd {
  margin: 0;
  text-align: right;
}
@media (max-width: 700px) {
  .erp-charge-row {
    grid-template-columns: 1fr 1fr 24px;
  }
  .erp-charge-row > span {
    display: none;
  }
  .erp-charge-row input,
  .erp-tender-row input,
  .erp-tender-row select {
    min-height: 44px;
  }
  .erp-discount-joined > input {
    min-width: 0;
  }
}
.erp-excess-choice {
  display: grid;
  gap: 10px;
  margin: 16px 0;
  padding: 14px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  min-width: 0;
}
.erp-excess-choice > label,
.erp-excess-allocation > label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.erp-excess-choice input[type=radio],
.erp-excess-choice input[type=checkbox] {
  width: 16px;
  height: 16px;
  min-height: 16px;
  flex: 0 0 16px;
  margin: 0;
  padding: 0;
}
.erp-excess-allocation {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 10px 0;
}
.erp-excess-allocation > label {
  flex: 1 1 220px;
}
.erp-excess-allocation > input {
  width: 130px;
  max-width: 100%;
  min-height: 40px;
}
.erp-excess-choice small {
  display: block;
  color: #475569;
}
.erp-invoice-cart .erp-adjustable-cart {
  table-layout: fixed;
  max-width: none;
  min-width: 0;
}
.erp-adjustable-cart th {
  position: relative;
  padding-right: 14px !important;
}
.erp-cart-resize {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  cursor: col-resize;
  touch-action: none;
  border-right: 2px solid #b4bec9;
}
.erp-cart-resize:hover,
.erp-cart-resize:focus-visible {
  background: #bbd8ee;
  outline: 2px solid #245a83;
  outline-offset: -2px;
}
.erp-invoice-cart .erp-adjustable-cart td {
  width: auto !important;
  min-width: 0 !important;
  overflow-wrap: anywhere;
}
.erp-invoice-cart .erp-adjustable-cart .erp-cart-sku > span {
  width: auto;
  word-break: normal;
  overflow-wrap: anywhere;
}
.erp-sales-odoo .erp-invoice-editor .erp-adjustable-cart .erp-cart-quantity > input,
.erp-sales-odoo .erp-invoice-editor .erp-adjustable-cart .erp-cart-price > input {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.erp-adjustable-cart td input,
.erp-adjustable-cart td select {
  max-width: 100%;
  min-width: 0;
}
.erp-adjustable-cart .erp-cart-amount {
  white-space: normal !important;
}
.erp-adjustable-cart .erp-cart-product-picker {
  width: 100%;
  min-width: 0;
  max-width: none;
}
.erp-adjustable-cart th {
  white-space: normal;
  overflow-wrap: anywhere;
}
.erp-adjustable-cart .erp-cart-quantity .erp-invoice-field-error {
  min-width: 0;
}
.erp-line-discount-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
.erp-line-discount-fields label {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 2px 4px;
  border: 1px solid #c8d0da;
  font-size: 10px;
  background: #fff;
}
.erp-line-discount-fields label:first-child {
  border-radius: 4px 0 0 4px;
}
.erp-line-discount-fields label:last-child {
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.erp-sales-odoo .erp-line-discount-fields input {
  border: 0 !important;
  width: 100%;
  min-width: 0;
  padding: 4px !important;
  min-height: 28px;
}
.erp-line-discount-fields span {
  flex: none;
}
.erp-line-discount .erp-invoice-field-error {
  white-space: normal;
}
.erp-cart-layout-tools {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.erp-cart-layout-tools button {
  font-size: 11px;
}
.erp-invoice-cart .erp-adjustable-cart th {
  height: 32px;
  padding: 5px 12px 5px 6px !important;
  line-height: 1.2;
  white-space: nowrap;
}
.erp-cart-header-drag {
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: grab;
  padding: 0;
  margin: 0;
  min-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  touch-action: none;
  user-select: none;
}
.erp-cart-header-drag:active {
  cursor: grabbing;
}
.erp-cart-header-drag:focus-visible {
  outline: 2px solid #245a83;
  outline-offset: 1px;
}
.erp-adjustable-cart th[data-column-drop] {
  box-shadow: inset 3px 0 #245a83;
  background: #dcebf5;
}
.erp-cart-announcement {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.erp-finalize-sale-dialog {
  font-size: 12px;
  line-height: 1.4;
}
.erp-finalize-sale-dialog h3 {
  font-size: 15px;
  margin: 0 0 6px;
}
.erp-finalize-sale-dialog p {
  margin: 5px 0;
  line-height: 1.4;
}
.erp-finalize-sale-dialog .erp-tender-fields {
  margin-top: 8px;
}
.erp-finalize-sale-dialog .erp-tender-row {
  margin: 5px 0;
}
.erp-finalize-sale-dialog .erp-excess-choice {
  gap: 6px;
  margin: 10px 0;
  padding: 9px;
}
.erp-finalize-sale-dialog .erp-settlement-summary {
  gap: 5px;
  margin: 10px 0;
}
.erp-finalize-sale-dialog .erp-actions {
  margin-top: 8px;
  gap: 6px;
}
@media (max-width: 600px) {
  .erp-finalize-sale-dialog .erp-tender-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 28px;
  }
  .erp-finalize-sale-dialog .erp-actions > button {
    min-height: 44px;
  }
  .erp-finalize-sale-dialog .erp-excess-choice > label {
    min-height: 36px;
  }
}
.erp-finalize-sale-dialog {
  background: #fff;
  color: #172033;
  box-shadow: 0 0 0 10px #f2f1fa, 0 20px 70px #22204433;
}
.erp-finalize-sale-dialog::backdrop {
  background: #dcd9e5b8;
}
.erp-finalize-sale-dialog .erp-finalize-heading {
  text-align: center;
  padding: 12px 24px 10px;
}
.erp-finalize-sale-dialog .erp-finalize-heading h3 {
  font-size: 17px;
  font-weight: 700;
  margin: 10px 0 5px;
  color: #171923;
}
.erp-finalize-sale-dialog .erp-finalize-heading p {
  font-size: 12px;
  color: #596174;
}
.erp-finalize-question {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 6px solid #e5eaff;
  border-radius: 50%;
  background: #2850f7;
  color: white;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 0 0 5px #f4f5ff;
}
.erp-finalize-sale-dialog .erp-finalize-close {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 36px;
  height: 36px;
  min-height: 36px;
  border: 0;
  background: transparent;
  color: #262937;
  font-size: 23px;
  cursor: pointer;
  border-radius: 50%;
}
.erp-finalize-sale-dialog .erp-finalize-close:focus-visible {
  outline: 2px solid #2850f7;
  outline-offset: 1px;
}
.erp-finalize-sale-dialog .erp-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 14px;
}
.erp-finalize-sale-dialog .erp-actions > .erp-button {
  min-height: 38px;
  border-radius: 8px;
  background: #254cff;
  border: 1px solid #254cff;
  color: white;
  font-weight: 600;
}
.erp-finalize-sale-dialog .erp-actions > .secondary {
  background: white;
  border-color: #d3d5dc;
  color: #202431;
}
.erp-finalize-sale-dialog .erp-actions > .erp-button:disabled,
.erp-finalize-close:disabled {
  opacity: .5;
  cursor: not-allowed;
}
@media (max-width: 600px) {
  .erp-finalize-sale-dialog .erp-actions > .erp-button {
    min-height: 44px;
  }
  .erp-finalize-sale-dialog .erp-finalize-close {
    width: 44px;
    height: 44px;
  }
}
.erp-invoice-body-layout {
  grid-template-columns: minmax(0, 1fr);
}
.erp-invoice-actions-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 14px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #d6dde3;
  border-radius: 6px;
  min-width: 0;
}
.erp-invoice-actions-toolbar > .erp-link {
  white-space: nowrap;
  font-size: 12px;
}
.erp-invoice-actions-toolbar > .erp-field {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  min-width: 0;
}
.erp-invoice-actions-toolbar > .erp-field > span {
  font-size: 12px;
  white-space: nowrap;
}
.erp-invoice-actions-toolbar select {
  width: 180px;
  max-width: 100%;
  min-height: 36px;
  padding: 7px 9px;
}
.erp-invoice-actions-toolbar .erp-invoice-save-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-left: auto;
  width: auto;
  justify-content: flex-start;
  min-width: 0;
}
.erp-invoice-actions-toolbar .erp-invoice-save-actions > * {
  width: auto;
  min-height: 36px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 1.3;
  white-space: normal;
  justify-content: center;
}
@media (max-width: 700px) {
  .erp-invoice-actions-toolbar {
    padding: 10px;
    gap: 10px;
  }
  .erp-invoice-actions-toolbar .erp-invoice-save-actions {
    width: 100%;
    margin: 0;
  }
  .erp-invoice-actions-toolbar .erp-invoice-save-actions > * {
    min-height: 44px;
    flex: 1 1 140px;
  }
  .erp-invoice-actions-toolbar > .erp-field {
    flex-wrap: wrap;
  }
  .erp-invoice-actions-toolbar select {
    min-height: 44px;
  }
}
.erp-invoice-cart .erp-compact-invoice-cart th {
  background: #cecece;
  color: #344454;
  font-weight: 500;
  font-size: 12px;
  border-right: 1px solid #e8e8e8;
}
.erp-invoice-cart .erp-compact-invoice-cart td {
  padding: 3px 5px;
  border-right: 1px solid #e8e8e8;
  vertical-align: middle;
  background: #fff;
}
.erp-sales-odoo .erp-invoice-editor .erp-compact-invoice-cart td input,
.erp-sales-odoo .erp-invoice-editor .erp-compact-invoice-cart td select {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 32px;
  padding: 5px 3px;
  border: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
}
.erp-sales-odoo .erp-invoice-editor .erp-compact-invoice-cart td input:focus,
.erp-sales-odoo .erp-invoice-editor .erp-compact-invoice-cart td select:focus {
  outline: 2px solid #478fca;
  outline-offset: -2px;
  background: #fff;
}
.erp-invoice-cart .erp-cart-sku > span {
  width: auto;
  word-break: normal;
  overflow-wrap: anywhere;
  font-size: 12px;
}
.erp-invoice-cart .erp-line-discount-fields label {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0 2px;
}
.erp-invoice-cart .erp-line-discount-fields label + label {
  border-left: 1px solid #e3e7eb;
}
.erp-invoice-cart .erp-cart-action-cell .erp-cart-remove {
  color: #478fca;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.erp-invoice-cart .erp-compact-invoice-cart td.erp-cart-amount {
  font-size: 12px;
}
@media (pointer: coarse) {
  .erp-sales-odoo .erp-invoice-editor .erp-compact-invoice-cart td input,
  .erp-sales-odoo .erp-invoice-editor .erp-compact-invoice-cart td select {
    min-height: 44px;
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-editor {
    width: 100%;
    max-width: 1340px;
    min-width: 0;
  }
  .erp-invoice-editor .erp-invoice-paper,
  .erp-invoice-editor .erp-invoice-cart,
  .erp-invoice-editor .erp-table-wrap {
    min-width: 0;
    max-width: 100%;
  }
  .erp-invoice-editor .erp-adjustable-cart th,
  .erp-invoice-editor .erp-adjustable-cart td {
    border: 1px solid #b7bec5;
  }
  .erp-invoice-editor .erp-adjustable-cart :is(th, td):is([data-column-id=sku], [data-column-id=stock], [data-column-id=amount]) {
    background: #535b62;
    color: #fff;
  }
  .erp-invoice-editor .erp-adjustable-cart :is(th, td):is([data-column-id=sku], [data-column-id=stock], [data-column-id=amount]) :is(span, b, strong, small, summary, details) {
    color: inherit;
  }
  .erp-invoice-editor .erp-adjustable-cart th[data-column-drop] {
    box-shadow: inset 3px 0 #245a83;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-invoice-line-invalid > td[data-column-id=stock] {
    background: #fff1f2;
    color: #991b1b;
  }
}
@media screen {
  .erp-invoice-editor .erp-adjustable-cart td[data-column-id=stock] .erp-branch-stock-list {
    color: #24343c;
    background: #f6f8fa;
  }
}
@media screen {
  .erp-invoice-editor .erp-adjustable-cart th:is([data-column-id=sku], [data-column-id=stock], [data-column-id=amount]) {
    background: #ccc;
    color: #344454;
  }
  .erp-invoice-editor .erp-adjustable-cart td:is([data-column-id=sku], [data-column-id=stock], [data-column-id=amount]) {
    background: #eee;
    color: #344454;
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-editor .erp-compact-invoice-cart :is(th, td, input, select, .erp-cart-sku > span) {
    font-size: 14px;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-compact-invoice-cart .erp-line-discount-fields label {
    font-size: 13px;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-compact-invoice-cart .erp-branch-stock summary {
    font-size: 12px;
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-editor {
    font-size: 14px;
  }
  .erp-sales-odoo .erp-invoice-editor :is(.erp-field, label, .erp-invoice-customer-heading h4, .erp-invoice-cart h4) {
    font-size: 13px;
  }
  .erp-sales-odoo .erp-invoice-editor :is(input, select, textarea) {
    font-size: 14px;
  }
  .erp-sales-odoo .erp-invoice-editor :is(.erp-button, .erp-link, .erp-invoice-ledger-link, .erp-invoice-actions-toolbar > .erp-link, .erp-invoice-actions-toolbar .erp-invoice-save-actions > *) {
    font-size: 13px;
  }
  .erp-sales-odoo .erp-invoice-editor :is(small, .erp-muted, .erp-rule, .erp-attachment-title > span, .erp-invoice-field-error) {
    font-size: 12px;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-invoice-customer-heading label {
    font-size: 12px;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-invoice-customer-search > input {
    font-size: 14px;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-invoice-totals {
    font-size: 14px;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-attachment-title h3 {
    font-size: 15px;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-invoice-title h2 {
    font-size: 29px;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-badge {
    font-size: 11px;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-cart-layout-tools button {
    font-size: 12px;
  }
}
@media screen and (max-width: 700px) {
  .erp-sales-odoo .erp-invoice-editor .erp-invoice-title h2 {
    font-size: 20px;
    overflow-wrap: anywhere;
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-editor .erp-invoice-totals > .erp-finance-fields {
    font-size: 14px;
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-editor .erp-adjustable-cart > thead > tr > th,
  .erp-sales-odoo .erp-invoice-editor .erp-adjustable-cart > tbody > tr > td {
    border: 1px solid #9ca7b1;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-adjustable-cart > tbody > tr.erp-invoice-line-invalid > td {
    border-top-color: #fda4af;
    border-bottom-color: #fda4af;
  }
}
@media screen {
  .erp-invoice-editor .erp-branch-stock-dropdown summary {
    position: relative;
    list-style: none;
    white-space: normal;
    margin: 0;
    padding: 2px 16px 2px 0;
    line-height: 1.25;
  }
  .erp-invoice-editor .erp-branch-stock-dropdown summary::-webkit-details-marker {
    display: none;
  }
  .erp-invoice-editor .erp-branch-stock-dropdown summary:focus-visible {
    outline: 2px solid #737b83;
    outline-offset: 2px;
    box-shadow: none;
  }
  .erp-invoice-editor .erp-branch-stock-dropdown :is(summary, .erp-stock-current) > output {
    display: block;
    font-weight: 600;
    font-size: 14px;
  }
  .erp-invoice-editor .erp-branch-stock-dropdown .erp-stock-branch-name {
    display: block;
    font-size: 12px;
    overflow-wrap: anywhere;
    margin-top: 3px;
  }
  .erp-invoice-editor .erp-branch-stock-dropdown .erp-stock-chevron {
    position: absolute;
    right: 1px;
    top: 3px;
    font-size: 12px;
  }
  .erp-invoice-editor .erp-branch-stock-dropdown details[open] .erp-stock-chevron {
    transform: rotate(180deg);
  }
  .erp-invoice-editor .erp-branch-stock-dropdown .erp-branch-stock-list {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    padding: 5px;
    margin-top: 5px;
  }
  .erp-invoice-editor .erp-branch-stock-dropdown .erp-branch-stock-list > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 5px 0;
    border-bottom: 1px solid #d8e0e5;
  }
  .erp-invoice-editor .erp-branch-stock-dropdown .erp-branch-stock-list > div:last-child {
    border-bottom: 0;
  }
  .erp-invoice-editor .erp-branch-stock-dropdown .erp-branch-stock-list output {
    font-size: 14px;
  }
  .erp-invoice-editor .erp-branch-stock-dropdown .erp-branch-stock-list span {
    font-size: 12px;
    overflow-wrap: anywhere;
  }
}
@media screen {
  .erp-invoice-editor .erp-branch-stock-dropdown summary:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
  }
}
@media screen {
  .erp-invoice-editor .erp-invoice-cart {
    margin-top: 12px;
  }
  .erp-invoice-editor .erp-product-search-inline {
    padding: 0;
    margin-top: 0;
    border: 0;
    background: transparent;
  }
  .erp-invoice-editor .erp-product-search-inline .erp-product-search-controls {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    padding: 4px;
    border: 1px solid #cdd3d9;
    border-radius: 4px;
    background: #fff;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-product-search-inline .erp-product-search-controls > input {
    flex: 1 1 0;
    min-width: 0;
    width: 0;
    border: 0;
    box-shadow: none;
  }
  .erp-invoice-editor .erp-product-search-inline .erp-product-search-controls > kbd {
    flex: none;
    font-size: 12px;
    padding: 2px 5px;
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-editor .erp-stock-arrow-only {
    position: relative;
    min-width: 0;
    padding-right: 22px;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-stock-arrow-only .erp-stock-current {
    display: flex;
    flex-direction: column;
    gap: 3px;
    text-align: left;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-stock-arrow-only .erp-stock-current output {
    font-size: 14px;
    font-weight: 600;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-stock-arrow-only .erp-stock-branch-name {
    font-size: 12px;
    overflow-wrap: anywhere;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-stock-dropdown-trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    min-width: 22px;
    height: 28px;
    min-height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #344454;
    cursor: pointer;
    box-shadow: none;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-stock-dropdown-trigger:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-stock-dropdown-trigger:focus-visible {
    outline: 2px solid #737b83;
    outline-offset: 1px;
    box-shadow: none;
  }
  .erp-stock-popover[popover] {
    position: fixed;
    inset: auto;
    margin: 0;
    width: 190px;
    max-width: calc(100vw - 16px);
    max-height: min(210px, calc(100vh - 16px));
    overflow: auto;
    padding: 8px;
    border: 1px solid #b8c2ca;
    border-radius: 4px;
    background: #fff;
    color: #344454;
    box-shadow: 0 4px 14px #0002;
    font: 13px Arial, sans-serif;
  }
  .erp-stock-popover .erp-branch-stock-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    padding: 0;
  }
  .erp-stock-popover .erp-branch-stock-list > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 6px;
    border-bottom: 1px solid #d5dce1;
  }
  .erp-stock-popover .erp-branch-stock-list > div:last-child {
    border-bottom: 0;
  }
  .erp-stock-popover output {
    font-size: 14px;
    font-weight: 600;
  }
  .erp-stock-popover span {
    font-size: 12px;
    overflow-wrap: anywhere;
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-editor .erp-warranty-select {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    font-size: 14px;
    padding: 5px 20px 5px 5px;
    min-height: 30px;
    border: 1px solid #b8c2ca;
    border-radius: 3px;
    background-color: #fff;
    color: #344454;
  }
}
@media screen {
  .erp-finance-add-heading {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    margin: 7px 0;
  }
  .erp-finance-add-heading .erp-finance-label {
    margin: 0;
  }
  .erp-finance-add-heading .erp-finance-add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    min-height: 27px;
    padding: 0;
    border: 1px solid #bbc5cd;
    border-radius: 3px;
    background: #fff;
    color: #344454;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
  }
  .erp-finance-add-heading .erp-finance-add:disabled {
    opacity: .5;
    cursor: not-allowed;
  }
  @media (max-width: 700px) {
    .erp-finance-add-heading .erp-finance-add {
      width: 36px;
      height: 36px;
      min-height: 36px;
    }
  }
}
@media screen {
  .erp-finance-fields .erp-invoice-total-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    border: 1px solid #9ca7b1;
    border-radius: 3px;
    background: #f3f5f6;
    padding: 9px 10px;
    margin: 10px 0;
    font-size: 15px;
    line-height: 1.4;
  }
  .erp-finance-fields .erp-invoice-total-box > strong:last-child {
    text-align: right;
    overflow-wrap: anywhere;
  }
}
@media screen {
  .erp-reference-sidebar .erp-inventory-nav-group > .erp-sales-submenu:not([hidden]) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
    padding: 4px 0 7px 13px;
  }
  .erp-reference-sidebar .erp-inventory-nav-group > .erp-sales-submenu > .erp-menu-row {
    margin: 0;
    min-width: 0;
    align-items: stretch;
  }
  .erp-reference-sidebar .erp-inventory-nav-group > .erp-sales-submenu > .erp-menu-row > a:first-child {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    min-height: 38px;
    padding: 8px 16px;
    margin: 0;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  @media (max-width: 700px) {
    .erp-reference-sidebar .erp-inventory-nav-group > .erp-sales-submenu > .erp-menu-row > a:first-child {
      min-height: 44px;
      padding: 10px 16px;
    }
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-document-view {
    margin-top: clamp(10px, 1.2vw, 16px);
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] {
    margin-top: clamp(10px, 1.2vw, 16px);
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-overview-top {
    padding: 3px 2px 9px;
    gap: 8px;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-status-cards {
    gap: 8px;
    padding: 2px 1px 6px;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-status-card {
    background: linear-gradient(#fff, #fafcfd);
    border-color: #d8e2ea;
    border-radius: 8px;
    box-shadow: 0 3px 8px #233e5d12;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-status-card:hover {
    border-color: #b7cbd9;
    box-shadow: 0 4px 10px #233e5d18;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-status-card.active {
    background: #e9f3f9;
    border-color: var(--status-color);
    box-shadow: 0 3px 8px #233e5d12;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-overview-date-range {
    border: 1px solid #69a6c7;
    border-radius: 8px;
    box-shadow: 0 3px 8px #244a6f18;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-overview-new {
    border-radius: 6px;
    box-shadow: 0 2px 6px #244a6f12;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-overview-filters input,
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-overview-filters select,
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-overview-filters > .erp-button,
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-advanced-filters > summary {
    border-radius: 6px;
    box-shadow: 0 2px 5px #233e5d0a;
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-glass-date-range {
    height: 56px;
    flex-basis: 300px;
    gap: 10px;
    padding: 7px 10px;
    color: #345d78;
    background:
      linear-gradient(
        125deg,
        #eff8ffed,
        #e2eff9b8);
    border: 1px solid #c6ddea;
    border-radius: 10px;
    box-shadow: 0 4px 12px #3a6f9614, inset 0 1px 0 #fff;
    backdrop-filter: blur(10px);
  }
  .erp-sales-odoo .erp-glass-date-range > .erp-field {
    font-size: 9px;
    line-height: 11px;
    letter-spacing: .5px;
    color: #708b9f;
    gap: 2px;
  }
  .erp-sales-odoo .erp-glass-date-range input {
    height: 25px;
    min-height: 25px;
    padding: 1px 0;
    color: #315d79;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #b9cddc;
    border-radius: 0;
    font-size: 12px;
    font-weight: 600;
    color-scheme: light;
  }
  .erp-sales-odoo .erp-glass-date-range input::-webkit-calendar-picker-indicator {
    filter: none;
    opacity: .65;
  }
  .erp-sales-odoo .erp-glass-date-range > span {
    font-size: 17px;
    color: #8aa6ba;
  }
  @media (max-width: 700px) {
    .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-glass-date-range {
      height: auto;
      min-height: 60px;
      gap: 6px;
      padding: 6px;
      flex-wrap: wrap;
    }
    .erp-sales-odoo .erp-glass-date-range > .erp-field {
      flex: 1 1 95px;
    }
    .erp-sales-odoo .erp-glass-date-range input {
      font-size: 11px;
      min-height: 32px;
      height: 32px;
    }
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-overview-list .erp-table th {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    padding: 9px 7px;
    background: #fff;
    color: #465a6c;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-overview-list .erp-table td {
    font-size: 12px;
    line-height: 1.35;
    padding: 7px;
    vertical-align: top;
    border-bottom: 1px solid #e4e9ef;
    border-right: 1px solid #e1e5e9;
    overflow-wrap: normal;
    word-break: normal;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-overview-list .erp-table tbody tr:nth-child(odd) {
    background: #f9fbfd;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-overview-list .erp-table tbody tr:hover {
    background: #f0f6fa;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-overview-list .erp-table td .erp-button {
    font-size: 12px;
    font-weight: 400;
    padding: 4px 9px;
    min-height: 28px;
    min-width: 52px;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
    flex: none;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-number-link {
    display: inline-flex;
    align-items: flex-start;
    gap: 6px;
    text-align: left;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    white-space: nowrap;
  }
  .erp-invoice-number-link .erp-invoice-list-document-icon {
    flex: none;
    margin-top: 1px;
    color: #50677b;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-overview-list .erp-badge {
    font-size: 10px;
    line-height: 1.25;
    padding: 1px 4px;
    margin-left: 4px;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-overview-list .erp-table td:last-child {
    min-width: 70px;
    white-space: nowrap;
  }
  @media (max-width: 700px) {
    .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-overview-list .erp-table td .erp-button {
      min-height: 44px;
    }
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-status-cards {
    padding: 4px 1px;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-status-card {
    height: 56px;
    min-height: 56px;
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-invoice-status-card .erp-overview-document-icon {
    top: 50%;
    transform: translateY(-50%);
  }
  .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-overview-new {
    height: 56px;
    min-height: 56px;
    padding: 8px 12px;
    border-radius: 8px;
    border-color: #c6ddea;
    background: linear-gradient(#fff, #eaf4fa);
    color: #327a9f;
    box-shadow: 0 3px 8px #233e5d12;
    font-size: 12px;
    font-weight: 600;
  }
  @media (max-width: 700px) {
    .erp-sales-odoo .erp-invoice-overview[aria-label="Sale Invoice overview"] .erp-overview-new {
      height: auto;
      min-height: 56px;
    }
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-editor .erp-invoice-totals > .erp-finance-fields {
    border: 1px solid #c7d0da;
    background: #f6f7f9;
    padding: 12px;
    min-width: 0;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-finance-fields .erp-finance-total {
    padding: 7px 0;
    gap: 12px;
    align-items: center;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-finance-fields .erp-finance-label {
    margin: 9px 0 6px;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-finance-fields .erp-finance-add-heading {
    margin: 9px 0 6px;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-finance-fields .erp-finance-add-heading .erp-finance-label {
    margin: 0;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-finance-fields .erp-invoice-total-box {
    padding: 8px 10px;
    margin: 10px 0;
  }
  .erp-sales-odoo .erp-invoice-editor .erp-finance-fields .erp-tender-fields {
    margin-top: 10px;
  }
  @media (max-width: 700px) {
    .erp-sales-odoo .erp-invoice-editor .erp-invoice-totals > .erp-finance-fields {
      padding: 10px;
    }
  }
}
@media screen {
  .erp-invoice-overview-list tbody tr,
  .erp-invoice-overview-list tbody td {
    cursor: default;
  }
  .erp-invoice-overview-list tbody button {
    cursor: pointer;
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) {
    margin-top: clamp(10px, 1.2vw, 16px);
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-overview-top {
    padding: 3px 2px 9px;
    gap: 8px;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-status-cards {
    gap: 8px;
    padding: 2px 1px 6px;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-status-card {
    background: linear-gradient(#fff, #fafcfd);
    border-color: #d8e2ea;
    border-radius: 8px;
    box-shadow: 0 3px 8px #233e5d12;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-status-card:hover {
    border-color: #b7cbd9;
    box-shadow: 0 4px 10px #233e5d18;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-status-card.active {
    background: #e9f3f9;
    border-color: var(--status-color);
    box-shadow: 0 3px 8px #233e5d12;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-overview-new {
    border-radius: 6px;
    box-shadow: 0 2px 6px #244a6f12;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-overview-filters input,
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-overview-filters select,
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-overview-filters > .erp-button,
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-advanced-filters > summary {
    border-radius: 6px;
    box-shadow: 0 2px 5px #233e5d0a;
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-overview-list .erp-table th {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    padding: 9px 7px;
    background: #fff;
    color: #465a6c;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-overview-list .erp-table td {
    font-size: 12px;
    line-height: 1.35;
    padding: 7px;
    vertical-align: top;
    border-bottom: 1px solid #e4e9ef;
    border-right: 1px solid #e1e5e9;
    overflow-wrap: normal;
    word-break: normal;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-overview-list .erp-table tbody tr:nth-child(odd) {
    background: #f9fbfd;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-overview-list .erp-table tbody tr:hover {
    background: #f0f6fa;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-overview-list .erp-table td .erp-button {
    font-size: 12px;
    font-weight: 400;
    padding: 4px 9px;
    min-height: 28px;
    min-width: 52px;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
    flex: none;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-overview-list td:nth-child(2) .erp-link {
    display: inline-flex;
    align-items: flex-start;
    gap: 6px;
    text-align: left;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    white-space: nowrap;
  }
  .erp-invoice-number-link .erp-invoice-list-document-icon {
    flex: none;
    margin-top: 1px;
    color: #50677b;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-overview-list .erp-badge {
    font-size: 10px;
    line-height: 1.25;
    padding: 1px 4px;
    margin-left: 4px;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-overview-list .erp-table td:last-child {
    min-width: 70px;
    white-space: nowrap;
  }
  @media (max-width: 700px) {
    .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-overview-list .erp-table td .erp-button {
      min-height: 44px;
    }
  }
}
@media screen {
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-status-cards {
    padding: 4px 1px;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-status-card {
    height: 56px;
    min-height: 56px;
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-invoice-status-card .erp-overview-document-icon {
    top: 50%;
    transform: translateY(-50%);
  }
  .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-overview-new {
    height: 56px;
    min-height: 56px;
    padding: 8px 12px;
    border-radius: 8px;
    border-color: #c6ddea;
    background: linear-gradient(#fff, #eaf4fa);
    color: #327a9f;
    box-shadow: 0 3px 8px #233e5d12;
    font-size: 12px;
    font-weight: 600;
  }
  @media (max-width: 700px) {
    .erp-sales-odoo .erp-invoice-overview:is([aria-label="Quotation overview"], [aria-label="Sale Order overview"]) .erp-overview-new {
      height: auto;
      min-height: 56px;
    }
  }
}
.erp-reference-sidebar .erp-nav a[aria-label="Social Media & Online"] .erp-nav-label {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.35;
}
.erp-reference-sidebar .erp-nav a[aria-label="Social Media & Online"] > svg {
  flex-shrink: 0;
}
.erp-reference-sidebar [id$=online-submenu] .erp-menu-row > a {
  display: flex;
  align-items: center;
  gap: 9px;
}
.erp-reference-sidebar .erp-online-item-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  stroke-width: 1.7;
}
.erp-reference-sidebar .erp-online-item-label {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

/* erp-production-prep/full-ui/app/erp/document-theme.css */
@media screen {
  .erp-document-theme {
    width: 100%;
    max-width: 1340px;
    min-width: 0;
    font-size: 14px;
    box-sizing: border-box;
  }
  .erp-document-theme .erp-panel {
    border: 1px solid #cbd3d9;
    border-radius: 4px;
    background: #fff;
    padding: 16px;
    box-shadow: 0 1px 2px #00000006;
  }
  .erp-document-theme .erp-heading {
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: wrap;
  }
  .erp-document-theme .erp-heading h3,
  .erp-document-theme h3 {
    font-size: 16px;
    line-height: 1.4;
  }
  .erp-document-theme .erp-form {
    gap: 12px;
  }
  .erp-document-theme .erp-field {
    font-size: 13px;
    min-width: 0;
  }
  .erp-document-theme :is(input, select, textarea) {
    font-size: 14px;
    line-height: 1.4;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #b8c2ca;
    border-radius: 3px;
    padding: 7px 8px;
    background: #fff;
    color: #263744;
  }
  .erp-document-theme :is(input, select, textarea):disabled {
    background: #f0f2f3;
    color: #63717a;
    cursor: not-allowed;
  }
  .erp-document-theme input[readonly] {
    background: #eee;
    color: #344454;
  }
  .erp-document-theme .erp-button {
    font-size: 13px;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 3px;
  }
  .erp-document-theme .erp-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .erp-document-theme :is(p, .erp-muted) {
    font-size: 13px;
    line-height: 1.5;
  }
  .erp-document-theme small {
    font-size: 12px;
  }
  .erp-document-theme .erp-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    margin-top: 12px;
  }
  .erp-document-theme .erp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
  }
  .erp-document-theme .erp-table > thead > tr > th,
  .erp-document-theme .erp-table > tbody > tr > td {
    border: 1px solid #9ca7b1;
    font-size: 14px;
    line-height: 1.4;
    padding: 8px;
    vertical-align: middle;
  }
  .erp-document-theme .erp-table > thead > tr > th {
    background: #eee;
    color: #344454;
    font-weight: 600;
  }
  .erp-document-theme .erp-table > tbody > tr > td {
    background: #fff;
  }
  .erp-document-theme .erp-table input {
    min-width: 80px;
    width: 100%;
  }
  .erp-sale-return-theme .erp-return-entry-theme .erp-table > thead > tr > th:nth-child(6),
  .erp-purchase-theme .erp-purchase-review-theme > .erp-table-wrap:first-of-type th:last-child {
    background: #ccc;
    color: #344454;
  }
  .erp-sale-return-theme .erp-return-entry-theme .erp-table > tbody > tr > td:nth-child(6),
  .erp-purchase-theme .erp-purchase-review-theme > .erp-table-wrap:first-of-type td:last-child {
    background: #eee;
    color: #344454;
    font-weight: 600;
  }
  .erp-purchase-entry-theme.erp-modal {
    width: min(1340px, 100%);
    max-width: 1340px;
    max-height: 92vh;
    overflow: auto;
    padding: 16px;
    border-radius: 4px;
    background: #fff;
  }
  .erp-purchase-entry-theme .erp-line-item {
    gap: 0;
    padding: 0;
    border: 1px solid #9ca7b1;
    background: #fff;
    grid-template-columns: minmax(200px, 2fr) minmax(95px, 1fr) minmax(140px, 1fr) minmax(150px, 1fr);
  }
  .erp-purchase-entry-theme .erp-line-item > .erp-field {
    padding: 8px;
    border-right: 1px solid #9ca7b1;
    border-bottom: 1px solid #9ca7b1;
    margin: 0;
  }
  .erp-purchase-entry-theme .erp-line-item > .erp-field:nth-child(3) {
    background: #eee;
  }
  .erp-purchase-entry-theme .erp-line-item > .erp-actions {
    margin: 0;
    padding: 8px;
    background: #eee;
    color: #344454;
    justify-content: space-between;
  }
  @media (max-width: 700px) {
    .erp-document-theme .erp-panel {
      padding: 12px;
    }
    .erp-document-theme .erp-button {
      min-height: 40px;
    }
    .erp-document-theme .erp-form {
      grid-template-columns: 1fr;
    }
    .erp-document-theme .erp-table {
      min-width: 600px;
    }
    .erp-purchase-entry-theme .erp-line-item {
      grid-template-columns: 1fr 1fr;
    }
    .erp-purchase-entry-theme .erp-line-item > .erp-field:first-child {
      grid-column: 1/-1;
    }
    .erp-purchase-entry-theme.erp-modal {
      padding: 12px;
      max-height: 94vh;
    }
  }
}

/* erp-production-prep/full-ui/app/erp/sales-overview-layout.css */
@media screen {
  .erp-compact-sales-overview {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px;
    align-items: start;
  }
  .erp-compact-sales-overview > *,
  .erp-compact-sales-overview > .erp-panel {
    grid-column: 1/-1;
    min-width: 0;
    margin: 0;
  }
  .erp-compact-sales-overview > .erp-panel {
    padding: 8px;
  }
  .erp-compact-sales-overview > .erp-sales-list-actions {
    grid-column: 2;
    grid-row: 1;
    align-self: stretch;
    display: flex;
    align-items: center;
  }
  .erp-compact-sales-overview > .erp-sales-list-actions .erp-heading {
    display: flex;
    gap: 8px;
    margin: 0;
    flex-wrap: wrap;
  }
  .erp-compact-sales-overview .erp-heading h3 {
    font-size: 12px;
    margin: 0;
  }
  .erp-compact-sales-overview > .erp-sales-list-summary {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
  }
  .erp-compact-sales-overview > .erp-sales-list-summary > .erp-heading {
    margin: 0;
    flex: 0 0 auto;
  }
  .erp-compact-sales-overview > .erp-sales-list-summary > .erp-heading h3 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .erp-compact-sales-overview .erp-order-status-cards,
  .erp-compact-sales-overview .erp-quotation-status-cards {
    display: flex;
    flex: 1 1 260px;
    gap: 5px;
    margin: 0;
    flex-wrap: wrap;
    min-width: 0;
  }
  .erp-compact-sales-overview .erp-invoice-status-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 2px 8px;
    flex: 1 1 105px;
    min-width: 105px;
    min-height: 44px;
    padding: 6px 8px;
    text-align: left;
    border-radius: 3px;
  }
  .erp-compact-sales-overview .erp-invoice-status-card > .erp-invoice-card-status {
    grid-column: 1;
    grid-row: 1;
    font-size: 11px;
  }
  .erp-compact-sales-overview .erp-invoice-status-card > strong {
    grid-column: 2;
    grid-row: 1;
    font-size: 15px;
    line-height: 1.1;
    margin: 0;
  }
  .erp-compact-sales-overview .erp-invoice-status-card > span:not(.erp-invoice-card-status) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .erp-compact-sales-overview .erp-invoice-status-card > b {
    grid-column: 1/-1;
    font-size: 10px;
    line-height: 1.1;
  }
  .erp-compact-sales-overview .erp-sales-summary-help {
    flex: 1 0 100%;
    font-size: 10px;
    margin: 0;
  }
  .erp-compact-sales-overview .erp-sales-summary-help summary {
    cursor: pointer;
  }
  .erp-compact-sales-overview .erp-sales-summary-help p {
    margin: 5px 0 0;
  }
  .erp-compact-sales-overview > .erp-sales-list-filters {
    display: flex;
    gap: 8px;
    align-items: end;
    flex-wrap: wrap;
  }
  .erp-compact-sales-overview > .erp-sales-list-filters > .erp-heading {
    margin: 0;
    display: flex;
    gap: 7px;
    align-items: center;
    flex-wrap: wrap;
  }
  .erp-compact-sales-overview > .erp-sales-list-filters > .erp-heading h3 {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .erp-compact-sales-overview > .erp-sales-list-filters > .erp-form {
    display: grid;
    grid-template-columns: minmax(160px, 1.5fr) repeat(5, minmax(110px, 1fr));
    gap: 7px;
    flex: 1 1 850px;
    margin: 0;
  }
  .erp-compact-sales-overview .erp-field {
    font-size: 10px;
    gap: 3px;
    min-width: 0;
  }
  .erp-compact-sales-overview .erp-field input,
  .erp-compact-sales-overview .erp-field select {
    height: 30px;
    min-height: 30px;
    box-sizing: border-box;
    padding: 4px 6px;
    font-size: 11px;
    min-width: 0;
    width: 100%;
  }
  .erp-compact-sales-overview > .erp-sales-list-filters > button {
    margin-top: 0 !important;
  }
  .erp-compact-sales-overview .erp-button {
    min-height: 29px;
    padding: 5px 9px;
    font-size: 11px;
  }
  .erp-compact-sales-overview .erp-table-wrap {
    overflow-x: auto;
    max-width: 100%;
  }
  .erp-compact-sales-overview .erp-table {
    min-width: 680px;
  }
  .erp-compact-sales-overview .erp-table th,
  .erp-compact-sales-overview .erp-table td {
    padding: 6px 8px;
    font-size: 11px;
  }
  .erp-compact-sales-overview > details.erp-panel {
    font-size: 11px;
  }
  @media (max-width: 1100px) {
    .erp-compact-sales-overview > .erp-sales-list-filters > .erp-form {
      grid-template-columns: repeat(3, minmax(130px, 1fr));
      flex-basis: 100%;
    }
  }
  @media (max-width: 700px) {
    .erp-compact-sales-overview .erp-button {
      min-height: 40px;
    }
    .erp-compact-sales-overview .erp-field input,
    .erp-compact-sales-overview .erp-field select {
      min-height: 36px;
      height: 36px;
    }
    .erp-compact-sales-overview {
      grid-template-columns: minmax(0, 1fr);
    }
    .erp-compact-sales-overview > .erp-sales-list-actions {
      grid-column: 1;
      grid-row: 1;
    }
    .erp-compact-sales-overview > .erp-sales-list-summary {
      grid-column: 1;
      grid-row: 2;
    }
    .erp-compact-sales-overview > .erp-sales-list-filters > .erp-form {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .erp-compact-sales-overview .erp-invoice-status-card {
      flex-basis: 100px;
    }
  }
}
@media screen {
  .erp-sales-odoo .erp-reference-buttons .erp-invoice-overview-filters > .erp-reference-clear,
  .erp-sales-odoo .erp-reference-buttons .erp-invoice-advanced-filters > summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 35px;
    height: 35px;
    box-sizing: border-box;
    padding: 7px 13px;
    background: #83bfee;
    border: 1px solid #83bfee;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    box-shadow: none;
    white-space: nowrap;
    cursor: pointer;
  }
  .erp-sales-odoo .erp-reference-buttons .erp-invoice-advanced-filters > summary::after {
    content: none;
  }
  .erp-sales-odoo .erp-reference-buttons .erp-invoice-advanced-filters > summary::marker {
    content: "";
  }
  .erp-sales-odoo .erp-reference-buttons .erp-invoice-advanced-filters > summary::-webkit-details-marker {
    display: none;
  }
  .erp-sales-odoo .erp-reference-buttons .erp-invoice-overview-top > .erp-overview-new {
    display: inline-flex;
    align-items: center;
    gap: 0;
    flex: none;
    min-height: 37px;
    height: 37px;
    align-self: center;
    padding: 0;
    background: #438fd0;
    border: 1px solid #438fd0;
    border-radius: 4px;
    color: white;
    box-shadow: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
  }
  .erp-sales-odoo .erp-reference-buttons .erp-overview-new > .invoice-rail-icon {
    display: block;
    width: 30px;
    height: 35px;
    box-sizing: border-box;
    padding: 8px 6px;
    border-right: 1px solid #ffffff55;
  }
  .erp-sales-odoo .erp-reference-buttons .erp-overview-new > .invoice-rail-label {
    display: block;
    padding: 0 12px;
  }
  .erp-sales-odoo .erp-reference-buttons .erp-reference-clear:hover,
  .erp-sales-odoo .erp-reference-buttons .erp-invoice-advanced-filters > summary:hover {
    background: #69afe4;
  }
  .erp-sales-odoo .erp-reference-buttons .erp-overview-new:hover {
    background: #327ebf;
  }
  .erp-sales-odoo .erp-reference-buttons :is(.erp-reference-clear, .erp-overview-new, .erp-invoice-advanced-filters > summary):focus-visible {
    outline: 2px solid #244e70;
    outline-offset: 2px;
  }
}

/* erp-production-prep/full-ui/app/erp/purchase-overview-layout.css */
@media screen {
  .erp-purchase-overview {
    min-width: 0;
    width: 100%;
  }
  .erp-purchase-overview-top {
    display: flex;
    align-items: stretch;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .erp-purchase-overview .erp-status-bar {
    flex: 1 1 580px;
    display: grid;
    grid-template-columns: repeat(5, minmax(90px, 1fr));
    gap: 6px;
    border: 0;
    margin: 0;
    overflow: visible;
  }
  .erp-purchase-overview .erp-purchase-status {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2px 8px;
    text-align: left;
    min-height: 46px;
    padding: 6px 9px;
    background: #f1f3f5;
    border: 1px solid #cbd3d9;
    border-left: 3px solid #6c8798;
    border-radius: 3px;
    color: #344454;
    cursor: pointer;
  }
  .erp-purchase-overview .erp-purchase-status span {
    padding: 0;
    border: 0;
    font-size: 12px;
    white-space: normal;
  }
  .erp-purchase-overview .erp-purchase-status b {
    font-size: 16px;
    padding: 0;
    background: none;
    margin: 0;
  }
  .erp-purchase-overview .erp-purchase-status small {
    grid-column: 1/-1;
    font-size: 11px;
  }
  .erp-purchase-overview .erp-purchase-status.draft {
    border-left-color: #479ac0;
  }
  .erp-purchase-overview .erp-purchase-status.unpaid {
    border-left-color: #0696ad;
  }
  .erp-purchase-overview .erp-purchase-status.partial {
    border-left-color: #d79c18;
  }
  .erp-purchase-overview .erp-purchase-status.paid {
    border-left-color: #5b9b39;
  }
  .erp-purchase-overview .erp-purchase-status.active {
    box-shadow: inset 0 0 0 1px #6c8798;
  }
  .erp-purchase-overview-top > .erp-actions {
    align-items: center;
    gap: 6px;
    margin: 0;
  }
  .erp-purchase-overview .erp-button {
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
  }
  .erp-purchase-overview .erp-purchase-overview-list {
    padding: 10px;
    margin-bottom: 10px;
  }
  .erp-purchase-overview-list > .erp-heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
  }
  .erp-purchase-overview-list > .erp-heading h3 {
    font-size: 14px;
    margin: 0;
  }
  .erp-purchase-overview-list > .erp-heading .erp-field {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 0 1 380px;
    font-size: 12px;
  }
  .erp-purchase-overview-list > .erp-heading input {
    min-width: 0;
    flex: 1;
    width: 100%;
    min-height: 32px;
    font-size: 13px;
    padding: 6px 8px;
  }
  .erp-purchase-overview-list .erp-table-wrap {
    margin-top: 0;
  }
  .erp-purchase-overview-list .erp-table :is(th, td) {
    font-size: 13px;
    padding: 8px;
  }
  .erp-purchase-overview-help {
    border: 1px solid #d7dfe3;
    background: #fff;
    border-radius: 3px;
    padding: 9px 12px;
    margin-top: 10px;
  }
  .erp-purchase-overview-help p {
    font-size: 12px;
    line-height: 1.5;
  }
  @media (max-width: 700px) {
    .erp-purchase-overview .erp-status-bar {
      flex-basis: 100%;
      grid-template-columns: repeat(2, minmax(100px, 1fr));
    }
    .erp-purchase-overview .erp-button {
      min-height: 40px;
    }
    .erp-purchase-overview-list > .erp-heading .erp-field {
      flex-basis: 100%;
    }
    .erp-purchase-overview-top > .erp-actions {
      width: 100%;
      flex-wrap: wrap;
    }
  }
}

/* erp-production-prep/full-ui/app/erp/quotation-entry-layout.css */
.erp-quotation-editor {
  min-width: 0;
}
.erp-quotation-editor .erp-quotation-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 10px;
}
.erp-quotation-editor .erp-quotation-paper {
  background: #fff;
  border: 1px solid #ccd5df;
  border-radius: 3px;
  padding: 24px;
  min-width: 0;
}
.erp-quotation-editor .erp-invoice-masthead {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(240px, 1.5fr) minmax(180px, 1fr);
  gap: 24px;
  align-items: start;
  padding: 6px 0 22px;
  border-bottom: 1px solid #d7dde3;
  margin-bottom: 18px;
}
.erp-quotation-editor .erp-invoice-logo img {
  display: block;
  max-width: 100%;
  max-height: 100px;
  object-fit: contain;
}
.erp-quotation-editor .erp-invoice-title {
  text-align: right;
}
.erp-quotation-editor .erp-invoice-title h2 {
  font-size: 26px;
  line-height: 1.2;
  margin: 4px 0 16px;
}
.erp-quotation-editor .erp-invoice-title small {
  display: block;
  margin-top: 6px;
}
.erp-quotation-editor .erp-quotation-metadata {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 240px));
  gap: 18px;
  margin: 12px 0;
}
.erp-quotation-editor .erp-quotation-lines-heading {
  font-size: 12px;
  margin: 12px 0 5px;
}
.erp-quotation-editor .erp-quotation-cart {
  margin-top: 14px;
  overflow-x: auto;
}
.erp-quotation-editor .erp-quotation-cart table {
  min-width: 900px;
  width: 100%;
  border-collapse: collapse;
}
.erp-quotation-editor .erp-quotation-cart th,
.erp-quotation-editor .erp-quotation-cart td {
  border: 1px solid #b7c2cd;
  padding: 6px;
  vertical-align: top;
}
.erp-quotation-editor .erp-quotation-cart th {
  background: #ddd;
  font-weight: 500;
}
.erp-quotation-editor .erp-quotation-cart input,
.erp-quotation-editor .erp-quotation-cart select {
  min-width: 64px;
  max-width: 100%;
}
.erp-quotation-editor .erp-quotation-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 1fr);
  gap: 24px;
  margin-top: 24px;
  align-items: start;
}
.erp-quotation-editor .erp-quotation-notes textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 90px;
}
.erp-quotation-editor .erp-quotation-total {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px;
  border: 1px solid #c8d1da;
  background: #f7f8fa;
}
.erp-quotation-editor .erp-quotation-total p {
  flex-basis: 100%;
  margin: 4px 0 0;
}
.erp-quotation-editor .erp-quotation-help {
  font-size: 11px;
  margin-top: 12px;
}
.erp-quotation-editor .erp-quotation-notes .erp-panel {
  padding: 0;
  margin: 10px 0 0;
}
.erp-quotation-editor .erp-quotation-notes .erp-attachment-add {
  max-width: 64px;
  min-height: 54px;
}
.erp-quotation-editor fieldset:disabled {
  opacity: .8;
}
@media (max-width: 900px) {
  .erp-quotation-editor .erp-invoice-masthead {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .erp-quotation-editor .erp-invoice-customer {
    grid-column: 1/-1;
    grid-row: 2;
  }
  .erp-quotation-editor .erp-invoice-title {
    grid-column: 2;
    grid-row: 1;
  }
  .erp-quotation-editor .erp-quotation-paper {
    padding: 14px;
  }
}
@media (max-width: 600px) {
  .erp-quotation-editor .erp-quotation-bottom {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .erp-quotation-editor .erp-quotation-metadata {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .erp-quotation-editor .erp-invoice-title h2 {
    font-size: 19px;
  }
  .erp-quotation-editor .erp-button {
    min-height: 40px;
  }
  .erp-quotation-editor input,
  .erp-quotation-editor select {
    min-height: 36px;
  }
}
.erp-sales-odoo .erp-quotation-editor {
  max-width: 1340px;
  width: 100%;
  margin: 0 auto 20px;
  font-size: 14px;
  color: #374151;
}
.erp-quotation-editor :is(.erp-field, label) {
  font-size: 13px;
}
.erp-quotation-editor .erp-invoice-customer-search > input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 31px;
  height: 31px;
  border-radius: 0;
  padding: 5px 7px;
  font-size: 13px;
}
.erp-quotation-editor .erp-invoice-customer-heading input[type=checkbox] {
  width: 13px;
  height: 13px;
  min-height: 13px;
  margin: 0;
  padding: 0;
}
.erp-quotation-editor .erp-quotation-metadata .erp-field {
  min-width: 0;
}
.erp-quotation-editor .erp-quotation-metadata input,
.erp-quotation-editor .erp-quotation-metadata select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}
@media (max-width: 600px) {
  .erp-quotation-editor .erp-quotation-metadata {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .erp-quotation-editor .erp-invoice-masthead {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .erp-quotation-editor .erp-invoice-customer-search > input {
    min-height: 44px;
    height: 44px;
  }
  .erp-quotation-editor .erp-invoice-customer-heading input[type=checkbox] {
    min-height: 16px;
    height: 16px;
    width: 16px;
  }
}
.erp-quotation-editor .erp-quotation-total {
  display: block;
}
.erp-quotation-editor .erp-quotation-amount-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 8px 0;
}
.erp-quotation-editor .erp-quotation-total .erp-discount-joined {
  width: 100%;
  margin: 6px 0;
}
.erp-quotation-editor .erp-quotation-total .erp-discount-joined input {
  min-width: 0;
}
.erp-sales-odoo .erp-quotation-editor :is(input:not([type=checkbox]), select, textarea) {
  box-sizing: border-box;
  border: 1px solid #c4ceda;
  border-radius: 2px;
  background: #fff;
  color: #374151;
  font: inherit;
  font-size: 14px;
  min-height: 32px;
  padding: 5px 7px;
  max-width: 100%;
}
.erp-sales-odoo .erp-quotation-editor .erp-invoice-customer-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 7px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.erp-sales-odoo .erp-quotation-editor .erp-invoice-customer-heading h4 {
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  border: 0;
  padding: 0;
}
.erp-sales-odoo .erp-quotation-editor .erp-invoice-customer-heading label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  line-height: 18px;
  margin: 0;
  padding: 0 0 0 7px;
  white-space: nowrap;
}
.erp-sales-odoo .erp-quotation-editor .erp-invoice-customer-search > input {
  height: 32px;
  min-height: 32px;
  font-size: 14px;
  border-radius: 0;
}
.erp-sales-odoo .erp-quotation-editor .erp-invoice-customer-icon {
  height: 32px;
  min-height: 32px;
  width: 32px;
  min-width: 32px;
  padding: 0;
  font-size: 18px;
}
.erp-sales-odoo .erp-quotation-editor .erp-product-search-inline {
  margin: 18px 0 0;
  padding: 0;
  border: 1px solid #c4ceda;
  border-radius: 3px;
  background: #fff;
}
.erp-sales-odoo .erp-quotation-editor .erp-product-search-inline .erp-product-search-controls {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 4px 3px 0;
  min-height: 40px;
}
.erp-sales-odoo .erp-quotation-editor .erp-product-search-inline .erp-product-search-controls > input {
  flex: 1;
  min-width: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
  height: 34px;
  min-height: 34px;
  padding: 6px 12px;
  font-size: 14px;
}
.erp-sales-odoo .erp-quotation-editor .erp-product-search-inline .erp-product-search-controls > button {
  min-height: 32px;
  height: 32px;
  width: 32px;
  padding: 0;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-cart .erp-table {
  table-layout: fixed;
  width: 100%;
  min-width: 1080px;
  border: 1px solid #9eacba;
  border-collapse: collapse;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-cart .erp-table :is(th, td) {
  border: 1px solid #9eacba;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 1.25;
  vertical-align: middle;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-cart .erp-table th {
  box-sizing: border-box;
  height: 32px;
  background: #cecece;
  font-weight: 500;
  text-align: left;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-cart .erp-table td {
  box-sizing: border-box;
  height: 38px;
  background: #fff;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-cart .erp-table :is(input, select) {
  height: 30px;
  min-height: 30px;
  min-width: 0;
  width: 100%;
  padding: 3px 2px;
  border: 0;
  border-radius: 0;
  font-size: 14px;
  background: transparent;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-cart .erp-table :is(.erp-cart-sku, .erp-cart-stock, .erp-cart-amount) {
  background: #eee;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-cart .erp-cart-sku {
  white-space: nowrap;
  overflow-x: auto;
  overflow-wrap: normal;
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    monospace;
  font-size: 12px;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-cart .erp-cart-amount {
  white-space: nowrap;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-cart .erp-cart-action-cell {
  text-align: center;
  padding: 2px;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-height: 30px;
  width: 30px;
  min-width: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #3487bd;
}
.erp-sales-odoo .erp-quotation-editor .erp-branch-stock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.erp-sales-odoo .erp-quotation-editor .erp-stock-current {
  display: inline-flex;
  min-width: 0;
}
.erp-sales-odoo .erp-quotation-editor .erp-stock-dropdown-trigger {
  padding: 0;
  width: 20px;
  min-width: 20px;
  height: 26px;
  min-height: 26px;
  border: 0;
  background: transparent;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-notes textarea {
  width: 100%;
  height: 90px;
  min-height: 90px;
  padding: 8px;
  resize: vertical;
  border: 1px solid #c4ceda;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-notes .erp-record-attachments {
  border: 1px solid #cbd6e1;
  border-radius: 3px;
  overflow: hidden;
  background: #fff;
  padding: 0;
  margin-top: 10px;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-notes .erp-attachment-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding: 6px 9px;
  margin: 0;
  background: #4c97cd;
  color: #fff;
  text-align: left;
  gap: 8px;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-notes .erp-attachment-title :is(h3, h4, strong) {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  text-align: left;
  font-weight: 700;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-notes .erp-attachment-title small {
  font-size: 11px;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-notes .erp-attachment-content {
  padding: 7px;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-notes .erp-attachment-add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 58px;
  min-width: 64px;
  max-width: 64px;
  min-height: 58px;
  padding: 0;
  border: 1px solid #d1dae4;
  border-radius: 0;
  background: #fff;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-notes .erp-attachment-add svg {
  width: 26px;
  height: 26px;
}
@media (max-width: 700px) {
  .erp-sales-odoo .erp-quotation-editor .erp-product-search-inline .erp-product-search-controls {
    min-height: 44px;
  }
  .erp-sales-odoo .erp-quotation-editor .erp-invoice-customer-search > input,
  .erp-sales-odoo .erp-quotation-editor .erp-invoice-customer-icon {
    height: 40px;
    min-height: 40px;
  }
  .erp-sales-odoo .erp-quotation-editor .erp-quotation-remove {
    height: 40px;
    min-height: 40px;
    width: 40px;
    min-width: 40px;
  }
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-notes .erp-attachment-title {
  box-sizing: border-box;
  height: 34px;
  min-height: 34px;
  padding: 6px 9px;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-notes .erp-attachment-title > span {
  position: static;
  transform: none;
  inset: auto;
  margin-left: auto;
  width: auto;
  font-size: 11px;
  line-height: 16px;
}
.erp-sales-odoo .erp-quotation-editor .erp-stock-current output {
  font-size: 14px;
  font-weight: 600;
}
.erp-sales-odoo .erp-quotation-editor .erp-stock-dropdown-trigger {
  position: static;
  transform: none;
  flex-shrink: 0;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-actions {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px;
  background: #fff;
  border: 1px solid #d4dbe3;
  border-radius: 4px;
  min-height: 54px;
  margin: 0 0 12px;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-actions .erp-button {
  border-radius: 3px;
  font-size: 13px;
  line-height: 18px;
  min-height: 34px;
  padding: 7px 11px;
  margin: 0;
}
@media (max-width: 600px) {
  .erp-sales-odoo .erp-quotation-editor .erp-quotation-actions .erp-button {
    min-height: 44px;
  }
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-actions > select {
  margin-right: auto;
  min-height: 36px;
  max-width: 230px;
  border: 1px solid #c8d1da;
  background: #fff;
  border-radius: 3px;
  padding: 6px 10px;
}
.erp-sales-odoo .erp-quotation-editor .erp-quotation-metadata {
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .erp-sales-odoo .erp-quotation-editor .erp-quotation-actions > select {
    width: 100%;
    max-width: none;
    min-height: 44px;
  }
}

/* erp-production-prep/full-ui/app/erp/daily-settlement-panel.css */
.erp-daily-settlement {
  max-width: 1340px;
  margin: 18px auto;
  color: #1d2b3a;
  font-size: 14px;
}
.erp-daily-settlement * {
  box-sizing: border-box;
}
.erp-ds-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 15px 0;
  border-bottom: 1px solid #cbd5df;
}
.erp-ds-header h2 {
  margin: 0;
  font-size: 25px;
  letter-spacing: .025em;
}
.erp-ds-header p {
  margin: 5px 0 0;
  color: #637284;
  font-size: 12px;
}
.erp-ds-header img {
  max-width: 190px;
  max-height: 66px;
  object-fit: contain;
}
.erp-ds-identity {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 15px 0;
}
.erp-daily-settlement label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #536375;
}
.erp-daily-settlement input,
.erp-daily-settlement select,
.erp-daily-settlement textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid #c4d0dc;
  border-radius: 5px;
  padding: 8px;
  background: #fff;
  color: #1d2b3a;
  font: inherit;
  font-size: 14px;
}
.erp-daily-settlement input:disabled,
.erp-daily-settlement select:disabled,
.erp-daily-settlement textarea:disabled {
  background: #f2f5f7;
  color: #647386;
}
.erp-ds-summary,
.erp-ds-reconcile {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #cbd5df;
  background: #f1f5f8;
  margin: 16px 0;
}
.erp-ds-summary > div,
.erp-ds-reconcile > div {
  padding: 12px 15px;
  border-right: 1px solid #cbd5df;
}
.erp-ds-summary > div:last-child,
.erp-ds-reconcile > div:last-child {
  border: 0;
}
.erp-ds-summary small,
.erp-ds-reconcile small {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  color: #617183;
}
.erp-ds-summary strong,
.erp-ds-reconcile strong {
  display: block;
  margin-top: 6px;
  font-size: 20px;
  font-variant-numeric: tabular-nums;
}
.erp-ds-columns {
  display: grid;
  grid-template-columns: minmax(260px, .85fr) minmax(0, 1.65fr);
  gap: 18px;
  margin: 18px 0;
}
.erp-ds-box {
  border: 1px solid #cbd5df;
  background: white;
  min-width: 0;
}
.erp-ds-box h3 {
  font-size: 17px;
  margin: 0;
  padding: 14px 16px;
  border-bottom: 1px solid #cbd5df;
}
.erp-ds-table-wrap {
  overflow: auto;
}
.erp-ds-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.erp-ds-table th,
.erp-ds-table td {
  padding: 8px 10px;
  border-bottom: 1px solid #d9e1e8;
  text-align: left;
  vertical-align: middle;
}
.erp-ds-table th {
  font-size: 11px;
  color: #5b6b7d;
  background: #fafbfd;
}
.erp-ds-table td[data-numeric=true],
.erp-ds-table th[data-numeric=true] {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.erp-ds-table tr:last-child td {
  border: 0;
}
.erp-ds-table input {
  padding: 6px;
  font-size: 13px;
  min-width: 70px;
}
.erp-ds-total {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  background: #f1f5f8;
  border-top: 1px solid #cbd5df;
  padding: 13px 15px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.erp-ds-note {
  font-size: 12px;
  line-height: 1.5;
  color: #627285;
  margin: 12px 15px;
}
.erp-ds-reconcile {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.erp-ds-reconcile strong {
  font-size: 16px;
}
.erp-ds-handover {
  border: 1px solid #cbd5df;
  border-radius: 6px;
  padding: 14px;
  background: #f9fbfd;
  margin-top: 14px;
}
.erp-ds-handover h3 {
  margin: 0 0 10px;
  font-size: 16px;
}
.erp-ds-handover-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.erp-ds-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 14px 0;
}
.erp-ds-actions .erp-button {
  font-size: 13px;
}
.erp-ds-flags {
  background: #fff8eb;
  border-left: 3px solid #b48b40;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1.5;
}
.erp-ds-footer {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 11px;
  color: #647386;
  border-top: 1px solid #cbd5df;
  padding-top: 12px;
  margin-top: 20px;
}
.erp-ds-error {
  color: #9c2831;
  background: #fff3f3;
  border: 1px solid #edc5c9;
  padding: 10px 12px;
  border-radius: 5px;
  margin: 10px 0;
}
.erp-ds-ok {
  padding: 10px 12px;
  background: #edf7f0;
  color: #28663c;
  border: 1px solid #bcdac5;
  margin: 10px 0;
}
.erp-ds-paperref {
  min-width: 115px !important;
}
.erp-ds-source {
  display: block;
  color: #406a91;
  font-size: 11px;
  margin-top: 3px;
  overflow-wrap: anywhere;
}
.erp-ds-pending {
  font-size: 11px;
  background: #fff4db;
  border: 1px solid #ecd49f;
  border-radius: 4px;
  padding: 3px 6px;
  color: #79571d;
}
.erp-ds-status {
  font-size: 11px;
  color: #4a5d70;
}
.erp-ds-list {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.erp-ds-list button {
  text-align: left;
}
@media (max-width: 850px) {
  .erp-ds-columns {
    grid-template-columns: 1fr;
  }
  .erp-ds-identity,
  .erp-ds-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .erp-ds-reconcile {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .erp-ds-header h2 {
    font-size: 21px;
  }
  .erp-ds-header img {
    max-width: 140px;
  }
  .erp-ds-handover-grid {
    grid-template-columns: 1fr;
  }
  .erp-daily-settlement {
    margin: 12px 0;
  }
  .erp-ds-summary > div,
  .erp-ds-reconcile > div {
    border-bottom: 1px solid #cbd5df;
  }
}
@media print {
  .erp-ds-actions,
  .erp-ds-identity,
  .erp-ds-handover button {
    display: none !important;
  }
  .erp-daily-settlement {
    max-width: none;
    margin: 0;
  }
  .erp-ds-columns {
    grid-template-columns: 1fr 1.85fr;
    gap: 12px;
  }
  .erp-ds-table-wrap {
    overflow: visible;
  }
  .erp-ds-box {
    break-inside: avoid;
  }
}

/* erp-production-prep/full-ui/app/erp/supplier-credit-settlement.css */
.erp-supplier-credit {
  border: 1px solid #d8e0e6;
  border-radius: 7px;
  padding: 14px 16px;
  background: #fff;
  margin: 12px 0;
  color: #344454;
}
.erp-supplier-credit-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.erp-supplier-credit-heading h4 {
  margin: 0;
  font-size: 15px;
}
.erp-supplier-credit-heading strong {
  font-size: 16px;
}
.erp-supplier-credit-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.erp-supplier-credit-form {
  margin-top: 12px;
  border-top: 1px solid #e1e5e9;
  padding-top: 12px;
}
.erp-supplier-credit-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.erp-supplier-credit .erp-field {
  font-size: 13px;
}
.erp-supplier-credit input,
.erp-supplier-credit select,
.erp-supplier-credit textarea {
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
  font-size: 14px;
}
.erp-supplier-credit-form fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.erp-supplier-credit .erp-muted {
  font-size: 12px;
  line-height: 1.5;
}
.erp-supplier-credit-history {
  overflow-x: auto;
  margin-top: 14px;
}
.erp-supplier-credit-history table {
  width: 100%;
  border-collapse: collapse;
  min-width: 540px;
}
.erp-supplier-credit-history th,
.erp-supplier-credit-history td {
  border: 1px solid #e1e5e9;
  padding: 7px;
  font-size: 12px;
  text-align: left;
}
.erp-supplier-credit-history th {
  background: #f8fafb;
  font-weight: 500;
}
.erp-supplier-credit-history small {
  display: block;
  margin-top: 3px;
}
.erp-supplier-credit-history td:last-child {
  white-space: nowrap;
}
@media (max-width: 700px) {
  .erp-supplier-credit-fields {
    grid-template-columns: 1fr;
  }
  .erp-supplier-credit-heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .erp-supplier-credit button {
    min-height: 42px;
  }
}

/* erp-production-prep/full-ui/app/erp/purchase-panel.css */
.erp-purchase-module {
  width: 100%;
  max-width: 1340px;
  margin: clamp(10px, 1.2vw, 16px) auto;
  color: #344454;
  font-size: 14px;
}
.erp-purchase-module fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.erp-purchase-module .erp-panel {
  padding: 14px 16px;
  border: 1px solid #d8e0e6;
  border-radius: 7px;
  margin-bottom: 12px;
  background: #fff;
}
.erp-purchase-module h4 {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 12px;
}
.erp-purchase-module input,
.erp-purchase-module select,
.erp-purchase-module textarea {
  font-size: 14px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.erp-purchase-module .erp-field {
  font-size: 13px;
}
.erp-purchase-module .erp-table td,
.erp-purchase-module .erp-table th {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  border: 1px solid #e1e5e9;
  padding: 7px;
  vertical-align: top;
  word-break: normal;
}
.erp-purchase-module .erp-table th {
  background: #fff;
  color: #465a6c;
}
.erp-purchase-module .erp-table tbody tr:nth-child(odd) {
  background: #f9fbfd;
}
.erp-purchase-module .erp-table tbody tr:hover {
  background: #f0f6fa;
}
.erp-purchase-module .erp-table td .erp-button {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  min-width: 52px;
  min-height: 28px;
  padding: 4px 9px;
}
.erp-purchase-module .erp-table td input[type=number] {
  width: 100%;
  min-width: 74px;
  max-width: 130px;
}
.erp-purchase-products .erp-table td:first-child {
  min-width: 160px;
}
.erp-purchase-module .erp-purchase-readonly {
  background: #edf0f2;
  color: #344454;
}
.erp-purchase-list-top {
  display: flex;
  gap: 8px;
  align-items: stretch;
  overflow-x: auto;
  padding: 4px 2px 10px;
}
.erp-purchase-date {
  display: flex;
  gap: 8px;
  flex: 0 0 280px;
  height: 56px;
  box-sizing: border-box;
  padding: 6px 9px;
  border: 1px solid #c6ddea;
  border-radius: 8px;
  background:
    linear-gradient(
      125deg,
      #eff8ff,
      #e2eff9);
  box-shadow: 0 3px 8px #233e5d12;
}
.erp-purchase-date .erp-field {
  font-size: 9px;
  gap: 2px;
  min-width: 0;
}
.erp-purchase-date input {
  width: 100%;
  height: 27px;
  min-height: 27px;
  font-size: 12px;
  padding: 1px 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #b9cddc;
  border-radius: 0;
}
.erp-purchase-status-cards {
  display: flex;
  gap: 8px;
  flex: 1;
}
.erp-purchase-card {
  display: grid;
  grid-template-columns: 1fr auto;
  align-content: center;
  gap: 2px 8px;
  flex: 1;
  min-width: 105px;
  height: 56px;
  padding: 5px 9px;
  border: 1px solid #d8e2ea;
  border-radius: 8px;
  background: linear-gradient(#fff, #fafcfd);
  color: #50677b;
  box-shadow: 0 3px 8px #233e5d12;
  text-align: left;
  cursor: pointer;
}
.erp-purchase-card span {
  font-size: 11px;
}
.erp-purchase-card strong {
  font-size: 15px;
  grid-column: 2;
  grid-row: 1/3;
  align-self: center;
}
.erp-purchase-card small {
  font-size: 9px;
}
.erp-purchase-card.active {
  background: #e9f3f9;
  border-color: #75a8c8;
}
.erp-purchase-new {
  min-height: 56px;
  white-space: nowrap;
  border: 1px solid #c6ddea !important;
  border-radius: 8px !important;
  background: linear-gradient(#fff, #eaf4fa) !important;
  color: #327a9f !important;
  font-size: 12px !important;
  box-shadow: 0 3px 8px #233e5d12;
}
.erp-purchase-toolbar {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  padding: 8px 10px;
  margin: 0 0 12px;
  border: 1px solid #d8e0e6;
  border-radius: 6px;
  background: #f8fafb;
}
.erp-purchase-toolbar .erp-button {
  min-height: 32px;
  padding: 6px 12px;
  font-size: 12px;
}
.erp-purchase-toolbar > span {
  margin-left: auto;
  font-size: 14px;
  font-weight: 600;
}
.erp-purchase-toolbar select {
  min-height: 32px;
  font-size: 12px;
  width: auto;
}
.erp-purchase-entry-head {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) minmax(360px, 1.35fr);
  gap: 12px;
}
.erp-purchase-entry-head .erp-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.erp-purchase-party-info {
  font-size: 12px;
  line-height: 1.6;
  margin-top: 12px;
  color: #647687;
}
.erp-purchase-search {
  display: flex;
  gap: 10px;
  align-items: end;
  margin-bottom: 10px;
}
.erp-purchase-search .erp-field {
  flex: 1;
}
.erp-purchase-search > select {
  flex: 1;
  min-height: 36px;
}
.erp-purchase-entry-bottom {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 12px;
}
.erp-purchase-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #aab7c2;
  padding: 10px 12px;
  font-size: 15px;
  margin: 10px 0;
}
.erp-purchase-total strong {
  font-size: 17px;
}
.erp-purchase-cost-toggle {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 11px;
  min-width: 95px;
}
.erp-purchase-cost-toggle input {
  width: 14px !important;
  min-width: 14px !important;
}
.erp-purchase-policy {
  padding: 10px 12px;
  background: #fff9ec;
  border: 1px solid #ead6a8;
  border-radius: 5px;
  font-size: 12px;
  line-height: 1.5;
  color: #705626;
}
.erp-purchase-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 10px;
  font-size: 12px;
}
.erp-purchase-vendor-detail {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 10px;
}
.erp-purchase-vendor-detail dd {
  margin: 0;
}
.erp-purchase-paper {
  background: #fff;
  color: #111;
  max-width: 794px;
  box-sizing: border-box;
  padding: 28px 36px;
  border: 1px solid #d9dfe4;
  margin: 12px auto;
}
.erp-purchase-paper header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
}
.erp-purchase-paper header > div:last-child {
  text-align: right;
}
.erp-purchase-paper h2 {
  font-size: 17px;
  margin: 0 0 6px;
}
.erp-purchase-paper p {
  font-size: 12px;
  margin: 4px 0;
}
.erp-purchase-paper-vendor {
  font-size: 12px;
  line-height: 1.5;
  margin: 18px 0;
}
.erp-purchase-paper .erp-table {
  width: 100%;
  table-layout: auto;
}
.erp-purchase-paper .erp-table td:first-child {
  min-width: 0;
}
.erp-purchase-paper .erp-table small {
  display: block;
  font-size: 10px;
  margin-top: 3px;
}
.erp-purchase-paper .erp-table td {
  overflow-wrap: anywhere;
}
.erp-purchase-paper-note {
  white-space: pre-wrap;
}
.erp-purchase-paper-status {
  margin-top: 12px !important;
  font-size: 10px !important;
}
.erp-purchase-paper-footer {
  text-align: center;
  font-size: 10px;
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid #ddd;
}
.erp-purchase-paper.thermal {
  width: 76mm;
  padding: 3mm;
}
.erp-purchase-paper.thermal header {
  display: block;
  text-align: center;
}
.erp-purchase-paper.thermal header > div:last-child {
  text-align: center;
  margin-top: 10px;
}
.erp-purchase-paper.thermal h2 {
  font-size: 13px;
}
.erp-purchase-paper.thermal .erp-table {
  font-size: 10px;
}
.erp-purchase-paper.thermal .erp-table td,
.erp-purchase-paper.thermal .erp-table th {
  font-size: 10px;
  padding: 4px 2px;
  white-space: normal;
}
.erp-purchase-paper.thermal .erp-table td:nth-child(2) {
  width: 42%;
}
.erp-purchase-paper.thermal .erp-purchase-total {
  font-size: 12px;
  padding: 6px;
}
.erp-purchase-paper.thermal .erp-purchase-total strong {
  font-size: 13px;
}
@media (max-width: 700px) {
  .erp-purchase-entry-head,
  .erp-purchase-entry-bottom {
    grid-template-columns: minmax(0, 1fr);
  }
  .erp-purchase-module .erp-panel {
    padding: 10px;
  }
  .erp-purchase-module .erp-table td .erp-button {
    min-height: 44px;
  }
  .erp-purchase-toolbar .erp-button {
    min-height: 40px;
  }
  .erp-purchase-search {
    flex-direction: column;
    align-items: stretch;
  }
  .erp-purchase-toolbar > span {
    width: 100%;
    margin: 4px 0;
  }
  .erp-purchase-paper {
    padding: 12px;
    max-width: 100%;
    overflow-x: auto;
  }
  .erp-purchase-paper header {
    gap: 10px;
  }
  .erp-purchase-paper h2 {
    font-size: 14px;
  }
}
@media print {
  body:has(.erp-purchase-paper) * {
    visibility: hidden;
  }
  body:has(.erp-purchase-paper) *:not(:has(.erp-purchase-paper)):not(.erp-purchase-paper):not(.erp-purchase-paper *) {
    display: none !important;
  }
  body:has(.erp-purchase-paper) .erp-app,
  body:has(.erp-purchase-paper) .erp-main,
  body:has(.erp-purchase-paper) .erp-purchase-module,
  body:has(.erp-purchase-paper) .erp-purchase-review,
  body:has(.erp-purchase-paper) .erp-purchase-editor {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
  body:has(.erp-purchase-paper) .erp-purchase-paper,
  body:has(.erp-purchase-paper) .erp-purchase-paper * {
    visibility: visible;
  }
  .erp-purchase-paper {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    max-width: none;
    overflow: visible;
  }
  .erp-purchase-paper.thermal {
    width: 70mm;
    margin: 0;
    padding: 0;
  }
  .erp-purchase-paper .erp-table-wrap {
    overflow: visible;
    border: 0;
  }
  .erp-purchase-paper .erp-table th,
  .erp-purchase-paper .erp-table td {
    border: 1px solid #555;
    color: #000;
    background: #fff;
  }
  .erp-purchase-paper thead {
    display: table-header-group;
  }
  .erp-purchase-paper tr {
    break-inside: avoid;
  }
  .erp-purchase-paper footer {
    break-inside: avoid;
  }
  .erp-purchase-paper,
  .erp-purchase-paper * {
    box-shadow: none !important;
    color: #000 !important;
  }
}
@media print {
  .erp-purchase-paper.a4 .erp-purchase-paper-footer {
    position: fixed;
    bottom: -12mm;
    left: 0;
    right: 0;
    margin: 0;
    padding: 2mm 0;
    border-top: 0;
    font-size: 8px;
  }
  .erp-purchase-paper.thermal .erp-purchase-paper-footer {
    position: static;
    margin-top: 5mm;
    padding-top: 3mm;
    font-size: 9px;
  }
}
@media screen {
  .erp-purchase-module.erp-purchase-overview-mode {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
  .erp-purchase-overview-mode .erp-purchase-list-top {
    padding: 3px 2px 9px;
    gap: 8px;
  }
  .erp-purchase-overview-mode .erp-purchase-card {
    position: relative;
    padding-left: 34px;
    color: var(--purchase-status,#3993bf);
  }
  .erp-purchase-card.unpaid {
    --purchase-status:#00859a;
  }
  .erp-purchase-card.partial,
  .erp-purchase-card.pending {
    --purchase-status:#d69a00;
  }
  .erp-purchase-card.paid,
  .erp-purchase-card.approved,
  .erp-purchase-card.completed {
    --purchase-status:#499b38;
  }
  .erp-purchase-card.cancelled {
    --purchase-status:#c86668;
  }
  .erp-purchase-overview-mode .erp-purchase-card.active {
    border-color: var(--purchase-status,#3993bf);
  }
  .erp-purchase-status-icon {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--purchase-status,#3993bf);
    color: #fff;
  }
  .erp-purchase-overview-mode .erp-invoice-overview-filters {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 8px 16px 18px;
  }
  .erp-purchase-overview-mode .erp-invoice-overview-filters > .erp-button {
    order: 2;
  }
  .erp-purchase-overview-mode .erp-purchase-branch-filter {
    order: 3;
    margin-left: auto;
    min-width: 300px;
  }
  .erp-purchase-branch-filter .erp-field {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
  }
  .erp-purchase-branch-filter select {
    flex: 1;
  }
  .erp-purchase-overview-mode .erp-table-wrap {
    border: 1px solid #d8e0e6;
    border-radius: 5px;
    padding: 7px 3px 0;
    background: #fff;
  }
  .erp-purchase-overview-mode .erp-table {
    width: 100%;
    table-layout: auto;
  }
  .erp-purchase-overview-mode .erp-table th {
    padding: 9px 7px;
  }
  .erp-purchase-overview-mode .erp-table td:last-child {
    min-width: 70px;
    white-space: nowrap;
  }
  .erp-purchase-overview-mode .erp-table td:first-child {
    width: 34px;
  }
  .erp-purchase-number-link {
    display: inline-flex;
    align-items: flex-start;
    gap: 6px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
  }
  .erp-purchase-number-link svg {
    flex: none;
    margin-top: 1px;
    color: #50677b;
  }
  @media (max-width: 700px) {
    .erp-purchase-overview-mode .erp-purchase-branch-filter {
      min-width: 0;
      width: 100%;
      margin-left: 0;
    }
    .erp-purchase-overview-mode .erp-invoice-overview-filters {
      padding: 8px 2px 14px;
    }
  }
}
@media screen {
  .erp-purchase-module.erp-purchase-overview-mode .erp-table th {
    background: #fff;
    color: #465a6c;
    font-weight: 400;
  }
  .erp-purchase-module.erp-purchase-overview-mode .erp-purchase-number-link {
    color: #327a9f;
    font-weight: 400;
  }
}

/* erp-production-prep/full-ui/app/erp/chart-of-accounts-panel.css */
.erp-chart {
  max-width: 1340px;
  margin: 18px auto 0;
  font-size: 13px;
  color: #26384b;
  min-width: 0;
}
.erp-chart-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.erp-chart-title h2 {
  font-size: 23px;
  font-weight: 500;
  margin: 0;
}
.erp-chart-search {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 13px;
}
.erp-chart-search input {
  width: min(390px, 100%);
  border: 1px solid #cdd5df;
  background: #fff;
  padding: 8px 10px;
  border-radius: 5px;
}
.erp-chart-search span {
  font-size: 11px;
  color: #657487;
  margin-left: auto;
}
.erp-chart-table-wrap {
  overflow: auto;
  border: 1px solid #d7dde4;
  border-radius: 5px;
  background: #fff;
}
.erp-chart-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.erp-chart-table th,
.erp-chart-table td {
  text-align: left;
  padding: 9px 10px;
  border-bottom: 1px solid #dce1e7;
  vertical-align: top;
}
.erp-chart-table th {
  font-weight: 600;
  background: #f6f8fa;
  white-space: nowrap;
}
.erp-chart-table .number {
  text-align: right;
  white-space: nowrap;
}
.erp-chart-table small {
  display: block;
  font-size: 10px;
  color: #68778a;
  max-width: 580px;
  margin-top: 3px;
}
.erp-chart-group {
  background: #fbfcfe;
}
.erp-chart-group button {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #204f7b;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-align: left;
}
.erp-chart-child {
  padding-left: 30px !important;
}
.erp-chart-link {
  border: 0;
  background: none;
  color: #2269a3;
  padding: 0;
  cursor: pointer;
  text-align: left;
}
.erp-chart-link:hover {
  text-decoration: underline;
}
.erp-chart-lock {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #69798a;
  font-size: 10px;
  white-space: nowrap;
}
.erp-chart-tabs {
  display: flex;
  gap: 1px;
  border-bottom: 1px solid #ccd5df;
  overflow: auto;
  margin-bottom: 22px;
}
.erp-chart-tabs button {
  background: none;
  border: 1px solid transparent;
  border-radius: 5px 5px 0 0;
  padding: 11px 12px;
  color: #3678b1;
  white-space: nowrap;
  cursor: pointer;
}
.erp-chart-tabs button[aria-selected=true] {
  background: white;
  border-color: #ccd5df;
  border-bottom-color: white;
  color: #25394d;
}
.erp-chart-map-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px 28px;
}
.erp-chart-map-grid select {
  width: 100%;
  padding: 8px;
  border: 1px solid #cdd5df;
  background: white;
  border-radius: 3px;
  font-size: 12px;
}
.erp-chart-map-grid select:disabled {
  color: #566575;
  background: #f7f8fa;
  opacity: 1;
}
.erp-chart-map-grid small {
  display: flex;
  gap: 5px;
  align-items: center;
  color: #748193;
  font-size: 10px;
  margin-top: 5px;
}
.erp-chart fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
.erp-chart-save {
  display: flex;
  gap: 12px;
  align-items: end;
  margin-top: 25px;
  flex-wrap: wrap;
}
.erp-chart-save .erp-field:nth-child(2) {
  flex: 1;
  min-width: 180px;
}
.erp-chart-save input {
  border: 1px solid #cdd5df;
  border-radius: 4px;
  padding: 8px;
}
.erp-chart-warning {
  font-size: 11px;
  color: #6a5c3a;
  background: #fffbed;
  border: 1px solid #ede1b7;
  border-radius: 4px;
  padding: 10px;
  line-height: 1.5;
  margin: 16px 0;
}
.erp-chart-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 16px 0;
}
.erp-chart-metrics span {
  border: 1px solid #d9e0e7;
  padding: 12px;
  border-radius: 5px;
  font-size: 11px;
}
.erp-chart-metrics b {
  display: block;
  margin-top: 6px;
  font-size: 15px;
}
.erp-chart-ledger {
  margin-top: 18px;
}
.erp-chart details summary {
  cursor: pointer;
  padding: 8px 0;
}
.erp-chart .erp-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 700px) {
  .erp-chart {
    margin-top: 12px;
  }
  .erp-chart-map-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .erp-chart-metrics {
    grid-template-columns: 1fr 1fr;
  }
  .erp-chart-search {
    flex-wrap: wrap;
  }
  .erp-chart-search span {
    margin-left: 0;
  }
  .erp-chart-table {
    min-width: 650px;
  }
  .erp-chart-title h2 {
    font-size: 20px;
  }
  .erp-chart-tabs button {
    padding: 9px;
  }
  .erp-chart-title {
    align-items: start;
  }
  .erp-chart-save {
    align-items: stretch;
  }
}

/* erp-production-prep/auth-ui/style.css */
.q-auth {
  font: 15px/1.45 system-ui, sans-serif;
  display: grid;
  place-items: center;
  min-height: 100dvh;
  background: #edf3f9;
  color: #172536;
  padding: 20px;
  box-sizing: border-box;
}
.q-auth * {
  box-sizing: border-box;
}
.q-auth-card {
  width: min(100%, 420px);
  border: 1px solid #d0dbe8;
  border-radius: 18px;
  background: white;
  padding: 28px;
  box-shadow: 0 14px 40px #17344b14;
}
.q-auth h1 {
  font-size: 25px;
  margin: 0 0 12px;
}
.q-auth h2 {
  font-size: 18px;
}
.q-auth p {
  color: #40546b;
}
.q-auth form {
  display: grid;
  gap: 8px;
}
.q-auth input {
  width: 100%;
  padding: 11px;
  border: 1px solid #91a6bb;
  border-radius: 7px;
  font: inherit;
  margin-bottom: 10px;
}
.q-auth button {
  font: 600 14px system-ui;
  padding: 11px 16px;
  color: white;
  background: #1d5f9c;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  margin: 8px 0;
}
.q-auth button:disabled {
  opacity: .65;
  cursor: wait;
}
.q-auth button:focus-visible,
.q-auth input:focus-visible {
  outline: 3px solid #75b9ef;
  outline-offset: 2px;
}
.q-auth small {
  display: block;
  font-size: 12px;
  color: #627386;
  margin-top: 20px;
}
.q-auth .q-auth-error {
  color: #9b2020;
  background: #fff0f0;
  border: 1px solid #edb9b9;
  border-radius: 7px;
  padding: 10px;
}
.q-auth img {
  display: block;
  max-width: 100%;
  margin: 10px auto;
}
.q-auth code {
  display: block;
  overflow-wrap: anywhere;
  padding: 8px;
}