/* 선적현황 전용 규칙. 색·글꼴·버튼·알약·칩·탭·KPI·표 기본은 공용 ds.css (칸은 글자 높이에 맞춘다: 여백·줄간격 최소) */
pre{white-space:pre-wrap;margin:6px 0 0;font:inherit}
.mono{font-variant-numeric:tabular-nums}.chg{color:var(--ds-warn)}.copy{margin:6px 0}
.ds-table tr.row[aria-expanded=true] td{background:var(--ds-brand-bg)}
.ds-table tr.row.over td:first-child{box-shadow:inset 3px 0 var(--ds-warn)}
.ds-table tr.detail td{background:var(--ds-bg);padding:8px 12px}
.hist{width:auto;min-width:0}.hist th,.hist td{padding:3px 10px;font-size:var(--ds-fs-xs)}.hist-wrap{margin-top:4px}
.linked{margin:6px 0;padding:6px 10px;border:1px solid var(--ds-line);border-radius:8px;background:var(--ds-surface)}.linked ul{margin:3px 0;padding-left:18px}
.editform{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}.editform input[type=text]{flex:1 1 220px}
.list{display:grid;gap:6px}.item{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:var(--ds-r-md);padding:7px 12px}.item b{font-weight:600}.item ul{margin:4px 0 0;padding-left:18px}
.minilist{display:grid;gap:4px;margin:4px 0}.miniitem{padding:4px 8px;border:1px solid var(--ds-line);border-radius:6px;background:var(--ds-bg);overflow-wrap:anywhere}
.ds-card summary+pre{margin-top:4px}
/* long text stays on one line with an ellipsis (full text in the tooltip); rows keep their natural height, nothing is forced taller */
@media(min-width:761px){
  .ds-table td[data-col="ETA JKT"],.ds-table td[data-col="Berthing"],.ds-table td[data-col="입고예정"],.ds-table td[data-col="도착일"],.ds-table td[data-col="변경"],.ds-table td[data-col="경보"]{white-space:nowrap}
  .ds-table td[data-col="바이어"],.ds-table td[data-col="상태"],.ds-table td[data-col="사유"]{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ds-table td[data-col="선박/항공편 · BL"]{max-width:260px}
  .ds-table td[data-col="선박/항공편 · BL"]>b,.ds-table td[data-col="선박/항공편 · BL"] .ds-small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:760px){
  .ds-chips input[type=search]{order:-1;flex:0 0 190px}
  /* phone card = 3 short lines: [경보] 선박·BL ... / 공장·구분 ... / ETA · 입고예정 · 상태 · 오더 */
  .ds-table.cards td[data-col="경보"]{order:1}.ds-table.cards td[data-col="선박/항공편 · BL"]{order:2;flex:1 1 55%}
  .ds-table.cards td[data-col="공장"]{order:3}.ds-table.cards td[data-col="구분"]{order:4}.ds-table.cards td[data-col="ETA JKT"]{order:5}
  .ds-table.cards td[data-col="입고예정"]{order:6}.ds-table.cards td[data-col="상태"]{order:7}.ds-table.cards td[data-col="오더"]{order:8}.ds-table.cards td[data-col="도착일"]{order:0}
  .ds-table.cards td[data-col="경보"]::before,.ds-table.cards td[data-col="선박/항공편 · BL"]::before,.ds-table.cards td[data-col="공장"]::before,.ds-table.cards td[data-col="구분"]::before,.ds-table.cards td[data-col="도착일"]::before,.ds-table.cards td[data-col="오더"]::before{display:none}
  .ds-table.cards td[data-col="바이어"],.ds-table.cards td[data-col="Berthing"],.ds-table.cards td[data-col="변경"],.ds-table.cards td[data-col="확인"]:empty{display:none}
  .ds-table.cards tr.detail{display:block;padding:8px 10px}.ds-table.cards tr.detail td{display:block;padding:0}.ds-table.cards tr.detail td::before{display:none}
  .ds-table.cards tr.row.over{border-left:3px solid var(--ds-warn)}.ds-table.cards tr.row.over td:first-child{box-shadow:none}
  .editform{flex-direction:column;align-items:stretch}.editform input,.editform select,.editform .ds-btn{width:100%}.editform input[type=text]{flex:0 0 auto}
}

.listbar{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;margin:2px 0 4px}.listbar .copy{margin:0;min-height:28px;padding:2px 10px;font-size:var(--ds-fs-sm)}
.listbar details{flex:1 1 140px;padding-top:4px}.listbar summary{cursor:pointer;color:var(--ds-ink-2)}.listbar details p{margin:4px 0 0}

@media(max-width:340px){.ds-chips input[type=search]{flex:0 0 150px}.ds-page{padding-left:10px;padding-right:10px}}