.inventory-cost-bound-cell { position: relative; }
#inventoryCostPreview tbody tr>th:first-child,#inventoryCostPreview tbody tr>td {background:var(--layer-background,#fff);}
#inventoryCostPreview .icp-journal {width:100%;font-size:12px;border-bottom:1px solid #ddd;}
#inventoryCostPreview .icp-journal summary {cursor:pointer;padding:8px 0;font-weight:700;}
#inventoryCostPreview .icp-journal>div {max-height:280px;overflow:auto;padding:8px 0;}
#inventoryCostPreview .icp-journal article {padding:8px 0;border-bottom:1px solid #e5e5e5;overflow-wrap:anywhere;}
#inventoryCostPreview .icp-journal time {display:block;color:#777;font-size:11px;}
#inventoryCostPreview .icp-journal p {margin:3px 0;}
#inventoryCostPreview [hidden] { display: none !important; }
.inventory-cost-preview-trigger { position: absolute; right: 5px; top: 4px; width: 18px; height: 18px; padding: 0; border: 0; border-radius: 50%; background: #222; color: #fff; font-family: inherit; font-size: 10px; font-weight: 900; line-height: 18px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.inventory-cost-preview-trigger:hover { background: #444; }
.inventory-cost-preview-trigger:focus-visible { outline: 2px solid #222; }
#inventoryCostPreview { width: min(850px,calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 22px; border: 1px solid #222; border-radius: 8px; margin: auto; color: #222; background: white; font: 14px/1.5 "Inter Tight",Arial,"Microsoft YaHei",sans-serif; overflow: auto; box-sizing: border-box; }
#inventoryCostPreview::backdrop { background: rgb(0 0 0 / 40%); }
#inventoryCostPreview * { box-sizing: border-box; letter-spacing: 0; }
#inventoryCostPreview header { display: flex; align-items: start; gap: 12px; justify-content: space-between; }
#inventoryCostPreview h2 { font-size: 18px; font-weight: 800; margin: 0; }
#inventoryCostPreview .icp-product { display: flex; align-items: center; gap: 10px; margin: 16px 0; overflow-wrap: anywhere; }
#inventoryCostPreview .icp-product strong { font-size: 14px; flex: 1; min-width: 0; }
#inventoryCostPreview .icp-sku { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 50%; background: #222; color: white; display: grid; place-items: center; font-size: 13px; font-weight: 800; }
#inventoryCostPreview .icp-status { color: #777; font-size: 11px; border: 1px solid #ddd; border-radius: 20px; padding: 3px 9px; white-space: nowrap; }
#inventoryCostPreview .icp-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
#inventoryCostPreview .icp-toolbar label { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; font-size: 11px; }
#inventoryCostPreview select { font: inherit; font-size: 12px; color: #222; border: 1px solid #222; border-radius: 6px; background: white; height: 32px; padding: 0 8px; max-width: 220px; min-width: 0; }
#inventoryCostPreview select:disabled { border-color: #ddd; color: #888; }
#inventoryCostPreview .icp-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 20px 0 10px; }
#inventoryCostPreview .icp-detail-head h3 { margin: 0; }
#inventoryCostPreview .icp-close { flex: 0 0 28px; width: 28px; height: 28px; padding: 0; border: 1.5px solid #222; border-radius: 50%; background: #fff; font-family: inherit; font-size: 18px; font-weight: 800; line-height: 1; cursor: pointer; }
#inventoryCostPreview dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 0; border: 1px solid #222; border-radius: 8px; overflow: hidden; background: #222; }
#inventoryCostPreview dl > div { background: white; min-width: 0; text-align: center; }
#inventoryCostPreview dt { display: flex; align-items: center; justify-content: center; height: 37px; padding: 8px 6px; border-bottom: 1px solid #222; color: #222; font-family: "Inter Tight",sans-serif; font-size: 11px; font-weight: 500; line-height: 1.2; }
#inventoryCostPreview dd { display: flex; align-items: center; justify-content: center; min-height: 47px; margin: 0; padding: 8px 6px; font-family: "Inter Tight",sans-serif; font-weight: 600; font-size: 18px; line-height: 1.2; }
#inventoryCostPreview .icp-money { display: inline-flex; align-items: center; justify-content: center; gap: 4px; background: #222; color: white; border-radius: 7px; padding: 0 8px; min-height: 28px; font-size: 13px; font-weight: 700; }
#inventoryCostPreview .icp-money small { font-size: 10px; font-weight: 600; }
#inventoryCostPreview dd.icp-missing { color: #999; }
#inventoryCostPreview h3 { font-size: 14px; font-weight: 800; margin: 20px 0 10px; }
#inventoryCostPreview .icp-table { overflow-x: auto; border: 1px solid #222; border-radius: 8px; }
#inventoryCostPreview table { width: 100%; min-width: 720px; table-layout: fixed; border-collapse: collapse; font: inherit; }
#inventoryCostPreview th, #inventoryCostPreview td { text-align: center; padding: 8px 6px; border-right: 1px solid #222; border-bottom: 1px solid #222; white-space: nowrap; font-family: "Inter Tight",sans-serif; }
#inventoryCostPreview th { height: 37px; font-size: 11px; font-weight: 500; line-height: 1.2; background: #fff; }
#inventoryCostPreview td { height: 44px; padding: 4px 6px; font-size: 11px; font-weight: 500; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; }
#inventoryCostPreview th { white-space: normal; overflow-wrap: anywhere; }
#inventoryCostPreview tr > :first-child { width: 80px; background:#f7f7f7; position:sticky; left:0; z-index:1; box-shadow:1px 0 #222; }
#inventoryCostPreview .icp-layer-quantity { display: inline-block; font-size: 12px; font-weight: 700; margin-right: 8px; }
#inventoryCostPreview .icp-layer-price { display: inline-block; font-size: 11px; }
#inventoryCostPreview .icp-layer-state { display: block; margin-top: 6px; color: #777; font-size: 10px; }
#inventoryCostPreview tbody td { height: 40px; padding: 6px 8px; }
#inventoryCostPreview tbody tr:last-child th { border-bottom: 0; }
#inventoryCostPreview tr > :last-child { border-right: 0; }
#inventoryCostPreview tbody tr:last-child td { border-bottom: 0; }
#inventoryCostPreview .icp-empty { height: 84px; font-size: 12px; font-weight: 400; text-align: center; color: #999; }
#inventoryCostPreview .icp-table {scrollbar-width:none;touch-action:pan-x pan-y;}
#inventoryCostPreview .icp-table::-webkit-scrollbar {display:none;}
#inventoryCostPreview th,#inventoryCostPreview tbody td {height:47px;}
#inventoryCostPreview thead th:not(:first-child) {font-weight:700;font-size:12px;}
#inventoryCostPreview .icp-values {display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
#inventoryCostPreview .icp-values > span {display:flex;align-items:baseline;gap:4px;white-space:nowrap;}
#inventoryCostPreview .icp-values strong {font-size:12px;font-weight:700;}
#inventoryCostPreview .icp-values small {font-size:9px;font-weight:700;}
@media(max-width:620px) { #inventoryCostPreview { padding: 14px; } #inventoryCostPreview dl { grid-template-columns: repeat(2,minmax(0,1fr)); } }