.mock-window-scaler{width:100%}.mock-window{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;user-select:none;pointer-events:none}.mock-window--scaled{width:430px;margin-inline:calc((100% - 430px)/2);transform:scale(var(--mock-scale, 1));transform-origin:top center}.mock-window-titlebar{display:flex;align-items:center;gap:var(--spacing-md);padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--border-color)}.mock-window-dots{display:flex;gap:6px}.mock-window-dots span{width:10px;height:10px;border-radius:50%;background:var(--border-color)}.mock-window-dots span:first-child{background:var(--danger);opacity:.55}.mock-window-dots span:nth-child(2){background:var(--warning);opacity:.55}.mock-window-dots span:nth-child(3){background:var(--success);opacity:.55}.mock-window-title{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.mock-window-body{position:relative;overflow:hidden;background:var(--surface-2)}.mock-cursor{position:absolute;z-index:50;pointer-events:none;transform:translate(-4px,-2px)}.mock-cursor-icon{color:var(--primary);fill:var(--surface-1);filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));transform:scaleX(-1)}.mock-window[dir=ltr] .mock-cursor-icon{transform:none}.mock-cursor-ripple{position:absolute;top:-8px;left:-8px;width:34px;height:34px;border-radius:50%;background:var(--accent);pointer-events:none}.mock-caption{position:absolute;bottom:12px;right:50%;transform:translate(50%);z-index:40;background:var(--surface-inverse);color:var(--text-on-dark);font-size:.8rem;font-weight:600;padding:6px 16px;border-radius:999px;box-shadow:var(--shadow-md);max-width:90%;white-space:normal;text-align:center}.bbm-root{position:relative;display:flex;flex-direction:column;gap:10px;height:100%;padding:12px 12px 58px;background:var(--surface-2)}.bbm-row{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:10px;flex:1;min-height:0}.bbm-block{display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease}.bbm-block.is-hot{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-faint);transform:translateY(-2px)}.bbm-block-head{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--text-primary)}.bbm-block-head svg{color:var(--primary);flex-shrink:0}.bbm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;direction:rtl}.bbm-seat{display:grid;place-items:center;aspect-ratio:1;min-height:26px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border-color);font-size:10px;font-weight:800;color:var(--on-primary);transition:background-color .35s ease,border-color .35s ease,transform .35s ease}.bbm-seat.is-taken{background:var(--primary);border-color:var(--primary);transform:scale(1.06)}.bbm-names{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.bbm-name{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 8px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid transparent;font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .3s ease,border-color .3s ease}.bbm-name>span{overflow:hidden;text-overflow:ellipsis}.bbm-name.is-assigned{background:var(--accent-bg);border-color:var(--accent-faint)}.bbm-check{flex-shrink:0;color:var(--success)}.bbm-tabs{display:flex;gap:4px;padding:3px;background:var(--surface-2);border-radius:var(--radius-md)}.bbm-tab{flex:1;text-align:center;padding:4px 6px;border-radius:6px;font-size:10.5px;font-weight:700;color:var(--text-secondary);white-space:nowrap;transition:background-color .3s ease,color .3s ease}.bbm-tab.is-active{background:var(--surface-1);color:var(--primary);box-shadow:var(--shadow-sm)}.bbm-count{font-size:11px;font-weight:700;color:var(--text-primary)}.bbm-count-muted{font-weight:600;color:var(--text-secondary)}.bbm-result{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--surface-1);border:1px dashed var(--border-color);font-size:12px;font-weight:800;color:var(--text-primary);transition:border-color .35s ease,background-color .35s ease}.bbm-result svg{color:var(--accent);flex-shrink:0}.bbm-result.is-hot{border-style:solid;border-color:var(--accent);background:var(--accent-bg)}
