/* Inventory uses the Finance palette; item browsing is separate from editing. */
#view-barang [hidden]{display:none!important}
#inventoryBrowserTools{margin:22px 0 12px}
#inventoryBrowserTools,.inventory-back,[data-inventory-heading]{scroll-margin-top:90px}
.inventory-navigation,.inventory-results,.inventory-pagination,.inventory-detail-heading,.inventory-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.inventory-navigation{margin-bottom:20px}
.inventory-tabs,.inventory-layout{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.inventory-tabs button,.inventory-layout button{font:inherit;font-size:13px;font-weight:700;padding:10px 16px;border:0;background:transparent;color:var(--chalk);cursor:pointer}
.inventory-tabs button+button,.inventory-layout button+button{border-left:1px solid var(--line)}
.inventory-tabs button[aria-pressed=true],.inventory-layout button[aria-pressed=true]{background:var(--chalk);color:var(--board)}
.inventory-tabs button:hover,.inventory-layout button:hover{background:var(--board-soft)}
.inventory-tabs button[aria-pressed=true]:hover,.inventory-layout button[aria-pressed=true]:hover{background:var(--green)}
#view-barang :is(button,input,select):focus-visible{outline:2px solid var(--green);outline-offset:3px}
.inventory-filters{display:grid;grid-template-columns:minmax(210px,2fr) repeat(4,minmax(120px,1fr));gap:12px}
.inventory-filters label,.inventory-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;min-width:0}
.inventory-filters :is(input,select),.inventory-field :is(input,select){width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.4);color:var(--chalk);font:inherit;font-size:14px;padding:10px 11px;min-height:42px}
.inventory-filters select:disabled{opacity:.5}
.inventory-results{margin-top:18px;font-size:13px;color:var(--chalk-soft)}
.inventory-layout button{padding:7px 13px;font-size:12px}
.inventory-browse{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.16)}
.inventory-list-head{display:grid;grid-template-columns:minmax(0,1fr) 115px 70px 100px;padding:12px 42px 12px 138px;gap:16px;background:var(--board-soft);font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:700}
.inventory-item{display:flex;align-items:center;gap:14px;padding:0 14px;border-top:1px solid var(--line);min-width:0}
.inventory-item:hover{background:rgba(255,255,255,.36)}
.inventory-item .inv-check{flex:none}
.inventory-item-open{display:grid;grid-template-columns:54px minmax(0,1fr) 115px 70px 100px 12px;align-items:center;gap:16px;width:100%;min-width:0;border:0;background:transparent;color:var(--chalk);text-align:left;padding:12px 0;font:inherit;cursor:pointer}
.inventory-item-photo{display:flex;align-items:center;justify-content:center;width:54px;height:64px;overflow:hidden;border-radius:5px;background:var(--board-soft);font-size:10px;color:var(--chalk-soft)}
.inventory-item-photo img{width:100%;height:100%;object-fit:cover}
.inventory-item-name{min-width:0;display:flex;flex-direction:column;gap:5px}
.inventory-item-name strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere;font-weight:700}
.inventory-item-name small{font-size:11px;line-height:1.5;color:var(--chalk-soft);overflow-wrap:anywhere}
.inventory-item-price,.inventory-item-stock{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.inventory-item-stock.is-empty{color:var(--tomato)}
.inventory-item-arrow{font-size:24px;color:var(--chalk-soft)}
.inventory-status{display:inline-block;padding:5px 10px;border-radius:4px;font-size:11px;font-weight:700;background:var(--board-soft);color:var(--chalk-soft)}
.inventory-status.live{background:rgba(98,112,44,.12);color:var(--green)}
.inventory-mobile-label{display:none}
.inventory-pagination{padding:18px 0;font-size:12px;color:var(--chalk-soft)}
.inventory-pagination>div{display:flex;gap:8px}
.inventory-browse.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px;border:0;background:transparent;overflow:visible}
.grid .inventory-item{position:relative;display:block;padding:0;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:rgba(255,255,255,.2)}
.grid .inventory-item>.inv-check{position:absolute;left:10px;top:10px;z-index:1;background:var(--board);border-radius:4px;padding:3px}
.grid .inventory-item-open{grid-template-columns:1fr 1fr;gap:12px;padding:0 14px 14px}
.grid .inventory-item-photo{grid-column:1/-1;width:calc(100% + 28px);height:210px;margin:0 -14px;border-radius:0}
.grid .inventory-item-photo img{object-fit:contain}
.grid .inventory-item-name{grid-column:1/-1}
.grid .inventory-item-status{grid-column:1/-1}
.grid .inventory-item-stock{text-align:right}
.grid .inventory-mobile-label{display:block;font-size:10px;font-weight:500;color:var(--chalk-soft);margin-bottom:4px}
.grid .inventory-item-arrow{display:none}
.inventory-item.inv-selected{background:rgba(98,112,44,.12);border-color:var(--green)}
.inventory-empty{padding:64px 20px;text-align:center;border:1px dashed var(--line);border-radius:8px}
.inventory-empty h3,.inventory-detail h3,.inventory-create h3{font-family:'Quicksand',sans-serif;font-size:21px;font-weight:700;margin:0 0 12px}
.inventory-empty p{font-size:14px;color:var(--chalk-soft);margin-bottom:24px}
.inventory-back{margin:6px 0 18px}
.inventory-detail{padding:24px}
.inventory-detail-heading{align-items:flex-start;margin-bottom:24px}
.inventory-detail-heading p{font-size:12px;color:var(--chalk-soft);margin:0 0 8px}
.inventory-detail .inventory-editor{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:26px;padding:0;border:0;background:transparent;margin:0;min-width:0}
.inventory-photo-editor .pthumb{width:100%;height:260px;position:relative;border-radius:7px;overflow:hidden}
.inventory-photo-button{width:100%;height:100%;padding:0;background:var(--board-soft);color:var(--chalk);border:0;cursor:pointer;font:inherit;font-size:13px}
.inventory-photo-editor .pthumb img{width:100%;height:100%;object-fit:contain}
.inventory-photo-editor .imgclr{display:flex;top:6px;right:6px;width:32px;height:32px;font-size:20px}
.inventory-photo-editor .hint{font-size:11px;line-height:1.6;margin:10px 0}
.inventory-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0;align-content:start}
.inventory-editor-fields>.inventory-field:first-child,.inventory-editor-fields>.inventory-field:nth-child(7){grid-column:1/-1}
.inventory-detail .v-label{width:100%;font:inherit}
.inventory-editor input[type=text]{text-align:left}
.inventory-profit{display:flex;gap:24px;align-items:center;font-size:12px;grid-column:1/-1;flex-wrap:wrap}
.inventory-profit strong{display:inline-block;margin-left:5px;font-size:14px}
.inventory-detail-meta{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.inventory-detail-meta h4{font-size:13px;margin:0 0 12px}
.inventory-detail .vmore{margin:0;padding:0;border:0;background:none}
.inventory-detail .vmore .row{flex-wrap:wrap}
.inventory-detail-actions{justify-content:flex-start;margin-top:24px;border-top:1px solid var(--line);padding-top:20px}
.inventory-create{max-width:620px;border:1px solid var(--line);border-radius:8px;padding:26px}
.inventory-create .inventory-field{margin-top:18px}
.inventory-category-summary{padding:12px 14px;border-top:1px solid var(--line);font-size:12px;display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
#view-barang .pcard .vgroup{grid-template-columns:minmax(150px,1fr) auto 30px 30px}
@media(max-width:1100px){
  .inventory-filters{grid-template-columns:1fr 1fr}
  .inventory-list-head{grid-template-columns:minmax(0,1fr) 90px 45px 65px;gap:10px;padding-left:128px;padding-right:34px}
  .inventory-item-open{grid-template-columns:50px minmax(0,1fr) 90px 45px 65px 10px;gap:10px}
  .inventory-item-photo{width:50px}
  .inventory-detail .inventory-editor{grid-template-columns:160px minmax(0,1fr);gap:20px}
  .inventory-photo-editor .pthumb{height:210px}
}
@media(max-width:620px){
  #view-barang .inventory-filters :is(input,select),#view-barang .inventory-editor :is(input,select),#view-barang .inventory-create :is(input,select),#view-barang .inventory-detail .vmore select{font-size:16px;min-height:44px}
  .inventory-detail .tagchip{min-height:36px}
  .inventory-photo-editor .imgclr{width:40px;height:40px}
  .inventory-navigation{align-items:stretch}
  .inventory-tabs{flex:1}
  .inventory-tabs button{padding:10px;flex:1}
  .inventory-navigation>.btn{font-size:12px;padding:9px}
  .inventory-filters{gap:10px}
  .inventory-filters .inventory-search{grid-column:1/-1}
  .inventory-item{padding:0 10px;gap:10px;align-items:flex-start}
  .inventory-item>.inv-check{margin-top:19px}
  .inventory-item-open{grid-template-columns:50px minmax(0,1fr) auto;gap:8px 12px;padding:14px 0}
  .inventory-item-photo{grid-row:1/3;align-self:start}
  .inventory-item-name{grid-column:2/4}
  .inventory-item-name strong{font-size:13px}
  .inventory-item-name small{font-size:10px}
  .inventory-item-price{grid-column:2}
  .inventory-item-stock{grid-column:3;text-align:right}
  .inventory-item-stock .inventory-mobile-label{display:inline;margin-right:5px;font-size:10px;color:var(--chalk-soft)}
  .inventory-item-status{grid-column:2/4}
  .inventory-item-arrow,.inventory-list-head{display:none}
  .inventory-browse.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .grid .inventory-item-open{padding:0 10px 12px;gap:10px}
  .grid .inventory-item-photo{height:170px;width:calc(100% + 20px);margin:0 -10px;grid-row:auto}
  .grid .inventory-item-name{grid-column:1/-1}
  .grid .inventory-item-price{grid-column:1;font-size:12px}
  .grid .inventory-item-stock{grid-column:2;font-size:12px}
  .grid .inventory-item-stock .inventory-mobile-label{display:block;margin-right:0}
  .grid .inventory-item>.inv-check{margin-top:0}
  .inventory-detail{padding:16px}
  .inventory-detail .inventory-editor{grid-template-columns:1fr;gap:16px}
  .inventory-photo-editor .pthumb{height:220px;max-width:260px}
  .inventory-editor-fields{gap:14px}
  .inventory-detail .vmore .row{display:flex;min-width:0}
  .inventory-detail .katsel{max-width:100%}
  .inventory-create{padding:20px}
  #view-barang .pcard .vgroup{grid-template-columns:minmax(0,1fr) 30px 30px;gap:8px}
  #view-barang .vgroup .v-subsum{grid-column:1;grid-row:2}
  #view-barang .vgroup .v-more{grid-column:2;grid-row:1}
  #view-barang .vgroup .v-del{grid-column:3;grid-row:1}
}

.inventory-item-price s{opacity:.55;font-weight:400}
.inventory-status.on-sale{margin-left:6px;background:var(--tomato,#c0563b);color:#fff}