/* 2026-11-03 품의서 창 머리 '대리 작성 · 이름'(.pa-proxy 주황 글자) — 057 되돌림 뒤 대리 작성 알리기 (DB 059) */
/* 2026-11-02 대리 작성 품의서 '담당자 승인 대기' 배지(.pa-st--appr 보라) · 수정 기록 '승인 요청' · '담당자 승인'(.pa-log-ev--appr_req · --approve) — DB 057 */
/* 2026-10-22 매입 VAT 포함일 때 1대 VAT 제외 단가 글자(.pa-exv 표·편집 · .pa-cx 휴대폰 카드) */
/* 2026-10-21 영업 상세 처리 상태 배지 자리(.pa-st-slot): [구매품의서] 옆, 배지 모양은 .pa-st 그대로 */
/* 2026-10-16 목록 '구매품의' 칸(.pal-pc, 칸 폭 nth-child 9·10, 휴대폰 영역 pc) / 처리 요청·처리 완료: 제목 옆 상태 배지(.pa-st), 처리 버튼(.pa-btn--proc·--ok·--txt), 메일 안내 줄(.pa-mailnote), 수정 기록 처리 표시(.pa-log-ev), 메일 복사 창(.pam-*) */
/* ===== approval.css — 구매품의서 창 (approval.js) ===== */
/* 2026-10-14 최초 작성. 같은 날 보기 전용(.pa-ro-mode), 인쇄 보기 창(.pap-*), 구매품의서 목록(.pal-*) 추가. 기준표(--ds-*)만 사용. 판매 = 하늘색, 매입 = 연한 주황. 입력칸은 흰 바탕 */

#modal-approval{z-index:1150;} /* 영업 패널(1101) 위, 견적서 미리보기(1200) 아래 */
.pa-modal{width:min(1440px,96vw);max-width:96vw;max-height:92vh;}
.pa-modal .modal-header{align-items:flex-start;padding:var(--ds-sp-4) var(--ds-sp-4) var(--ds-sp-3);}
.pa-head{flex:1;min-width:0;}
.pa-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-sp-1) var(--ds-sp-2);font-size:var(--ds-fs-lg);font-weight:700;color:var(--ds-brand);}
.pa-st{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--ds-radius-sm);font-size:var(--ds-fs-sm);font-weight:700;white-space:nowrap;}
.pa-st--none{background:var(--ds-gray-50);color:var(--ds-gray-600);font-weight:600;}
.pa-st--appr{background:#f5f3ff;color:#6d28d9;} /* 2026-11-02 담당자 승인 대기 */
.pa-st--req{background:#eff6ff;color:var(--ds-progress);} .pa-st--done{background:#ecfdf5;color:var(--ds-success);} .pa-st--mod{background:#fff7ed;color:var(--ds-warn);} .pa-st--err{background:#fef2f2;color:var(--ds-danger);}
.pa-st-who{font-size:var(--ds-fs-sm);font-weight:400;color:var(--ds-gray-600);}
.pa-proxy{font-size:var(--ds-fs-sm);font-weight:600;color:var(--ds-warn);} /* 2026-11-03 대리 작성 · 이름 */
.pa-sum{margin-top:var(--ds-sp-1);font-size:var(--ds-fs-sm);color:var(--ds-gray-600);}
.pa-qlink{color:var(--ds-primary);text-decoration:underline;text-underline-offset:3px;}
.pa-new{color:var(--ds-warn);}
.pa-ro-note{color:var(--ds-warn);font-weight:600;}
/* 보기 전용 (수주가 아님): 고치는 단추 숨김, 잠긴 칸도 읽기 쉽게 */
.pa-ro-mode .pa-addrow,.pa-ro-mode .pa-add-mob,.pa-ro-mode .pa-del,.pa-ro-mode .pa-cat-back{display:none;}
.pa-ro-mode .qi-order-btn{visibility:hidden;}
.pa-ro-mode .pa-cell:disabled,.pa-ro-mode .pa-sel:disabled,.pa-ro-mode .pa-in:disabled,.pa-ro-mode .pa-cell[readonly],.pa-ro-mode .pa-in[readonly]{border-color:transparent;background:transparent;color:var(--ds-gray-900);opacity:1;-webkit-appearance:none;appearance:none;resize:none;}
.pa-ro-mode .pa-sel.on:disabled{color:#92400e;}
.pa-ro-mode :disabled::placeholder,.pa-ro-mode [readonly]::placeholder{color:transparent;}
.pa-ro-mode .pa-cell[readonly]:hover{border-color:transparent;}
.pa-ro-mode .pa-csum{cursor:default;}
.pa-body{display:flex;flex-direction:column;gap:var(--ds-sp-6);padding:var(--ds-sp-4);}
.pa-body>*{flex-shrink:0;}
.pa-sec-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-sp-2);font-size:var(--ds-fs-base);font-weight:700;color:var(--ds-brand);}
.pa-hint{font-size:var(--ds-fs-sm);font-weight:400;color:var(--ds-gray-600);}
.pa-lbl{font-size:var(--ds-fs-sm);color:var(--ds-gray-600);margin-bottom:var(--ds-sp-1);}
.pa-in{width:100%;height:36px;padding:0 10px;border:var(--ds-line) solid #cbd5e1;border-radius:var(--ds-radius-md);font-size:var(--ds-fs-base);font-family:inherit;color:var(--ds-gray-900);background:#fff;box-sizing:border-box;}
textarea.pa-in{height:64px;padding:8px 10px;resize:vertical;}
.pa-ro{height:36px;display:flex;align-items:center;font-size:var(--ds-fs-base);font-weight:600;color:var(--ds-gray-900);}
.pa-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-sp-3);}

