/* 2026-10-22 (2) 휴대폰: ⋯(새로고침) 버튼을 오른쪽 끝으로 — 거르기 칸이 없어 왼쪽에 놓이면 메뉴가 화면 왼쪽 밖으로 열렸음 */
/* 2026-10-22 목록만: 5칸(마지막 = 버튼 두 개 .pord-act-td), 줄 누름 없음, 휴대폰 카드 "won act" */
/* 2026-10-20 칸 폭: 고객사 260px 고정, 남는 폭은 '다음 할 일' */
/* 2026-10-20 수주 관리 > 구매 수주 (purchase-orders.js .pord-*) — 새 파일. 기준표 --ds-* 만 사용
   단계 막대·점·다음 할 일·창 모양은 렌탈 수주(rental-assets.css .rag-*)를 같이 씀 */

#panel-porders{flex-direction:column;}
.pord-table th:nth-child(1){width:150px;} .pord-table th:nth-child(2){width:260px;} .pord-table th:nth-child(3){width:100px;} .pord-table th:nth-child(4){width:120px;}
.pord-table th:nth-child(5){width:230px;} .pord-table th:nth-child(6){width:auto;min-width:220px;}   /* 2026-10-22 5번째 = 버튼 칸 */
.pord-table th:nth-child(2){width:auto;}   /* 2026-10-22 남는 폭은 고객사로 */
.pord-table td{vertical-align:middle;}
.pord-table td{white-space:nowrap;}
.pord-table td.pord-todo-td{white-space:normal;}
.pord-table tbody tr{cursor:default;}   /* 2026-10-22 줄 누름 없음 */
.pord-table td.pord-act-td{text-align:right;}
.pord-table td.pord-act-td .ras-line-btn + .ras-line-btn{margin-left:var(--ds-sp-1);}
@media (hover:hover){ .pord-table tbody tr:hover td{background:var(--ds-gray-50);} }
.pord-no-td b{color:var(--ds-brand);}
.pord-pg{font-size:var(--ds-fs-md);font-weight:700;vertical-align:middle;}
.pord-pg--1,.pord-pg--2,.pord-pg--3,.pord-pg--4{color:#c2410c;} .pord-pg--5{color:var(--ds-success);}

.pord-modal{width:min(680px,96vw);}
.pord-it-wrap{overflow-x:auto;margin-top:var(--ds-sp-2);}
.pord-it{width:100%;border-collapse:collapse;font-size:var(--ds-fs-md);}
.pord-it th{padding:6px var(--ds-sp-2);background:var(--ds-gray-50);font-size:var(--ds-fs-sm);font-weight:600;color:var(--ds-gray-600);text-align:left;border-bottom:var(--ds-line) solid var(--ds-gray-200);white-space:nowrap;}
.pord-it td{padding:6px var(--ds-sp-2);border-bottom:var(--ds-line) solid #f1f5f9;vertical-align:top;}
.pord-it th.ras-num,.pord-it td.ras-num{width:64px;}
.pord-it-nm b{display:block;font-weight:700;color:var(--ds-gray-900);word-break:keep-all;}
.pord-it-nm small{display:block;margin-top:2px;font-size:var(--ds-fs-sm);color:#475569;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

@media (max-width:600px){
  .pord-table,.pord-table tbody{display:block;}
  .pord-table thead{display:none;}
  .pord-table tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:"no amt" "co co" "won act";gap:2px var(--ds-sp-2);
    padding:var(--ds-sp-3);margin-bottom:var(--ds-sp-2);border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-lg);background:#fff;}
  .pord-table td{display:block;padding:0;border:none;background:none;overflow:visible;font-size:var(--ds-fs-md);}
  .pord-table td[colspan]{grid-column:1 / -1;text-align:center;white-space:normal;}
  .pord-table td.pord-no-td{grid-area:no;font-size:var(--ds-fs-lg);} .pord-table td.pord-no-td b{font-size:var(--ds-fs-lg);}
  .pord-table td.pord-amt-td{grid-area:amt;align-self:center;font-weight:700;}
  .pord-table td.pord-co-td{grid-area:co;white-space:normal;}
  .pord-table td.pord-won-td{grid-area:won;font-size:var(--ds-fs-sm);color:var(--ds-gray-600);} .pord-won-td::before{content:"수주 ";}
  .pord-table td.pord-pg-td{grid-area:pg;margin-top:var(--ds-sp-1);}
  .pord-table td.pord-todo-td{grid-area:td;justify-self:end;align-self:end;text-align:right;}
  .pord-table td.pord-won-td{align-self:end;}   /* 2026-10-22 */
  .pord-table td.pord-act-td{grid-area:act;justify-self:end;margin-top:var(--ds-sp-1);}
  #panel-porders .lt-filters{justify-content:flex-end;}   /* 2026-10-22 (2) ⋯ 를 오른쪽 끝으로 (메뉴가 화면 왼쪽 밖으로 열리던 것) */
}