/* Watercolor item artwork fits the existing inventory and waste icon holders. */
.item-art{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;vertical-align:middle}
.item-art-image{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;background:transparent;border:0;box-shadow:none}
.item-art-image[hidden],.item-art-fallback[hidden]{display:none!important}
.item-art-fallback{display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;border:1px solid #c7ad83;border-radius:7px;color:#385d46;background:#faf1dc;font-family:inherit;font-weight:600;font-size:10px;line-height:1.2}
.item-art-picker{padding:12px;border:1px solid #cbb58c;border-radius:12px;background:#fff8e9;color:#4c3e2d}
.item-art-current{display:flex;align-items:center;gap:12px;min-height:56px}
.item-art-preview{display:block;flex:none;width:56px;height:56px}
.item-art-caption{display:block;font-size:13px;font-weight:700}
.item-art-current small{display:block;font-size:11px;line-height:1.6;color:#796b53;margin-top:4px}
.item-art-options{margin-top:8px}
.item-art-options>summary{padding:8px 4px;min-height:40px;cursor:pointer;color:#365c43;font-size:12px;font-weight:600}
.item-art-tools{padding-top:4px}
input.item-art-search{box-sizing:border-box;width:100%;min-height:42px;padding:9px 12px;border:1px solid #cdb58c;border-radius:8px;background:#fffdf6;color:#4c3e2d;font:inherit;font-size:13px}
.item-art-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
button.item-art-filter{min-height:40px;padding:7px 11px;border:1px solid #cdb58c;border-radius:8px;background:#fffdf6;color:#55442e;font-family:inherit;font-size:12px;cursor:pointer;touch-action:manipulation}
button.item-art-filter.selected{border-color:#355f44;background:#365b43;color:#fffdf6}
button.item-art-filter:focus-visible,input.item-art-search:focus-visible{outline:3px solid #396549;outline-offset:2px}
button.item-art-filter:disabled{opacity:.5;cursor:default}
.item-art-count{margin:8px 0 0;color:#796b53;font-size:11px;line-height:1.5}
.item-art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;max-height:340px;overflow-y:auto;overscroll-behavior:contain;padding:3px;scroll-padding:3px}
.item-art-choice[hidden],.item-art-empty[hidden]{display:none!important}
.item-art-empty{padding:12px 2px;font-size:12px;line-height:1.6;color:#796b53}
button.item-art-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:94px;padding:8px 4px;border:1px solid #cdb58c;border-radius:9px;background:#fffdf6;color:#55442e;font-family:inherit;cursor:pointer;touch-action:manipulation}
.item-art-choice>.item-art{width:50px;height:50px;max-width:100%;flex:none}
.item-art-choice>span:last-child{display:block;font-size:11px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
button.item-art-choice.selected{border-color:#355f44;background:#e7eddd;box-shadow:inset 0 0 0 1px #355f44;color:#284d34}
button.item-art-choice:hover:not(:disabled){border-color:#567052;background:#f1f1e2}
button.item-art-choice:disabled{opacity:.5;cursor:default}
button.item-art-choice:focus-visible{outline:3px solid #396549;outline-offset:2px}
select.item-art-select{width:100%;font-size:13px;min-height:42px}
@media(max-width:420px){.item-art-picker{padding:10px}.item-art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.item-art-current{gap:9px}.item-art-current small{font-size:10px}.item-art-choice>span:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){.item-art-choice{transition:none}}