.ubn-ab-book{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:10px 0}
.ubn-ab-col{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}
.ubn-ab-list .ubn-ab-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #e5e7eb;border-radius:10px;padding:10px;margin-bottom:10px}
.ubn-ab-title{font-weight:600}
.ubn-ab-meta{font-size:12px;opacity:.8}
.ubn-ab-actions .button{margin-left:6px}
.ubn-ab-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}
.ubn-ab-modal-inner{background:#fff;border-radius:12px;max-width:720px;width:100%;padding:16px}
.ubn-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ubn-ab-form label{display:flex;flex-direction:column;font-size:12px}
.ubn-actions{text-align:right;margin-top:10px}
.ubn-ab-inline{display:inline-flex;align-items:center;margin-left:8px;font-size:12px}
.ubn-ab-inline input{margin-right:6px}
@media (max-width:800px){.ubn-ab-book{grid-template-columns:1fr}.ubn-grid{grid-template-columns:1fr}}

.ubn-ab-selector{margin-bottom:8px}
.ubn-ab-selector .ubn-ab-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#f9fafb;border-radius:999px;padding:6px 10px;border:1px solid #e5e7eb}
.ubn-ab-selector .ubn-ab-left{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ubn-ab-selector .ubn-ab-select{min-width:220px;max-width:320px}
.ubn-ab-selector .ubn-ab-right{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.ubn-ab-selector .ubn-ab-inline{display:inline-flex!important;align-items:center;font-size:12px;color:#111827;opacity:0.9}
.ubn-ab-selector .ubn-ab-inline input{margin-right:6px}
@media (max-width:900px){
  .ubn-ab-book{grid-template-columns:1fr}
  .ubn-grid{grid-template-columns:1fr}
}