@media (min-width: 769px) {
  .purchase-exception-badge {
    display: block;
    width: fit-content;
    max-width: 100%;
    margin-top: 3px;
    color: #63758a;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }
  .purchase-exception-badge.has-pending { color: #476b95; }
  .purchase-exception-badge.is-unavailable { color: #748398; }
  .purchase-exception-filter { min-width: 150px; max-width: 100%; }
  body.pc-ui-preview .purchase-a-shell .customer-fixed-pagination[hidden] { display: none !important; }
  #purchaseExceptionFilterState:not(.hidden) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin: 8px 0;
    color: #63758a;
    font-size: 13px;
    line-height: 1.6;
  }
  #purchaseDetailDialog .purchase-exception-records {
    min-width: 0;
    margin: 0;
    padding-top: 8px;
    border-top: 1px solid #e1e7ef;
    color: #334a62;
    font-size: 13px;
    line-height: 1.5;
  }
  #purchaseDetailDialog .purchase-exception-records > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 3px 12px;
    margin-bottom: 5px;
  }
  #purchaseDetailDialog .purchase-exception-records h3 {
    margin: 0;
    color: #254c77;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
  }
  #purchaseDetailDialog .purchase-exception-records > header > small {
    color: #63758a;
    font-size: 12px;
    font-weight: 400;
  }
  #purchaseDetailDialog .purchase-exception-notice {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin: 3px 0 0;
    color: #63758a;
    font-size: 13px;
    line-height: 1.6;
  }
  #purchaseDetailDialog .purchase-exception-table-wrap { min-width: 0; max-width: 100%; }
  #purchaseDetailDialog .purchase-exception-table {
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    margin: 0;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 13px;
    line-height: 1.5;
  }
  #purchaseDetailDialog .purchase-exception-table th,
  #purchaseDetailDialog .purchase-exception-table td {
    height: auto;
    padding: 5px 6px !important;
    border: 0;
    border-bottom: 1px solid #e7ecf2;
    text-align: left;
    vertical-align: top;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    box-shadow: none;
  }
  #purchaseDetailDialog .purchase-exception-table th {
    background: #f6f8fb;
    color: #63758a;
    font-size: 12px;
    font-weight: 500;
  }
  #purchaseDetailDialog .purchase-exception-table th:nth-child(1) { width: 7%; }
  #purchaseDetailDialog .purchase-exception-table th:nth-child(2) { width: 18%; }
  #purchaseDetailDialog .purchase-exception-table th:nth-child(3) { width: 8%; }
  #purchaseDetailDialog .purchase-exception-table th:nth-child(4) { width: 17%; }
  #purchaseDetailDialog .purchase-exception-table th:nth-child(5) { width: 14%; }
  #purchaseDetailDialog .purchase-exception-table th:nth-child(6) { width: 24%; }
  #purchaseDetailDialog .purchase-exception-table th:nth-child(7) { width: 12%; }
  #purchaseDetailDialog .purchase-exception-table tbody tr { background: transparent; }
  #purchaseDetailDialog .purchase-exception-table tbody tr:last-child td { border-bottom: 0; }
  #purchaseDetailDialog .purchase-exception-amount { font-variant-numeric: tabular-nums; }
  #purchaseDetailDialog .purchase-exception-records button {
    min-height: 28px;
    margin: 0;
    padding: 3px 8px;
    font-size: 12px;
    line-height: 1.5;
    white-space: nowrap;
  }
}