.iu-setting{display:inline-flex;flex-direction:column;gap:6px;vertical-align:middle;scroll-margin-block:100px}
.iu-setting[hidden],.iu-filter-tools[hidden]{display:none!important}
.iu-setting-line{display:flex;align-items:center;gap:4px}
.iu-setting-arrows{display:grid;grid-template-columns:repeat(2,38px);gap:4px;flex:none}
.iu-arrow-column{display:flex;flex-direction:column;gap:3px}
.iu-setting-line .prep-input,#inventoryPage .iu-setting-line .prep-input{min-width:54px;width:64px;height:44px;margin:0;text-align:center;font-size:15px}
.iu-form-quantity{width:100%;max-width:100%}
.iu-form-quantity .iu-setting-line{width:100%}
.iu-form-quantity .iu-setting-line input{min-width:0;flex:1;width:100%;margin:0;font-size:16px}
.iu-setting input[type="number"]{appearance:textfield;-moz-appearance:textfield}
.iu-setting input[type="number"]::-webkit-inner-spin-button,.iu-setting input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.iu-setting-step,.iu-inherit,.iu-clear{border:1px solid #ded0c8;background:#fffaf3;color:#795d50;border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.iu-setting-step{width:38px;min-width:38px;height:32px;padding:0;font-size:13px;line-height:1;font-variant-numeric:tabular-nums}
.iu-inherit{min-height:34px;padding:6px 9px;font-size:10px;line-height:1.5}
.iu-stock-button:focus-visible,.iu-setting-step:focus-visible,.iu-inherit:focus-visible,.iu-clear:focus-visible{outline:3px solid #bc8778;outline-offset:2px}
.iu-setting-step:hover:not(:disabled),.iu-inherit:hover:not(:disabled),.iu-clear:hover:not(:disabled){background:#f4e5dc;border-color:#bb9382}
.iu-setting-step:disabled,.iu-inherit:disabled,.iu-clear:disabled{opacity:.45;cursor:default}
.stock-stepper button.iu-stock-button,.waste-stepper button.iu-stock-button{min-width:38px;min-height:32px;width:auto;height:32px;padding:0 5px;font-size:13px;border-radius:10px}
.stock-stepper.stock-stepper-pair,.waste-stepper.stock-stepper-pair{display:flex;flex-direction:column;gap:3px}
.stock-adjust .stock{min-width:2ch;font-size:20px;font-variant-numeric:tabular-nums}
.stock-adjust input[data-material-stock-id]{min-height:44px;font-size:16px}
.iu-filter-tools{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:100%}
.iu-clear{min-height:44px;padding:8px 12px;font-size:11px}
.iu-result-count{font-size:11px;color:#8d786e;white-space:nowrap}
#productRows .stock-adjust{gap:6px}
@media(max-width:560px){
 .iu-setting-line .prep-input,#inventoryPage .iu-setting-line .prep-input{width:54px}
 .iu-setting-arrows{grid-template-columns:repeat(2,40px)}
 .iu-setting-step{width:40px;min-width:40px;height:36px}
 .stock-stepper button.iu-stock-button,.waste-stepper button.iu-stock-button{min-width:40px;height:36px}
 .iu-filter-tools{width:100%;justify-content:space-between}
 #materialsPage .panel-actions{flex-wrap:wrap}
 #materialRows .stock-adjust{flex-wrap:wrap;min-width:135px}
 #productRows td,#materialRows td{padding-top:12px;padding-bottom:12px}
 .frequent-item .stock-stepper{gap:6px}
}
@media(max-width:600px){
 #materialsPage .materials-panel .table-wrap{overflow:visible}
 #materialsPage .material-stock-table{display:block;min-width:0;width:100%}
 #materialsPage .material-stock-table thead{display:none}
 #materialRows{display:grid;gap:12px;padding:0 14px 16px}
 #materialRows .material-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:relative;border:1px solid #e8d9cf;border-radius:14px;background:#fffaf5;overflow:hidden}
 #materialRows td{display:flex;align-items:center;gap:8px;min-width:0;border:0;padding:12px}
 #materialRows td:first-child{position:absolute;right:0;top:0;padding:7px;z-index:1}
 #materialRows td:nth-child(2){grid-column:1/-1;padding-right:60px;border-bottom:1px solid #eee0d6}
 #materialRows td:nth-child(3),#materialRows td:nth-child(4),#materialRows td:nth-child(5),#materialRows td:nth-child(7),#materialRows td:nth-child(8){grid-column:1/-1}
 #materialRows td:nth-child(3):before{content:'ジャンル';flex:none;font-size:11px;color:#876d60}
 #materialRows td:nth-child(3) input{min-width:0;width:100%;flex:1;min-height:44px}
 #materialRows td:nth-child(4){justify-content:space-between;background:#f9ede5}
 #materialRows td:nth-child(4):before{content:'現在庫';font-size:12px;font-weight:600;color:#795d50}
 #materialRows td:nth-child(4) .stock-adjust{min-width:0;justify-content:flex-end;flex-wrap:nowrap}
 #materialRows td:nth-child(4) input{width:86px;min-width:0;padding:8px}
 #materialRows td:nth-child(5){justify-content:space-between}
 #materialRows td:nth-child(5):before{content:'在庫注意ライン';font-size:11px;color:#876d60;min-width:0}
 #materialRows td:nth-child(7){flex-wrap:wrap;background:#f9f0e9}
 #materialRows td:nth-child(7):before{content:'発注先';font-size:11px;color:#876d60}
 #materialRows td:nth-child(7) select{min-width:0;max-width:100%;flex:1;min-height:44px}
 #materialRows td:nth-child(8){justify-content:flex-end;border-top:1px solid #eee0d6}
 #materialRows .material-edit,#materialRows .material-delete{min-height:44px;min-width:44px}
 #materialRows .material-name-link{font-size:14px;text-align:left;overflow-wrap:anywhere}
 #materialRows td:has([data-material-threshold-id].cafe-feature-hidden),#materialRows td:has([data-material-genre-id].cafe-feature-hidden){display:none}
 #inventoryPage td:has(.iu-setting[hidden]){display:none}
}
@media(max-width:420px){
 #inventoryPage .product-row td:nth-child(4),#inventoryPage .product-row td:nth-child(5){grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}
 #inventoryPage .product-row td:nth-child(4):before,#inventoryPage .product-row td:nth-child(5):before{flex:1;min-width:0}
 .iu-setting{flex:none}
}