/* Only the authenticated supplier portal. No global/native report-print rules. */
.asr-supplier-display { box-sizing:border-box; width:100%; max-width:100%; min-width:0; color:#24364b; }
.asr-supplier-display *, .asr-supplier-display *::before, .asr-supplier-display *::after { box-sizing:border-box; }
.asr-supplier-display .asr-shared-role-heading { align-items:flex-start; gap:14px; }
.asr-supplier-display .asr-shared-role-heading > div { min-width:0; }
.asr-supplier-display .asr-shared-role-heading h1 { margin:0 0 8px; font-size:24px; line-height:1.35; }
.asr-supplier-display .asr-shared-role-heading p { margin:0; overflow-wrap:anywhere; }
.asr-supplier-display .asr-supplier-tabs { padding-bottom:12px; gap:8px; }
.asr-supplier-display .asr-supplier-tab { min-height:36px; border-radius:6px; padding:8px 14px; }
.asr-supplier-display .asr-supplier-display-state { display:flex; align-items:baseline; gap:8px 16px; flex-wrap:wrap; margin:0 0 16px; padding:11px 14px; background:#f1f5fa; border:1px solid #dae3ee; border-radius:8px; font-size:13px; line-height:1.6; }
.asr-supplier-display .asr-supplier-display-state strong { color:#263d57; }
.asr-supplier-display .asr-supplier-display-state span { color:#53677d; overflow-wrap:anywhere; }
.asr-supplier-display .asr-supplier-display-state--warning { background:#fff9ec; border-color:#efddb4; }
.asr-supplier-display .asr-supplier-display-state--danger { background:#fff3f3; border-color:#f0caca; }
.asr-supplier-display .asr-shared-role-error { background:#fff3f3; border-radius:6px; padding:10px 12px; overflow-wrap:anywhere; }
.asr-supplier-display .asr-shared-role-card { min-width:0; max-width:100%; border:1px solid #dfe6ef; border-radius:10px; margin-bottom:16px; }
.asr-supplier-display .asr-supplier-order-main { width:100%; max-width:100%; min-width:0; }
.asr-supplier-display .asr-shared-role-toolbar { gap:10px; flex-wrap:wrap; }
.asr-supplier-display .asr-shared-role-toolbar .el-button + .el-button { margin-left:0; }
.asr-supplier-display .asr-supplier-order-actions { gap:10px; padding-bottom:12px; }
.asr-supplier-display .asr-supplier-display-table { width:100%; max-width:100%; min-width:0; }
.asr-supplier-display .asr-supplier-display-table .el-table__body-wrapper { overflow-x:auto; overscroll-behavior-x:contain; }
.asr-supplier-display .el-table .cell { line-height:1.55; overflow-wrap:anywhere; }
.asr-supplier-display .asr-supplier-display-order-id { display:block; color:#273e59; font-weight:600; overflow-wrap:anywhere; white-space:normal; line-height:1.5; }
.asr-supplier-display .asr-supplier-order-number small { display:block; margin-top:5px; white-space:normal; overflow-wrap:anywhere; color:#5d6d80; }
.asr-supplier-display .asr-supplier-display-project-summary { padding:4px 0; }
.asr-supplier-display .asr-supplier-display-project-summary + .asr-supplier-display-project-summary { margin-top:5px; padding-top:7px; border-top:1px dashed #dbe3ed; }
.asr-supplier-display .asr-supplier-display-project-summary strong { display:block; color:#24364b; font-weight:600; white-space:pre-wrap; overflow-wrap:anywhere; }
.asr-supplier-display .asr-supplier-display-method { margin-top:3px; white-space:pre-wrap; overflow-wrap:anywhere; color:#5a6d83; font-size:12px; line-height:1.55; }
.asr-supplier-display .asr-supplier-display-method-expand, .asr-supplier-display .asr-supplier-display-project-expand { margin-top:5px; }
.asr-supplier-display summary { cursor:pointer; color:#2565a6; line-height:1.55; white-space:normal; overflow-wrap:anywhere; }
.asr-supplier-display summary small { display:block; margin-top:3px; color:#2565a6; font-weight:600; }
.asr-supplier-display details > div { padding:7px 9px; border-left:2px solid #c4d7ed; background:#f5f8fc; }
.asr-supplier-display .asr-supplier-order-fees { font-variant-numeric:tabular-nums; text-align:right; }
.asr-supplier-display .asr-supplier-order-fees > div { display:flex; gap:8px; align-items:center; justify-content:space-between; }
.asr-supplier-display .asr-supplier-order-fees small { color:#607388; }
.asr-supplier-display .asr-supplier-order-fees span { color:#283b50; font-weight:600; }
.asr-supplier-display .asr-shared-role-facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
.asr-supplier-display .asr-shared-role-facts > span { display:block; padding:10px 12px; background:#f5f8fc; border-radius:6px; overflow-wrap:anywhere; }
.asr-supplier-display .asr-supplier-display-delegation { margin-top:18px; padding-top:2px; }
.asr-supplier-display .asr-supplier-display-delegation h3 { font-size:17px; margin:18px 0 10px; }
.asr-supplier-display .asr-supplier-display-delegation h4 { margin:20px 0 10px; padding-bottom:8px; border-bottom:1px solid #dfe6ef; font-size:15px; }
.asr-supplier-display .asr-supplier-profile { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; margin:12px 0; }
.asr-supplier-display .asr-supplier-profile > div { min-width:0; display:grid; grid-template-columns:112px minmax(0,1fr); gap:8px; padding:8px 0; border-bottom:1px solid #e8edf3; }
.asr-supplier-display .asr-supplier-profile dt { color:#607388; font-size:13px; }
.asr-supplier-display .asr-supplier-profile dd { margin:0; color:#24364b; font-size:13px; }
.asr-supplier-display .asr-supplier-display-sample, .asr-supplier-display .asr-supplier-display-project-detail { display:block; max-width:100%; min-width:0; padding:12px 14px; margin:10px 0; border:1px solid #dde6ef; border-radius:8px; background:#fbfcfe; }
.asr-supplier-display .asr-supplier-display-sample > strong, .asr-supplier-display .asr-supplier-display-project-detail > strong { overflow-wrap:anywhere; }
.asr-supplier-display .asr-supplier-display-project-detail { background:#fff; }
.asr-supplier-display .asr-shared-role-files { padding-left:0; list-style:none; }
.asr-supplier-display .asr-shared-role-files li, .asr-supplier-display .asr-shared-role-files .el-button { min-width:0; max-width:100%; }
.asr-supplier-display .asr-shared-role-files .el-button > span { white-space:normal; overflow-wrap:anywhere; }
.asr-supplier-display .asr-supplier-order-pagination { flex-wrap:wrap; gap:8px; padding-top:12px; }
.asr-supplier-display-dialog { box-sizing:border-box; max-width:calc(100% - 24px); }
.asr-supplier-display-dialog .el-dialog__body { overflow-wrap:anywhere; }
@media(max-width:900px) {
  .asr-supplier-display .asr-supplier-profile { grid-template-columns:1fr; }
}
@media(max-width:720px) {
  .asr-supplier-display { padding:12px; }
  .asr-supplier-display .asr-shared-role-heading { flex-wrap:wrap; }
  .asr-supplier-display .asr-shared-role-heading h1 { font-size:21px; }
  .asr-supplier-display .asr-supplier-display-state { display:block; padding:10px 12px; }
  .asr-supplier-display .asr-supplier-display-state strong, .asr-supplier-display .asr-supplier-display-state span { display:block; }
  .asr-supplier-display .asr-shared-role-card { padding:12px; }
  .asr-supplier-display .asr-supplier-order-layout { grid-template-columns:minmax(0,1fr); }
  .asr-supplier-display .asr-supplier-order-categories { display:flex; flex-wrap:wrap; gap:6px; padding:0 0 10px; border:0; }
  .asr-supplier-display .asr-supplier-order-categories h2 { width:100%; margin:0 0 4px; }
  .asr-supplier-display .asr-supplier-order-categories button { width:auto; }
  .asr-supplier-display .asr-shared-role-toolbar .el-input, .asr-supplier-display .asr-shared-role-toolbar .el-select { width:100%; max-width:100%; }
  .asr-supplier-display .asr-supplier-order-filters label { width:100%; }
  .asr-supplier-display .asr-supplier-order-actions { flex-wrap:wrap; }
  .asr-supplier-display .asr-supplier-order-actions > span:first-child { width:100%; }
  /* Hide only Element UI's duplicated fixed-column layers; reveal their original cells. */
  .asr-supplier-display .asr-supplier-display-table > .el-table__fixed,
  .asr-supplier-display .asr-supplier-display-table > .el-table__fixed-right,
  .asr-supplier-display .asr-supplier-display-table > .el-table__fixed-right-patch { display:none; }
  .asr-supplier-display .asr-supplier-display-table .el-table__body td.is-hidden > .cell,
  .asr-supplier-display .asr-supplier-display-table .el-table__header th.is-hidden > .cell { visibility:visible; }
  .asr-supplier-display .el-pagination { max-width:100%; white-space:normal; display:flex; flex-wrap:wrap; align-items:center; gap:4px; padding:0; }
  .asr-supplier-display .asr-supplier-profile > div { grid-template-columns:96px minmax(0,1fr); }
  .asr-supplier-display .asr-supplier-display-sample, .asr-supplier-display .asr-supplier-display-project-detail { padding:10px; }
  .asr-supplier-display .asr-supplier-display-delegation ol,
  .asr-supplier-display .asr-supplier-display-delegation ul { padding-left:0; list-style:none; }
  .asr-supplier-display .asr-shared-role-facts { grid-template-columns:minmax(0,1fr); }
  .asr-supplier-display-dialog { width:calc(100% - 24px) !important; }
  .asr-supplier-display-dialog .el-dialog__body { padding:12px; }
}
@media print {
  .asr-supplier-display .asr-supplier-display-state { display:none; }
  .asr-supplier-display .asr-supplier-display-sample, .asr-supplier-display .asr-supplier-display-project-detail { background:#fff; break-inside:avoid; }
}