.tn-eol-view{display:none;min-width:0}
.tn-eol-view.active{display:block}
.tn-eol-view .card{margin-bottom:14px}
.tn-eol-panel{padding:18px}
.tn-eol-panel h2{font-size:18px;margin:0 0 14px}
.tn-eol-panel h3{font-size:14px;margin:10px 0 6px;line-height:1.5}
.tn-eol-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end}
.tn-eol-toolbar label{display:grid;gap:5px;min-width:240px;font-size:12px;font-weight:700}
.tn-eol-toolbar select{height:38px;min-width:230px}
.tn-eol-message{font-size:12px;color:#475467;flex:1 1 220px;line-height:1.4}
.tn-eol-message.error{color:#b42318}
.tn-eol-info{font-size:12px;color:#667085;margin:12px 0 0;line-height:1.5}
.tn-eol-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:14px}
.tn-eol-columns>*{min-width:0}
.tn-eol-view input[type=search]{width:100%;padding:10px}
.tn-eol-products{display:grid;gap:8px;margin:12px 0;max-height:66vh;overflow:auto}
.tn-eol-product,.tn-eol-search-item{display:flex;align-items:center;gap:11px;min-width:0;padding:10px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;text-align:left}
.tn-eol-product{width:100%;cursor:pointer}
.tn-eol-product.selected{border-color:#d92d20;background:#fff5f4}
.tn-eol-thumb{width:56px;height:56px;flex:0 0 56px;border:1px solid #eaecf0;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f8f9fc}
.tn-eol-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.tn-eol-placeholder{color:#98a2b3;font-size:12px;font-weight:800}
.tn-eol-description{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}
.tn-eol-description strong{font-size:13px;color:#101828;line-height:1.35;overflow-wrap:anywhere}
.tn-eol-description small{font-size:11px;color:#667085;overflow-wrap:anywhere}
.tn-eol-description a{font-size:11px;color:#175cd3}
.tn-eol-count{font-size:11px;color:#667085;white-space:nowrap}
.tn-eol-active-indicator{font-size:11px;font-weight:700;color:#b42318}
.tn-eol-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#667085}
.tn-eol-chosen-title{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:13px}
.tn-eol-chosen-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #eaecf0;font-size:12px;line-height:1.5}
.tn-eol-chosen-item span{min-width:0;overflow-wrap:anywhere}
#tnEolSave{margin:12px 0 18px}
.tn-eol-search-row{display:flex;gap:8px;margin:7px 0 12px}
.tn-eol-search-row input{flex:1;min-width:0}
.tn-eol-search-label{font-size:12px;font-weight:700;color:#344054}
.tn-eol-search-item{margin-bottom:7px}
.tn-eol-empty{font-size:12px;color:#667085;padding:16px 5px}
#tnEolEditor[hidden]{display:none!important}
.tn-eol-view button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1050px){.tn-eol-columns{grid-template-columns:minmax(0,1fr)}.tn-eol-products{max-height:none}}
@media(max-width:600px){.tn-eol-panel{padding:12px}.tn-eol-toolbar label,.tn-eol-toolbar select{min-width:0;width:100%}.tn-eol-toolbar>button{width:100%}.tn-eol-product{flex-wrap:wrap}.tn-eol-count{margin-left:67px}.tn-eol-search-row{flex-wrap:wrap}.tn-eol-search-row button{width:100%}}

.tn-eol-diagnostics{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.6;background:#f9fafb;color:#344054;border:1px solid #eaecf0;border-radius:9px;padding:12px;margin-top:12px}
.tn-eol-diagnostics[hidden]{display:none}