.ofab-shell { color:var(--text-primary,#e2e8f0); padding:4px 0; }
.ofab-shell h4 { margin:0 0 10px; }
.ofab-shell p { line-height:1.5; }
.ofab-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:18px 0; }
.ofab-grid>section { min-width:0; border:1px solid #293449; border-radius:10px; padding:14px; background:#111827; }
.ofab-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ofab-toolbar input { flex:1; min-width:140px; }
.ofab-shell input:not([type=checkbox]),.ofab-shell textarea { padding:10px; color:#e2e8f0; background:#0d1423; border:1px solid #334155; border-radius:6px; }
.ofab-shell textarea { width:100%; box-sizing:border-box; resize:vertical; margin:5px 0 12px; font:14px/1.6 monospace; }
.ofab-products { max-height:360px; overflow:auto; margin-top:12px; }
.ofab-product { display:flex; gap:10px; align-items:center; padding:12px 4px; border-bottom:1px solid #293449; cursor:pointer; }
.ofab-product input { width:18px; height:18px; flex-shrink:0; }
.ofab-product strong,.ofab-product small { display:block; overflow-wrap:anywhere; }
.ofab-product small { margin-top:4px; color:#94a3b8; }
.ofab-shell footer { border-top:1px solid #293449; padding-top:12px; justify-content:space-between; }
@media(max-width:760px) { .ofab-grid { grid-template-columns:1fr; } }