.enc-comp{margin:16px 0;padding:16px;border:1px solid var(--border,#39434b);border-radius:12px;overflow-wrap:anywhere}
.enc-comp h2{margin:0 0 12px}.enc-comp form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0}
.enc-comp label{display:flex;flex-direction:column;gap:5px;min-width:160px;flex:1 1 200px}
.enc-comp label:has(input[type=checkbox]){flex-direction:row;align-items:center;min-width:0}
.enc-comp input:not([type=checkbox]),.enc-comp select{box-sizing:border-box;width:100%;min-width:0;padding:8px;background:var(--bg-input,#161a20);color:var(--text-primary,#eee);border:1px solid var(--border,#39434b);border-radius:6px}
.enc-comp input[type=checkbox]{flex:none}.enc-comp form p{flex-basis:100%}.enc-comp details{padding:12px 0;border-top:1px solid var(--border,#39434b)}
.enc-comp summary{cursor:pointer;font-weight:600}.enc-comp small{display:block;margin-top:5px;color:var(--text-secondary,#aab4c2)}
.enc-table-wrap{overflow:auto;max-height:70vh}.enc-table-wrap table{width:100%;min-width:1200px;border-collapse:collapse}
.enc-table-wrap th{position:sticky;top:0;background:var(--bg-card,#222833);z-index:1;text-align:left}.enc-table-wrap :is(th,td){padding:10px;vertical-align:top;border-bottom:1px solid var(--border,#39434b)}
.enc-table-wrap td:first-child{min-width:200px}.enc-table-wrap button{margin-top:6px}.enc-good{display:block;color:var(--success,#34c88a)}
.enc-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
@media(max-width:600px){.enc-comp{padding:12px;margin:12px 0}.enc-comp label{flex-basis:100%}.enc-comp form button{max-width:100%}}

.enc-product-results{flex:1 0 100%;max-height:360px;overflow:auto;min-width:0}
.enc-product-results article{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--border,#39434b);border-radius:8px;margin:6px 0}
.enc-product-results article div{min-width:0}.enc-product-results article button{flex-shrink:0}
.enc-product-selected{outline:2px solid var(--success,#34c88a);outline-offset:-2px}
@media(max-width:600px){.enc-product-results article{align-items:stretch;flex-direction:column}}