/* 2026-10-21 (3) 링크 서명 상태: 배지 '링크 보냄'(.dbx-st--sent) · '고객 열어 봄'(.dbx-st--open), 배지 아래 작은 글자(.dbx-st-sub, 무효 이유는 주황 --warn), 서명자 아래 '링크 서명'(.dbx-who-sub, 휴대폰은 한 줄) */
/* 2026-10-21 (2) 서명자 · 상태 두 칸(8칸): .dbx-who-td 서명자 이름 · 계약번호 · 견적번호 한 줄(.dbx-sub), 휴대폰 카드에 서명자 줄 */
/* 2026-10-20 종류별로 따로: 종류 칸 없앰(7칸), 휴대폰 카드 배치 맞춤 */
/* 2026-10-20 수주 관리 > 서류함 (docbox.js .dbx-*) — 새 파일. 기준표 --ds-* 만 사용, 목록 모양은 rental-assets.css(.ras-*)와 같이 씀 */

#panel-docs{flex-direction:column;}
.dbx-kinds{display:flex;gap:var(--ds-sp-2);flex-wrap:wrap;padding:var(--ds-sp-2) var(--ds-sp-3) 0;}
.dbx-kind{height:32px;padding:0 var(--ds-sp-3);border:var(--ds-line) solid var(--ds-gray-200);border-radius:var(--ds-radius-pill);background:#fff;color:var(--ds-gray-600);font-size:var(--ds-fs-md);font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;}
.dbx-kind b{margin-left:2px;color:var(--ds-gray-900);}
.dbx-kind.active{background:var(--ds-brand);border-color:var(--ds-brand);color:#fff;}
.dbx-kind.active b{color:#fff;}
@media (hover:hover){ .dbx-kind:not(.active):hover{border-color:var(--ds-primary);color:var(--ds-primary);} }

.dbx-table th:nth-child(1){width:100px;} .dbx-table th:nth-child(2){width:200px;} .dbx-table th:nth-child(3){width:230px;}
.dbx-table th:nth-child(4){width:auto;} .dbx-table th:nth-child(5){width:140px;}
.dbx-table th:nth-child(6){width:100px;} .dbx-table th:nth-child(7){width:96px;} .dbx-table th:nth-child(8){width:70px;}
/* 2026-10-21 (2) 계약번호 · 견적번호 한 줄, 서명자 이름 */
.dbx-table td.dbx-no-td{white-space:nowrap;}
.dbx-sub{font-size:var(--ds-fs-sm);color:var(--ds-gray-600);}
.dbx-table td.dbx-who-td{white-space:nowrap;color:var(--ds-gray-900);}
.dbx-table tbody tr{cursor:pointer;}
@media (hover:hover){ .dbx-table tbody tr:hover td{background:var(--ds-gray-50);} }
.dbx-table td{vertical-align:top;}
.dbx-table td small{display:block;margin-top:2px;font-size:var(--ds-fs-sm);color:var(--ds-gray-600);}
.dbx-table td.dbx-amt-td small{display:inline;margin:0;}
.dbx-co-td b{color:var(--ds-gray-900);}
.dbx-what-td{color:#334155;word-break:keep-all;overflow-wrap:anywhere;}
.dbx-kd{display:inline-block;padding:1px 6px;border-radius:var(--ds-radius-sm);font-size:var(--ds-fs-sm);font-weight:700;white-space:nowrap;}
.dbx-kd--ct{background:#ede9fe;color:#6d28d9;}
.dbx-kd--rc{background:var(--ds-primary-soft);color:var(--ds-brand);}
.dbx-kd--pa{background:#ecfdf5;color:#047857;}
.dbx-st{display:inline-block;padding:2px var(--ds-sp-2);border-radius:var(--ds-radius-pill);font-size:var(--ds-fs-sm);font-weight:700;white-space:nowrap;}
.dbx-st--ok{background:#ecfdf5;color:var(--ds-success);}
.dbx-st--wait{background:#fff7ed;color:#c2410c;}
.dbx-st--none{background:#f1f5f9;color:var(--ds-gray-600);}
/* 2026-10-21 (3) 링크 서명 상태 */
.dbx-st--sent{background:var(--ds-primary-soft);color:var(--ds-brand);}
.dbx-st--open{background:#ede9fe;color:#6d28d9;}
.dbx-table td .dbx-st-sub{display:block;margin-top:3px;font-size:var(--ds-fs-sm);color:var(--ds-gray-600);white-space:nowrap;}
.dbx-table td .dbx-st-sub--warn{color:#c2410c;}
.dbx-act-td{text-align:right;}
.dbx-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;}
@media (hover:hover){ .dbx-pr:hover{border-color:var(--ds-primary);color:var(--ds-primary);} }

@media (max-width:600px){
  .dbx-kinds{padding:var(--ds-sp-2) var(--ds-sp-3) 0;}
  .dbx-table,.dbx-table tbody{display:block;}
  .dbx-table thead{display:none;}
  .dbx-table tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:"co st" "no day" "what what" "who who" "amt 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;}
  .dbx-table td{display:block;padding:0;border:none;background:none;overflow:visible;font-size:var(--ds-fs-md);}
  .dbx-table td[colspan]{grid-column:1 / -1;text-align:center;}
  .dbx-st-td{grid-area:st;justify-self:end;text-align:right;}
  .dbx-co-td{grid-area:co;} .dbx-co-td b{font-size:var(--ds-fs-lg);}
  .dbx-no-td{grid-area:no;font-size:var(--ds-fs-sm) !important;color:var(--ds-gray-600);}
  .dbx-day-td{grid-area:day;justify-self:end;font-size:var(--ds-fs-sm) !important;color:var(--ds-gray-600);}
  .dbx-what-td{grid-area:what;}
  .dbx-table td.dbx-no-td{white-space:normal;}
  .dbx-table td.dbx-who-td{grid-area:who;font-size:var(--ds-fs-sm);color:var(--ds-gray-600);}
  .dbx-who-td::before{content:'서명자 ';}
  .dbx-table td.dbx-who-td--none{display:none;}
  .dbx-table td .dbx-st-sub{text-align:right;}   /* 2026-10-21 (3) */
  .dbx-table td.dbx-who-td small.dbx-who-sub{display:inline;margin:0;}
  .dbx-who-sub::before{content:' · ';}
  .dbx-amt-td{grid-area:amt;text-align:left !important;align-self:center;font-weight:700;}
  .dbx-act-td{grid-area:act;justify-self:end;}
}