/* 품목 표 */
.pa-tbl-wrap{overflow-x:auto;border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-md);}
.pa-tbl{border-collapse:collapse;width:100%;min-width:1100px;font-size:var(--ds-fs-md);}
.pa-tbl th{padding:6px 4px;background:var(--ds-gray-50);border-bottom:var(--ds-line) solid var(--ds-gray-200);font-size:var(--ds-fs-sm);font-weight:600;color:var(--ds-gray-600);text-align:left;white-space:nowrap;}
.pa-tbl td{padding:2px 4px;border-bottom:var(--ds-line) solid var(--ds-gray-200);vertical-align:middle;}
.pa-tbl .r{text-align:right;}
.pa-tbl .bl{border-left:2px solid var(--ds-gray-200);}
.pa-tbl th.grp{text-align:center;font-size:var(--ds-fs-md);font-weight:700;}
.pa-tbl th.grp-sale{background:var(--ds-band);color:var(--ds-brand);}
.pa-tbl th.grp-buy{background:#fde7c8;color:#92400e;}
.pa-tbl .cs{background:#eef5fc;} .pa-tbl .cb{background:#fff3e2;}
.pa-tbl th.cs,.pa-tbl tfoot td.cs{background:#dceaf7;} .pa-tbl th.cb,.pa-tbl tfoot td.cb{background:#fde9cc;}
.pa-tbl tfoot td{padding:10px 4px;background:var(--ds-gray-50);font-weight:700;border-bottom:none;}
.pa-tbl .pa-c-cat{width:112px;min-width:112px;}
.pa-tbl .pa-c-name{width:240px;min-width:240px;max-width:240px;} /* 폭 고정, 긴 이름은 잘림 → 마우스 올리면 전체 */
.pa-tbl .pa-c-name .pa-cell{text-overflow:ellipsis;}
.pa-cell{width:100%;height:32px;padding:0 6px;border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-sm);background:#fff;font-size:var(--ds-fs-md);font-family:inherit;color:var(--ds-gray-900);box-sizing:border-box;}
.pa-cell:hover{border-color:#cbd5e1;}
.pa-cell:focus{outline:none;border-color:var(--ds-primary);}
.pa-cell.num{text-align:right;}
.pa-cell.z{color:var(--ds-gray-400);}
.pa-tbl .pa-qty{width:44px;}
/* 수량·마진은 내용만큼, 매입처·결재는 좁게 고정, 남는 폭은 단가·합계 칸이 나눠 가짐 */
.pa-tbl .pa-c-num{width:1%;white-space:nowrap;}
.pa-tbl .pa-c-sup{width:104px;min-width:104px;} .pa-tbl .pa-c-pay{width:80px;min-width:80px;}
.pa-tbl .pa-c-price{width:16%;} .pa-tbl .pa-c-price .pa-price{flex:1;min-width:96px;width:0;}
.pa-tbl .pa-c-sum{width:9%;min-width:96px;white-space:nowrap;}
.pa-pv{display:flex;align-items:center;gap:var(--ds-sp-1);}
/* 2026-10-22 매입 VAT 포함일 때 1대 VAT 제외 단가 (단가 칸 아래 작은 글자, 비면 안 보임) */
.pa-exv{margin-top:2px;font-size:var(--ds-fs-xs);color:#92400e;text-align:right;white-space:nowrap;}
.pa-exv:empty{display:none;}
.pa-cx{margin:2px 0 0 38px;font-size:var(--ds-fs-xs);color:#92400e;}
.pa-sel{height:32px;padding:0 2px;border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-sm);background:#fff;font-size:var(--ds-fs-sm);font-family:inherit;color:var(--ds-gray-600);}
.pa-sel.on{color:#92400e;font-weight:700;border-color:#f5c98a;}
.cs .pa-sel.on{color:var(--ds-brand);border-color:#9ec5e8;}
.pa-cat-free{display:flex;gap:2px;}
.pa-cat-back{flex-shrink:0;width:24px;border:none;background:none;color:var(--ds-gray-400);font-size:var(--ds-fs-md);cursor:pointer;}
.pa-sum-v{font-weight:600;white-space:nowrap;}
.pa-sum-v.z{color:var(--ds-gray-400);font-weight:400;}
.pa-margin{font-weight:700;color:var(--ds-success);white-space:nowrap;}
.pa-margin.neg{color:var(--ds-danger);}
.pa-del{width:28px;height:28px;border:none;background:none;font-size:var(--ds-fs-lg);color:var(--ds-gray-400);cursor:pointer;}
.pa-tbl td.pa-c-act{width:1%;white-space:nowrap;}
.pa-tbl .pa-c-no{width:36px;min-width:36px;text-align:center;} /* ▲ 번호 ▼ — 모양은 core.css .qi-order-* (견적 작성과 같음) */
.pa-tbl td.pa-c-no{padding:2px;}
.pa-no{flex-shrink:0;margin-top:2px;min-width:18px;font-size:var(--ds-fs-sm);font-weight:700;color:var(--ds-gray-400);}
.pa-ed-act span{display:flex;gap:var(--ds-sp-3);}
.pa-link.pa-link--mv{font-weight:400;color:var(--ds-gray-600);}
.pa-tbl tr.pa-addrow td{padding:6px 8px;background:#fff;}
.pa-link{background:none;border:none;padding:4px 0;font-size:var(--ds-fs-md);font-weight:600;font-family:inherit;color:var(--ds-primary);cursor:pointer;}
.pa-link--del{color:var(--ds-danger);font-weight:400;}

/* 합계 상자 */
.pa-totals{display:flex;justify-content:flex-end;border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-md);overflow:hidden;}
.pa-tot{flex:0 0 200px;padding:10px var(--ds-sp-4);text-align:right;}
.pa-tot+.pa-tot{border-left:var(--ds-line) solid var(--ds-gray-200);}
.pa-tot .k{font-size:var(--ds-fs-sm);color:var(--ds-gray-600);}
.pa-tot .v{margin-top:2px;font-size:var(--ds-fs-lg);font-weight:700;color:var(--ds-gray-900);}
.pa-tot--m{background:#ecfdf5;} .pa-tot--m .v{color:var(--ds-success);}
.pa-tot--m.neg{background:#fef2f2;} .pa-tot--m.neg .v{color:var(--ds-danger);}
.pa-tot .rate{margin-left:var(--ds-sp-1);font-size:var(--ds-fs-sm);font-weight:400;color:var(--ds-gray-600);}
.pa-notes{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--ds-sp-3);}

/* 품의서 수정 기록 */
.pa-log-toggle{display:flex;align-items:center;gap:var(--ds-sp-2);width:100%;padding:0;border:none;background:none;font-family:inherit;cursor:pointer;text-align:left;}
.pa-log-toggle .pa-sec-title{margin:0;}
.pa-chev{margin-left:auto;color:var(--ds-primary);font-size:var(--ds-fs-lg);line-height:1;transition:transform .15s;}
.pa-chev.open{transform:rotate(180deg);}
.pa-log{margin-top:var(--ds-sp-2);border-top:var(--ds-line) solid var(--ds-gray-200);}
.pa-log-row{padding:var(--ds-sp-2) 0;border-bottom:var(--ds-line) solid var(--ds-gray-200);font-size:var(--ds-fs-md);line-height:1.5;}
.pa-log-row .when{margin-right:var(--ds-sp-2);font-size:var(--ds-fs-sm);color:var(--ds-gray-400);}
.pa-log-row .who{margin-right:var(--ds-sp-2);font-weight:600;}
.pa-log-row .chg{color:var(--ds-gray-600);word-break:keep-all;overflow-wrap:anywhere;}
.pa-log-row s{color:var(--ds-gray-400);}
.pa-log-ev{font-weight:700;color:var(--ds-progress);} .pa-log-ev--done{color:var(--ds-success);} .pa-log-ev--undo{color:var(--ds-gray-600);}
.pa-log-ev--appr_req,.pa-log-ev--approve{color:#6d28d9;} /* 2026-11-02 승인 기록 */

/* 아래 버튼 */
.pa-foot{display:flex;align-items:center;gap:var(--ds-sp-2);padding:var(--ds-sp-3) var(--ds-sp-4);border-top:var(--ds-line) solid var(--ds-gray-200);background:#fff;flex-shrink:0;}
.pa-btn{height:36px;padding:0 var(--ds-sp-4);border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-md);background:#fff;font-size:var(--ds-fs-base);font-family:inherit;color:var(--ds-gray-900);cursor:pointer;}
.pa-btn--xl{margin-right:auto;}
.pa-btn--main{background:var(--ds-primary);border-color:var(--ds-primary);color:#fff;font-weight:600;}
.pa-btn--main:disabled,.pa-btn:disabled{opacity:.45;cursor:not-allowed;}
.pa-btn--proc{border-color:var(--ds-primary);color:var(--ds-primary);font-weight:600;}
.pa-btn--ok{border-color:var(--ds-success);color:var(--ds-success);font-weight:600;}
.pa-btn--txt{border-color:transparent;background:transparent;color:var(--ds-gray-600);padding:0 var(--ds-sp-2);}
.pa-foot{flex-wrap:wrap;}
.pa-foot-sep{width:1px;height:20px;margin:0 var(--ds-sp-1);background:var(--ds-gray-200);}
.pa-mailnote{flex:1 1 100%;display:flex;align-items:center;flex-wrap:wrap;gap:0 var(--ds-sp-1);padding:6px 10px;border-radius:var(--ds-radius-md);background:var(--ds-gray-50);font-size:var(--ds-fs-md);color:var(--ds-gray-600);}
.pa-mailnote .pa-link{padding:0;}
.pa-mailnote-x{margin-left:auto;border:none;background:none;font-size:var(--ds-fs-md);color:var(--ds-gray-400);cursor:pointer;}
/* 메일 복사 창 (#modal-pa-mail, approval.js 가 처음 쓸 때 만듦) */
#modal-pa-mail{z-index:1160;}
.pam-modal{width:min(560px,96vw);max-width:96vw;}
.pam-body{display:flex;flex-direction:column;gap:var(--ds-sp-4);padding:var(--ds-sp-4);overflow-y:auto;}
.pam-row-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-sp-1);}
.pam-lbl{font-size:var(--ds-fs-sm);color:var(--ds-gray-600);}
.pam-copy{height:28px;padding:0 10px;border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-sm);background:#fff;font-size:var(--ds-fs-sm);font-family:inherit;color:var(--ds-primary);cursor:pointer;}
.pam-val{padding:8px 10px;border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-md);background:var(--ds-gray-50);font-size:var(--ds-fs-base);color:var(--ds-gray-900);word-break:break-all;}
.pam-pre{white-space:pre-wrap;line-height:1.6;}
.pam-foot{display:flex;justify-content:flex-end;padding:var(--ds-sp-3) var(--ds-sp-4);border-top:var(--ds-line) solid var(--ds-gray-200);}
.sp-edit-btn.pa-open-btn{margin-left:var(--ds-sp-2);}
.pa-st-slot:not(:empty){margin:0 var(--ds-sp-2);vertical-align:middle;}

/* 휴대폰 카드 (표 대신 그려짐) */
.pa-cards{display:flex;flex-direction:column;gap:var(--ds-sp-2);}
.pa-card{padding:10px var(--ds-sp-3);border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-md);}
.pa-card.open{border-color:var(--ds-primary);background:var(--ds-gray-50);}
.pa-csum{cursor:pointer;}
.pa-c1{display:flex;align-items:flex-start;gap:6px;}
.pa-cat{flex-shrink:0;margin-top:2px;padding:1px 6px;border-radius:var(--ds-radius-sm);background:#f1f5f9;font-size:var(--ds-fs-xs);color:var(--ds-gray-600);}
.pa-cname{flex:1;min-width:0;font-size:var(--ds-fs-base);font-weight:600;word-break:break-all;}
.pa-nil{color:var(--ds-gray-400);font-weight:400;}
.pa-cl{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:6px;align-items:center;margin-top:6px;font-size:var(--ds-fs-md);}
.pa-cl .k{padding:1px 0;border-radius:var(--ds-radius-sm);font-size:var(--ds-fs-xs);font-weight:700;text-align:center;}
.pa-cl .k.s,.pa-edh.s{background:var(--ds-band);color:var(--ds-brand);}
.pa-cl .k.b,.pa-edh.b{background:#fde7c8;color:#92400e;}
.pa-cl .calc{color:var(--ds-gray-600);}
.pa-tagv{margin-left:var(--ds-sp-1);padding:0 4px;border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-sm);font-size:var(--ds-fs-xs);color:var(--ds-gray-600);}
.pa-tagv.on{border-color:#f5c98a;color:#92400e;font-weight:700;}
.pa-cmeta{margin-top:6px;font-size:var(--ds-fs-sm);color:var(--ds-gray-600);}
.pa-cm{display:flex;justify-content:space-between;margin-top:6px;padding-top:6px;border-top:1px dashed var(--ds-gray-200);font-size:var(--ds-fs-sm);color:var(--ds-gray-600);}
.pa-ed{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-sp-2);margin-top:var(--ds-sp-2);}
.pa-ed .full,.pa-ed .pa-edh{grid-column:1/-1;}
.pa-ed .pa-cell{height:36px;font-size:var(--ds-fs-base);}
.pa-ed .pa-sel{height:36px;}
.pa-edh{margin-top:var(--ds-sp-1);padding:2px var(--ds-sp-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-fs-sm);font-weight:700;}
.pa-ed-act{display:flex;justify-content:space-between;}
.pa-add-mob{margin-top:var(--ds-sp-2);}

@media (max-width:600px){
  .modal-overlay.open:has(> .pa-modal){align-items:flex-end !important;padding:0 !important;}
  .pa-modal{width:100vw;max-width:100vw;max-height:92dvh;border-radius:16px 16px 0 0;}
  .pa-body{padding:var(--ds-sp-3) var(--ds-sp-4);}
  .pa-info{grid-template-columns:1fr 1fr;}
  .pa-totals{flex-direction:column;}
  .pa-tot{flex:none;display:flex;justify-content:space-between;align-items:baseline;padding:var(--ds-sp-2) var(--ds-sp-3);}
  .pa-tot+.pa-tot{border-left:none;border-top:var(--ds-line) solid var(--ds-gray-200);}
  .pa-notes{grid-template-columns:1fr;}
  .pa-foot .pa-btn{flex:1;white-space:nowrap;}
  .pa-foot .pa-btn--xl{flex:0 0 auto;margin-right:0;padding:0 var(--ds-sp-3);}
  .pa-foot .pa-btn--proc,.pa-foot .pa-btn--ok,.pa-foot .pa-btn--mail{flex:1 1 100%;order:-1;} /* 처리 버튼은 한 줄 전체로 위에 */
  .pa-foot .pa-mailnote{order:-2;}
  .pa-foot .pa-btn--txt{flex:0 0 auto;}
  .pa-foot-sep{display:none;}
  .modal-overlay.open:has(> .pam-modal){align-items:flex-end !important;padding:0 !important;}
  .pam-modal{width:100vw;max-width:100vw;border-radius:16px 16px 0 0;}
  .pam-foot .pa-btn{flex:1;}
}

/* ── 인쇄 보기 창 (#modal-approval-print) — 견적서 미리보기(1200) 아래, 품의서 창(1150) 위 ── */
#modal-approval-print{z-index:1160;}
.pap-modal{width:min(1220px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;}
.pap-modal .modal-header{padding:var(--ds-sp-3) var(--ds-sp-4);gap:var(--ds-sp-2);}
.pap-modal .modal-header h2{margin:0;margin-right:auto;font-size:var(--ds-fs-lg);font-weight:700;color:var(--ds-brand);}
.pap-btns{display:flex;align-items:center;gap:var(--ds-sp-2);}
.pap-body{flex:1;min-height:0;background:#525659;}
#pap-frame{display:block;width:100%;height:100%;border:none;}

/* ── 구매품의서 목록 (영업 현황 > 구매품의서) — approval-list.js. _palRowHtml 칸 순서를 바꾸면 여기도 ── */
.pal-list{flex:1;min-height:0;overflow:auto;padding:var(--ds-sp-2) var(--ds-sp-3);}
.pal-table{table-layout:fixed;}
.pal-table th:nth-child(1){width:7%;} .pal-table th:nth-child(3){width:11%;}
.pal-table th:nth-child(4),.pal-table th:nth-child(5),.pal-table th:nth-child(6){width:11%;text-align:right;}
.pal-table th:nth-child(7){width:7%;text-align:right;} .pal-table th:nth-child(8){width:8%;} .pal-table th:nth-child(9){width:10%;} .pal-table th:nth-child(10){width:112px;}
.pal-table td.pal-act{overflow:visible;text-align:right;}
.pal-table tbody tr{cursor:pointer;}
.pal-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pal-dt{color:var(--ds-gray-600);}
.pal-co-n{font-weight:700;color:var(--ds-brand);overflow:hidden;text-overflow:ellipsis;}
.pal-qnum{padding:0;border:none;background:none;font:inherit;font-size:var(--ds-fs-sm);color:var(--ds-primary);text-decoration:underline;text-underline-offset:2px;cursor:pointer;}
.pal-n{text-align:right;}
.pal-m.pos{color:var(--ds-success);font-weight:700;} .pal-m.neg{color:var(--ds-danger);font-weight:700;}
.pal-muted{color:var(--ds-gray-400);}
.pal-pr{height:30px;padding:0 var(--ds-sp-2);border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-md);background:#fff;font-size:var(--ds-fs-md);font-family:inherit;color:var(--ds-gray-900);cursor:pointer;white-space:nowrap;}
@media (hover:hover){.pal-pr:hover{border-color:var(--ds-primary);color:var(--ds-primary);}}
.pal-table tr.pal-dim td{color:var(--ds-gray-400);} .pal-table tr.pal-dim .pal-co-n{color:var(--ds-gray-600);}
.pal-table tfoot td{background:var(--ds-gray-50);font-weight:700;border-top:var(--ds-line) solid var(--ds-gray-200);}

/* 품의서 목록: 휴대폰 — 같은 표를 카드로 (1줄 업체명·상태 / 2줄 번호 / 3줄 담당자·작성일·인쇄 / 4줄 매출·매입·마진) */
@media screen and (max-width:600px){
  .pal-list{padding:var(--ds-sp-3);}
  .pal-table,.pal-table tbody,.pal-table tfoot{display:block;}
  .pal-table thead{display:none;}
  .pal-table tr{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"co co st" "co co pc" "own dt act" "s b m";
    gap:4px var(--ds-sp-2);margin-bottom:10px;padding:14px 16px;background:#fff;border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-lg);}
  .pal-table td{display:block;padding:0;border:none;background:none;font-size:var(--ds-fs-md);white-space:normal;}
  .pal-table td[colspan]{grid-column:1 / -1;text-align:center;}
  .pal-co{grid-area:co;} .pal-co-n{font-size:var(--ds-fs-lg);white-space:normal;}
  .pal-st{grid-area:st;justify-self:end;}
  .pal-pc{grid-area:pc;justify-self:end;} .pal-pc-none{display:none;} /* 휴대폰은 요청 전 글자 숨김 */
  .pal-own{grid-area:own;color:var(--ds-gray-600);} .pal-dt{grid-area:dt;}
  .pal-act{grid-area:act;justify-self:end;}
  .pal-r{display:none !important;}
  .pal-table td.pal-n{margin-top:6px;padding-top:6px;border-top:var(--ds-line) solid #f1f5f9;}
  .pal-s{grid-area:s;} .pal-b{grid-area:b;} .pal-m{grid-area:m;}
  .pal-table td.pal-n::before{content:attr(data-k);display:block;font-size:var(--ds-fs-xs);font-weight:400;color:var(--ds-gray-400);}
  .pal-table tr.pal-sum{grid-template-areas:"k k k" "s b m";background:var(--ds-gray-50);}
  .pal-table tr.pal-sum td.pal-sum-k{grid-area:k;grid-column:auto;text-align:left;}
  .pal-table tr.pal-sum td:last-child{display:none;}
  .pal-table tfoot td{border-top:none;}
  #panel-approvals .lt-filters{min-width:0;flex-wrap:wrap;} /* 2026-10-16 드롭다운 4개 → 두 줄 (2개 / 2개 + ⋯) */
  #panel-approvals .lt-filters select{flex:1 1 40%;min-width:0;padding-left:8px;padding-right:2px;font-size:var(--ds-fs-md);}
  #panel-approvals .lt-filters .lt-more{flex-shrink:0;}
  .modal-overlay.open:has(> .pap-modal){align-items:stretch !important;padding:0 !important;}
  .modal-box.pap-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh !important;border-radius:0 !important;} /* 옛 모바일 .modal-box(92dvh !important) 위로 */
  .pap-modal .modal-header{padding:var(--ds-sp-2) var(--ds-sp-3);}
  .pap-modal .modal-header h2{font-size:var(--ds-fs-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
  .pap-btns .pa-btn{padding:0 var(--ds-sp-3);white-space:nowrap;}
}