.vi-bk-widget { border: 1px solid #e5e7eb; padding: 12px; border-radius: 8px; }
.vi-bk-bar { display:flex; gap:10px; flex-wrap:wrap; align-items:end; margin-bottom:12px; }
.vi-bk-bar label { display:flex; flex-direction:column; font-size:14px; }
#vi-bk-load { padding:6px 10px; }

.vi-bk-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); gap:10px; }
.vi-bk-day { border:1px solid #e5e7eb; border-radius:8px; padding:8px; min-height:120px; }
.vi-bk-day-h { font-weight:600; margin-bottom:6px; }
.vi-bk-slots { display:flex; flex-wrap:wrap; gap:6px; }
.vi-bk-slot { border:1px solid #d1d5db; background:#fff; border-radius:6px; padding:4px 8px; cursor:pointer; }
.vi-bk-slot:hover { background:#f3f4f6; }
.vi-bk-noslots { color:#9ca3af; }

.vi-bk-book { margin-top:12px; border-top:1px dashed #e5e7eb; padding-top:12px; display:grid; gap:8px; max-width:520px; }
.vi-bk-book label input { width:100%; }
.vi-bk-msg { background:#fff3cd; border:1px solid #ffe69c; padding:8px; border-radius:6px; }

.vi-bk-error { color:#b91c1c; }

.vi-bk-banner { position:fixed; left:10px; right:10px; bottom:10px; z-index:9999; padding:12px; border-radius:8px; }
.vi-bk-ok   { background:#e6ffed; border:1px solid #b5f0c2; }
.vi-bk-warn { background:#fff7ed; border:1px solid #fed7aa; }