.event-bon-view{padding:16px 0}.event-bon-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.event-bon-view h2{color:#dfc27c}.event-bon-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:18px}.event-bon-columns[hidden]{display:none}#event-bon-products{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}#event-bon-products>p{width:100%}.event-product{width:calc(50% - 4px);display:flex;flex-direction:column;gap:8px;padding:12px;text-align:left}.event-product strong{font-size:1.1rem}#event-bon-lines{padding:14px;border:1px solid #c3a85a;border-radius:12px;background:#143226}.event-bon-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #b89d59}.event-bon-line button{min-width:44px;min-height:44px;font-size:1.3rem}#event-bon-pending{padding:10px 0}#event-bon-pending button{margin:6px 6px 0 0}#event-bon-pin{max-width:440px;padding:16px;border:1px solid #b89d59;border-radius:12px}#event-bon-pin[hidden]{display:none}#event-bon-pin label{display:block}#event-bon-pin input{width:100%;box-sizing:border-box;font-size:1.5rem;letter-spacing:.2em;margin:10px 0}#event-bon-message{overflow-wrap:anywhere}@media(max-width:699px){.event-bon-columns{grid-template-columns:1fr}.event-bon-line{grid-template-columns:minmax(0,1fr) auto auto}.event-bon-line>span:first-child{grid-column:1/-1}.event-product{min-height:96px}}

.event-product img{height:100px;width:100%;object-fit:contain}.event-product img[hidden]{display:none}

.event-product{background:linear-gradient(135deg,#2f5d42,#17392d);color:#fff4cf;border:1px solid #c5ab62;border-radius:12px;box-shadow:0 3px 9px #0003;cursor:pointer}
.event-product:hover{background:#386e4b}.event-product:disabled{opacity:.55;cursor:default}
.event-bon-view button.negative{background:#822b2b;color:white;border:1px solid #c47171;border-radius:8px}
.event-bon-view button.positive{background:#2d633f;color:white;border:1px solid #83b38a;border-radius:8px;padding:12px}