.bar-wall{height:100%;padding:17px 20px;display:flex;flex-direction:column;gap:8px;background:#fffdf9;color:#222d55;text-align:left;overflow:auto;font:400 14px/1.4 DM,Arial,sans-serif}.bar-wall *{box-sizing:border-box}.bar-wall-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.bar-wall-heading small{font-size:9px;color:#667383;letter-spacing:.08em}.bar-wall-heading h3{font:600 23px/1.15 DM,Arial,sans-serif;letter-spacing:-.035em;margin:5px 0 0}.bar-wall-heading output{font-size:12px;white-space:nowrap;background:#edf0fa;color:#303eb0;border-radius:20px;padding:6px 10px}.bar-wall-hint,.bar-wall-note{font-size:10px;color:#667383;line-height:1.4;margin:0}.bar-wall-rack{padding:3px 13px 8px;background:linear-gradient(100deg,#f4f1eb,#fffdf9 50%,#f4f1eb);border:1px solid #e7e2d8;border-radius:7px}.bar-wall-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;position:relative;padding:0 0 5px;border-bottom:6px solid #baa485;box-shadow:0 7px 7px -6px #69533d50}.bar-wall-shelf+.bar-wall-shelf{margin-top:9px}.bar-wall-bottle{position:relative;background:transparent;color:inherit;padding:2px 1px;border:1px solid transparent;border-radius:5px;min-width:0;cursor:grab;font:inherit;text-align:center;touch-action:pan-y}.bar-wall-bottle[aria-pressed=true]{border-color:#303eb0;background:#303eb008}.bar-wall-bottle:focus-visible,.bar-wall-actions button:focus-visible{outline:3px solid #a9643e;outline-offset:2px}.bar-wall-art{height:74px;display:block;pointer-events:none}.bar-wall-art svg{height:100%;width:100%;display:block;pointer-events:none}.bar-wall-percent{display:block;font-size:17px;line-height:1.1;margin-top:3px;font-variant-numeric:tabular-nums}.bar-wall-bottle small{display:block;font-size:8px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.bar-wall-check{position:absolute;right:2px;top:2px;background:#303eb0;color:#fff;border-radius:50%;width:16px;height:16px;font-size:11px}.bar-wall-editor{padding-top:2px}.bar-wall-selection{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.bar-wall-selection output{font-size:12px;color:#667383;white-space:nowrap}.bar-wall-editor input{display:block;width:100%;min-height:30px;margin:0;accent-color:#303eb0;cursor:ew-resize}.bar-wall-actions{display:flex;gap:6px;align-items:center}.bar-wall-actions button{min-height:36px;min-width:40px;border:1px solid #d7dce6;border-radius:5px;background:white;color:#303eb0;padding:5px 10px;font:500 11px/1.3 DM,Arial,sans-serif;cursor:pointer}.bar-wall-actions [data-wall-count]{background:#303eb0;color:white;border-color:#303eb0;flex:1}.bar-wall-actions [data-wall-reset]{border:0;color:#667383}.bar-wall-actions button:disabled{opacity:.35;cursor:default}@media(max-width:550px){.bar-wall{padding:13px 12px;gap:6px}.bar-wall-heading h3{font-size:20px}.bar-wall-rack{padding-left:5px;padding-right:5px}.bar-wall-shelf{gap:3px}.bar-wall-art{height:68px}.bar-wall-bottle small{font-size:7px}.bar-wall-percent{font-size:15px}.bar-wall-heading output{font-size:10px;padding:5px 7px}.bar-wall-actions button{min-height:44px}.bar-wall-editor input{min-height:36px}}
.bar-wall{gap:7px}
.bar-wall-shelf-label{display:block;font-size:8px;letter-spacing:.08em;color:#667383;margin:2px 0 3px}.bar-wall-shelf+.bar-wall-shelf-label{margin-top:9px}
@media(max-width:550px){.bar-wall-art{height:60px}.bar-wall{gap:5px}}

.bar-wall-stocks{display:flex;justify-content:center;gap:7px;min-height:17px;margin-top:3px}.bar-wall-stock{display:inline-flex;align-items:center;gap:3px;font-size:10px;line-height:1;color:#667383}.bar-wall-stock svg{width:8px;height:15px;stroke:currentColor;stroke-width:1.3;fill:none}.bar-wall-stock .mini-bottle-fill{fill:currentColor;fill-opacity:.65;stroke:none}.bar-wall-quantities{display:flex;justify-content:space-between;gap:10px;margin:3px 0 7px}.bar-wall-quantities label{display:flex;align-items:center;gap:6px;color:#667383;font-size:10px}.bar-wall-quantities input{width:47px;min-height:32px;border:1px solid #d7dce6;border-radius:4px;font:inherit;font-size:12px;color:#222d55;padding:3px}.bar-wall-quantities input:disabled{opacity:.6}.bar-wall-actions button:disabled{opacity:.45}
@media(max-width:550px){.bar-wall-quantities input{min-height:44px}}