:root { --bbus-primary:#2563eb; --bbus-accent:#10b981; --bbus-danger:#ef4444; }
.bbus-btn{display:inline-block;background:var(--bbus-primary);color:#fff;padding:.5rem 1rem;border-radius:.75rem;text-decoration:none}
.bbus-btn:hover{opacity:.9}
.bbus-secondary{background:#6b7280}
.bbus-danger{background:var(--bbus-danger)}
.bbus-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem;margin:.5rem 0;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.bbus-row{display:flex;flex-wrap:wrap;gap:1rem}
.bbus-col{flex:1 1 280px}
.bbus-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.5rem}
.bbus-table{width:100%;border-collapse:collapse}
.bbus-table th,.bbus-table td{border:1px solid #e5e7eb;padding:.5rem}
.bbus-toast{position:fixed;bottom:1rem;right:1rem;background:#111;color:#fff;padding:.75rem 1rem;border-radius:.75rem;opacity:0;transform:translateY(8px);transition:all .3s}
.bbus-toast.success{background:var(--bbus-accent)}
.bbus-toast.error{background:var(--bbus-danger)}
.bbus-toast.show{opacity:1;transform:translateY(0)}
.bbus-toggle-menu{display:none}
@media(max-width:768px){ .bbus-menu{display:none}.bbus-toggle-menu{display:block}.bbus-menu.open{display:block} }


/* === v1.0.7 responsive improvements === */
.bbus-card label { display:block; font-weight:500; margin-bottom:.25rem }
.bbus-filterbar .bbus-input { max-width:100% }
.bbus-table-wrapper { width:100%; overflow-x:auto; }
.bbus-table th, .bbus-table td { white-space:nowrap; }
@media (max-width: 768px) {
  .bbus-row { gap:.75rem }
  .bbus-col { flex: 1 1 100%; min-width: 220px; }
  .bbus-table th, .bbus-table td { padding:.5rem .5rem; }
  .bbus-filterbar .button { width:100%; }
}

