.po-editor,.po-group,.po-selector,.po-product,.po-included{min-width:0;max-width:100%;box-sizing:border-box}
.po-toolbar,.po-group-head,.po-product-head{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
.po-toolbar{margin-bottom:16px}.po-group{border:1px solid #d8dfdc;border-radius:6px;padding:16px;margin:0 0 16px}.po-group legend{font-weight:600;padding:0 6px}
.po-group-head>label{flex:1 1 160px;min-width:0}.po-group input,.po-group select,.po-selector input,.po-product input,.po-included select{box-sizing:border-box;min-width:0;max-width:100%}
.po-group input[type=checkbox],.po-selector input[type=radio]{width:16px!important;height:16px!important;flex:0 0 16px;margin:0!important;accent-color:#467466}
.po-group .po-check{display:flex;align-items:center;gap:8px;flex-direction:row;margin:0}.po-values{margin:16px 0}.po-value{display:grid;grid-template-columns:112px minmax(120px,1fr) 120px minmax(150px,1fr) 76px;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e1e7e4}
.po-value label{margin:0}.po-sample{position:relative;min-height:90px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;background:#f1f5f3;border-radius:4px;padding:6px;font-size:12px;color:#58685f}.po-sample img{width:100%;height:82px;object-fit:contain}.po-sample .po-icon{position:absolute;right:3px;top:3px;background:#fff}.po-upload{position:relative;overflow:hidden;border:1px solid #aebfb4;padding:4px 12px;border-radius:4px;cursor:pointer;color:#29493b;background:#fff}.po-upload input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.po-flags{display:grid;gap:10px}.po-tools{display:flex;gap:4px}.po-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;padding:0!important;font-size:18px;border-radius:4px}.po-editor output{display:block;margin-top:12px}
.po-selector{margin-top:14px}.po-selector-title{margin-bottom:8px}.po-selector-title small,.po-product-type{display:block;font-size:12px;margin-top:4px}.po-choice-group{border:0;padding:0;margin:16px 0}.po-choice-group legend{font-size:14px;font-weight:600;margin-bottom:8px}.po-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;max-width:100%}
.po-choice{display:flex!important;flex-direction:column;position:relative;gap:8px;border:1px solid #c7d3cd;border-radius:6px;padding:12px;margin:0!important;min-width:0;cursor:pointer;box-sizing:border-box;background:#fff;color:#23392d}.po-choice.selected{border-color:#42755a;box-shadow:inset 0 0 0 1px #42755a;background:#f1f8f3}.po-choice input[type=radio]{position:absolute;left:10px;top:10px}.po-choice>img{display:block;width:100%;height:96px;object-fit:contain;background:#f7f8f7;margin-top:18px}.po-choice>span{display:block;padding-top:18px;overflow-wrap:anywhere;line-height:1.4}.po-choice>img+span{padding-top:0}.po-choice small,.po-product-head small,.po-order-options small,#portal details small{display:block;font-size:12px;margin-top:4px;overflow-wrap:anywhere}.po-quote{display:block;padding:10px 0;font-weight:600;font-size:14px;min-height:22px;overflow-wrap:anywhere}
.po-product,.po-included{border-bottom:1px solid #dce5df;padding:16px 0}.po-product-head>div{min-width:0;flex:1}.po-product-head>label{width:86px;flex:0 0 86px;margin:0!important}.po-product-head span{display:block;margin-top:4px;font-size:13px}.po-edit-link{margin-top:16px}.po-order-options p{padding:8px 0;border-bottom:1px solid #dce5df}.po-order-options small{margin-top:6px}
.po-cart-line{display:flex;align-items:center;gap:12px;border-bottom:1px solid #dce5df;padding:12px 0;flex-wrap:wrap}.po-cart-line>div{flex:1;min-width:120px}.po-cart-line>label{flex:0 0 80px;max-width:80px;margin:0!important}.po-cart-line small,.po-cart-line span{display:block;font-size:12px;margin-top:4px}.po-cart-line input{box-sizing:border-box;max-width:100%;min-width:0}
.po-selected-detail{display:flex!important;gap:8px;align-items:center;margin-top:6px}.po-selected-detail img{flex:0 0 34px;width:34px;height:34px;object-fit:contain;background:#f3f6f4;border-radius:3px}.po-selected-detail span{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.po-value{grid-template-columns:90px minmax(0,1fr);gap:12px}.po-value>.po-flags{grid-column:2}.po-value>.po-tools{grid-column:1;grid-row:3}.po-group{padding:12px}.po-group-head>label{flex-basis:100%}.po-group-head .po-check{flex-basis:auto}.po-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.po-choice{padding:10px}.po-choice>img{height:82px}.po-toolbar>button{margin-left:auto}.po-selector label>input:not([type=radio]){width:100%}}
