/* 동쪽구름 ERP — content.css (원본 동쪽구름_ERP.html에서 분할, 순서보존) */
/* table */
.tablewrap{flex:1;overflow:auto;padding:0 0 40px}
table.list{width:100%;border-collapse:collapse;background:#fff}
.list th,.list td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.list thead th{position:sticky;top:0;background:#fbfcfe;color:var(--mut);font-weight:600;font-size:12px;z-index:5}
.list th.num,.list td.num{text-align:right;font-variant-numeric:tabular-nums}
.list th.sortable{cursor:pointer}
.list th.sortable:hover{color:var(--blue)}
.list th.sortasc::after{content:" ↑";color:var(--blue)}
.list th.sortdesc::after{content:" ↓";color:var(--blue)}
.c-chk{width:34px}.c-act{width:150px;white-space:nowrap}
.list tbody tr{cursor:pointer}
.list tbody tr:hover{background:#f7f9fd}
.list tbody tr.sel{background:#1d4ed80a}
.qno{font-weight:600;color:var(--blue);font-variant-numeric:tabular-nums}
.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}
.b-wait{background:var(--wait-bg);color:#5b6472}
.b-sent{background:#e8eefc;color:var(--blue)}
.b-conv{background:var(--ok-bg);color:var(--ok)}
.b-done{background:var(--ok-bg);color:var(--ok)}
.b-ing{background:var(--warn-bg);color:var(--warn)}
.b-fail{background:var(--danger-bg);color:var(--danger)}
.b-none{background:var(--wait-bg);color:var(--mut2)}
.rowsend{border:1px solid var(--line);background:#fff;border-radius:6px;padding:4px 9px;font-size:11.5px;cursor:pointer;color:var(--blue);font-weight:600}
.rowsend:hover{background:#1d4ed80a}
.list tfoot td{padding:10px;background:#fbfcfe;font-weight:700;border-top:2px solid var(--line);position:sticky;bottom:0}
.empty{padding:40px;text-align:center;color:var(--mut2)}