from playwright.sync_api import sync_playwright
cookies=[]
for ln in open('/tmp/cj.txt'):
    if ln.startswith('#') or not ln.strip(): continue
    p=ln.rstrip('\n').split('\t')
    if len(p)>=7: cookies.append({'name':p[5],'value':p[6],'domain':p[0].lstrip('.'),'path':p[2]})
with sync_playwright() as pw:
    b=pw.chromium.launch(); ctx=b.new_context(viewport={'width':1400,'height':1100,'device_scale_factor':2}); ctx.add_cookies(cookies)
    pg=ctx.new_page(); pg.goto('https://seaside.pacim.de/', wait_until='networkidle'); pg.wait_for_timeout(1500)
    pg.hover('tr.cp-has-hint[data-pair]')  # hover die Buchungszeile
    pg.wait_for_timeout(300)
    # computed bg der Zellen beider Zeilen vergleichen
    info=pg.evaluate('''()=>{
      const dp=document.querySelector('tr.cp-has-hint[data-pair]').getAttribute('data-pair');
      const rows=document.querySelectorAll('tr[data-pair="'+dp+'"]');
      const cs=r=>getComputedStyle(r.querySelector('td')).getPropertyValue('--bs-table-bg-state').trim();
      return {pair:dp, booking_cellvar:cs(rows[0]), hint_cellvar:cs(rows[1])};
    }''')
    print(info)
    el=pg.query_selector('.cockpit-bookings')
    if el: el.screenshot(path='/tmp/cp5.png')
    b.close()