.vendor-mobile-receipts-action,.vendor-mobile-stock-value{display:none}
dialog.vendor-receipt-info-dialog{width:min(680px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid #cbddec;border-radius:14px;color:#234766;background:#fff;overflow:hidden}
dialog.vendor-receipt-info-dialog[open]{display:flex;flex-direction:column}
.vendor-receipt-info-dialog::backdrop{background:#0a233780}
.vendor-receipt-info-dialog>header{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;padding:18px;background:#123e64;color:white}
.vendor-receipt-info-dialog header>div{min-width:0}.vendor-receipt-info-dialog header small{font-size:10px;color:#b8d7f0;letter-spacing:.1em}
.vendor-receipt-info-dialog h3{margin:4px 0 8px;font-size:19px;color:white}
.vendor-receipt-info-dialog header p{margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.vendor-receipt-info-dialog header p span{display:block;font-size:12px;color:#bfd5e8}
.vendor-receipt-info-dialog header button{flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #ffffff60;border-radius:50%;background:transparent;color:white;font-size:22px}
.vendor-receipt-info-summary{padding:12px 16px;font-size:13px;font-weight:700}.vendor-receipt-info-summary span{display:block;color:#647b91;font-size:11px;margin-top:5px;font-weight:400}
.vendor-receipt-info-scroll{overflow:auto;min-height:80px;max-height:60dvh;overscroll-behavior:contain}
.vendor-receipt-info-dialog table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12px}
.vendor-receipt-info-dialog th{position:sticky;top:0;z-index:1;background:#edf4fa;color:#204b6e;text-align:center;padding:11px 6px}
.vendor-receipt-info-dialog th:nth-child(1){width:94px}.vendor-receipt-info-dialog th:nth-child(2){width:56px}.vendor-receipt-info-dialog th:nth-child(3){width:75px}
.vendor-receipt-info-dialog td{padding:12px 6px;border-bottom:1px solid #e3ecf4;text-align:center;overflow-wrap:anywhere;line-height:1.5}
.vendor-receipt-info-dialog td:last-child{text-align:left}.vendor-receipt-info-dialog .is-quantity{font-weight:700;font-variant-numeric:tabular-nums}
.vendor-receipt-info-dialog .is-returned{color:#9758ac}.vendor-receipt-info-status{display:inline-block;font-size:11px;white-space:nowrap}
.vendor-receipt-info-status.is-completed{color:#128152}.vendor-receipt-info-status.is-planned{color:#95640e}.vendor-receipt-info-status.is-delayed{color:#bd3945}
.vendor-receipt-info-dialog>footer{padding:12px 16px;display:flex;justify-content:flex-end;border-top:1px solid #dce7f0}
.vendor-receipt-info-dialog footer button{min-width:80px;min-height:40px;border:1px solid #c8dced;border-radius:7px;background:white;color:#214a71}
dialog.vendor-receipt-info-dialog table{width:100%!important;min-width:0!important}
dialog.vendor-receipt-info-dialog td{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;height:auto!important}
dialog.vendor-receipt-info-dialog th{background:#edf4fa!important;color:#204b6e!important}
@media(max-width:820px){
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] tr[data-vendor-card-row]>td{position:static!important;min-width:0!important;width:auto!important;transform:none!important;contain:none!important;overflow:visible!important;clip-path:none!important}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .vendor-mobile-no::before,
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .vendor-mobile-primary::before{display:none!important}
  #moduleView .vendor-material-table .vendor-material-code{display:block!important;font-size:12px!important;color:#466b8b!important;margin-top:4px;white-space:normal;overflow-wrap:anywhere}
  #moduleView .vendor-material-detail-toggle{display:none!important}
  #moduleView .vendor-material-table .vendor-material-stock input{display:none!important}
  #moduleView .vendor-mobile-stock-value{display:inline;font-weight:700}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] tr[data-vendor-card-row]{position:relative;align-content:start;padding:12px 12px 65px;row-gap:0}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .vendor-mobile-no{flex:0 0 22px!important;max-width:22px!important;height:28px!important;border-radius:0!important;background:transparent!important;color:#345d7d!important;align-items:center;justify-content:flex-start;font-size:13px;padding-top:10px!important}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .vendor-mobile-no::after{content:"."}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .vendor-mobile-primary{flex:1 1 calc(100% - 22px);padding:0!important;order:2}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .vendor-mobile-spec{order:3;flex:0 0 100%;margin:8px 0 0;padding:0 0 0 22px!important;background:transparent!important;font-size:12px;color:#45647f}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .vendor-mobile-spec::before{display:none}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .vendor-mobile-supplier{order:4;flex:0 0 100%;padding:7px 0 11px 22px!important;display:flex;gap:6px;align-items:baseline}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .vendor-mobile-supplier::before{content:"공급처 :";font-size:12px;color:#52718d;margin:0}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .is-required{order:5;flex:0 0 50%;max-width:50%}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .vendor-mobile-balance{order:6;flex:0 0 50%;max-width:50%;padding:9px 7px!important;font-size:14px;text-align:left!important;border-bottom:1px solid #e9eff5!important}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .vendor-mobile-balance::before{text-align:left}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .vendor-material-stock{order:7;flex:0 0 33.333%;max-width:33.333%}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .is-completed{order:8;flex:0 0 33.333%;max-width:33.333%}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .is-planned{order:9;flex:0 0 33.333%;max-width:33.333%}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .vendor-mobile-date{display:none!important}
  #moduleView .vendor-mobile-list[data-vendor-mobile-mode=card][data-vendor-mobile-kind=materials] .vendor-mobile-receipts-action{display:flex;align-items:center;justify-content:center;gap:8px;position:absolute;bottom:12px;left:12px;width:calc(100% - 24px)!important;min-height:40px;border:1px solid #c7dcec;border-radius:8px;background:#f2f7fc;color:#245779;font-size:13px;font-weight:700}
  #moduleView .vendor-mobile-receipts-action span{font-size:11px;font-weight:500;color:#527a99}
  #moduleView .vendor-material-table .is-negative{color:#d03943!important}
  #moduleView .vendor-material-table .is-positive{color:#108250!important}
  #moduleView .vendor-material-table .is-zero{color:#31556f!important}
}