.hb-front-booth{position:absolute;box-sizing:border-box;cursor:pointer;border:1px solid rgb(0 0 0 / .2);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;overflow:hidden;transition:box-shadow .15s,transform .1s}.hb-front-booth .hb-bl{font-size:9px;opacity:.7}.hb-front-booth.hb-selected{outline:3px solid #ff6b00!important;box-shadow:0 0 0 2px #fff,0 4px 10px rgb(0 0 0 / .3);transform:scale(1.03);z-index:5}.hb-front-booth.booked,.hb-front-booth.hb-booked{cursor:not-allowed;opacity:.85}.hb-front-booth.blocked{cursor:not-allowed}.hb-bare{background:#e3f2fd}.hb-shell{background:#fff3e0}.hb-meeting{background:#f3e5f5}.hb-cafe{background:#e8f5e9}.hb-booked{background:#ffcdd2}.hb-blocked{background:#cfd8dc}.hb-legend{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:10px 0;font-size:13px}.hb-dot{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:middle;margin-right:4px;border:1px solid rgb(0 0 0 / .15)}.hb-legend-note{margin-left:auto;font-style:italic;color:#ff6b00;font-weight:600}.hb-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.hb-chip{background:#ff6b00;color:#fff;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.hb-chip-x{color:#fff;text-decoration:none;margin-left:4px;font-weight:700}.hb-chip-x:hover{color:#ffe0cc}.hb-count-badge{color:#ff6b00;font-weight:600}.hb-front-scroll{overflow:auto;max-width:100%;border:1px solid #ddd}#hb-front-grid{position:relative}#hb-booking-panel{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;margin-top:20px;max-width:480px}#hb-booking-form label{display:block;font-weight:600;margin-bottom:3px}#hb-booking-form input,#hb-booking-form textarea{width:100%;padding:8px;box-sizing:border-box}.hb-btn-book{background:#0078ff;color:#fff;border:0;padding:10px 22px;border-radius:6px;cursor:pointer;font-weight:600}.hb-btn-cancel{background:#eee;border:0;padding:10px 18px;border-radius:6px;cursor:pointer}#hb-success .hb-success-inner{background:#e8f5e9;border:1px solid #4caf50;border-radius:8px;padding:24px;text-align:center;margin-top:20px}.hb-ref{font-size:22px;letter-spacing:2px}.hb-tabs{display:flex;gap:6px;margin-bottom:12px}.hb-tab{padding:8px 16px;border:1px solid #ccc;background:#f7f7f7;cursor:pointer;border-radius:6px 6px 0 0}.hb-tab.active{background:#0078ff;color:#fff;border-color:#0078ff}.hb-save-status{font-size:12px;font-weight:600}.hb-booth{background:rgb(255 255 255 / .15)!important;border:2px solid #0073aa!important}.hb-selected{outline:4px solid red!important;z-index:99999!important}.hb-success-box{background:#f0fff4;border:1px solid #28a745;padding:25px;border-radius:10px;margin-top:20px}.hb-success-box h2{color:#28a745;margin-bottom:15px}