/* R357 — 물량 신청·취합(orderreq): ① 위 조회기간 줄의 '년·월'은 이 화면에 월로 걸러 보는 칸이 없어 아무 일도 안 하는데 첫 화면 자리를 차지함 → 위 줄 숨김 ② 재고 현황에서 같은 유종 탱크가 이름 없이 여러 줄이라 구분이 안 되던 것 → 탱크 이름 표시 */
html.vn #globalPeriodBar:has(#globalPeriodMonth[data-menu="orderreq"]){display:none!important}
[data-view="orderreq"] .ceo-order-stock-fuel .ceo-order-tank{font-style:normal;font-weight:700;color:#33475f;font-size:.86em;margin-right:6px;white-space:nowrap}
[data-view="orderreq"] .ceo-order-stock-fuel .ceo-order-name{display:inline-flex;align-items:center;gap:6px;min-width:0}
/* R357 — 폰에서 위쪽 요약 4칸(주유소·주문 필요·탱크 미측정·유외상품 주의)이 한 줄에 하나씩 쌓여 재고 현황이 한 화면 아래로 밀리던 것 → 2칸씩 */
@media(max-width:720px){
  [data-view="orderreq"] .ceo-order-stock-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
/* R357 — 폰 신청 목록 표: 희망 입고일·'취소' 단추가 화면 밖으로 밀려 옆으로 밀어야 보이던 것 → 폰에서는 탱크로리·신청 시각 칸을 숨겨(취소·희망 입고일은 보이게), 글자는 한 줄 */
@media(max-width:720px){
  [data-view="orderreq"] #orqList .orq-sheet{min-width:0;width:100%}
  [data-view="orderreq"] #orqList .orq-sheet th:nth-child(5),[data-view="orderreq"] #orqList .orq-sheet td:nth-child(5),[data-view="orderreq"] #orqList .orq-sheet th:nth-child(7),[data-view="orderreq"] #orqList .orq-sheet td:nth-child(7){display:none!important}
  [data-view="orderreq"] #orqList .orq-sheet th,[data-view="orderreq"] #orqList .orq-sheet td{white-space:nowrap;padding-left:5px;padding-right:5px}
  [data-view="orderreq"] #orqList .orq-sheet td.orq-act{width:64px}
  [data-view="orderreq"] #orqList .orq-sheet td.orq-act button{min-height:44px;height:44px;width:100%}
  [data-view="orderreq"] #orqList .orq-sheet tbody td{height:44px}
}
@media(max-width:720px){
  [data-view="orderreq"] #orqList tr.v55-orq-line>td:nth-child(5),[data-view="orderreq"] #orqList tr.v55-orq-line>td:nth-child(7){display:none!important}
}
@media(max-width:720px){
  [data-view="orderreq"] #orqList .orq-sheet th,[data-view="orderreq"] #orqList .orq-sheet td{padding-left:3px;padding-right:3px;font-size:.8rem}
  [data-view="orderreq"] #orqList .orq-sheet td.orq-ck{width:30px}
  [data-view="orderreq"] #orqList .orq-sheet td.orq-act{width:54px}
  [data-view="orderreq"] #orqList .orq-sheet td.orq-act button{font-size:.8rem;padding:0}
}
