/* WORKVEO – Rezerwacje wizyt (v1.237.0): kalendarz salonu na dzień, „Moje rezerwacje”, cennik, klienci, zasady i kod QR,
   „Usługi i czas pracy przy kliencie” w karcie pracownika i Zlecenia jako tabela. Kolory z tokenów programu (style.css, wyglad.css). */
:root{--bk-off:rgba(11,31,63,.045);--bk-proc:rgba(11,31,63,.10)}
html[data-theme=ciemny]{--bk-off:rgba(231,237,247,.05);--bk-proc:rgba(231,237,247,.12)}
.bk-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px}
.bk-head > div:first-child{min-width:0}
.bk-day-nav{display:flex;align-items:center;gap:6px}
.bk-day-nav .m{font-weight:700;min-width:170px;text-align:center}
.bk-day-nav input[type=date]{font:inherit;font-size:14px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--input,#fff);color:var(--ink)}
/* kalendarz salonu */
.bk-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start}
@media (max-width:1180px){.bk-layout{grid-template-columns:1fr}}
.bk-wrap{overflow-x:auto;padding:0}
.bk-grid{display:grid}
.bk-hd{position:sticky;top:0;z-index:2;display:flex;gap:8px;align-items:center;padding:10px 8px;border-bottom:1px solid var(--line);background:var(--card);font-size:13px;min-width:0}
.bk-hd b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-hd small{color:var(--ink2)}
.bk-ax,.bk-col{position:relative;border-left:1px solid var(--line2)}
.bk-ax{border-left:0}
.bk-ax span{position:absolute;right:8px;transform:translateY(-50%);font-size:11.5px;color:var(--ink2);font-variant-numeric:tabular-nums}
.bk-col{cursor:copy}
.bk-col.ro{cursor:default}
.bk-hl{position:absolute;left:0;right:0;border-top:1px solid var(--line2);pointer-events:none}
.bk-off{position:absolute;left:0;right:0;background:var(--bk-off);pointer-events:none}
.bk-free{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink2);font-size:12.5px;background:var(--bk-off)}
.bk-out{position:absolute;left:4px;right:4px;border-radius:8px;border:1.5px dashed var(--bad);background:repeating-linear-gradient(135deg,var(--bad-soft) 0 6px,transparent 6px 12px);color:var(--bad);font-size:11.5px;font-weight:600;padding:4px 6px;line-height:1.25;pointer-events:none;overflow:hidden}
.bk-v{position:absolute;left:4px;right:4px;border-radius:8px;border:0;border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--ink);font:inherit;font-size:12px;line-height:1.25;text-align:left;padding:3px 6px;overflow:hidden;cursor:pointer;min-height:16px}
.bk-v b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-v span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink2)}
.bk-v.wt{border-left-color:var(--warn);background:var(--warn-soft)}
.bk-v.done{border-left-color:var(--ink2);background:var(--surface2,var(--line2))}
.bk-v.ns{border-left-color:var(--bad);background:transparent;outline:1px dashed var(--line);opacity:.7}
.bk-v.ns b{text-decoration:line-through}
.bk-v.blk{border-left-color:var(--ink2);background:repeating-linear-gradient(135deg,var(--bk-proc) 0 5px,transparent 5px 10px);color:var(--ink2)}
.bk-v.in{left:22px;z-index:1;box-shadow:0 0 0 2px var(--card)}
.bk-v.sel{box-shadow:0 0 0 2px var(--accent)}
.bk-v:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.bk-p{position:absolute;left:4px;right:4px;background:repeating-linear-gradient(135deg,var(--bk-proc) 0 5px,transparent 5px 10px);border-left:3px dotted var(--accent);font-size:10.5px;color:var(--ink2);padding:2px 6px;pointer-events:none;overflow:hidden}
.bk-now{position:absolute;left:0;right:0;border-top:2px solid var(--bad);z-index:1;pointer-events:none}
.bk-now::before{content:"";position:absolute;left:-4px;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--bad)}
.bk-leg{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12.5px;color:var(--ink2)}
.bk-leg i{display:inline-block;width:14px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.bk-side h2{margin:6px 0 0;overflow-wrap:anywhere}
.bk-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin-top:8px;font-size:14px}
.bk-kv > span{color:var(--ink2)}
.bk-kv > b{font-weight:600;overflow-wrap:anywhere}
.bk-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.bk-who{display:grid;gap:6px;margin-top:10px}
.bk-opt{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:13.5px}
.bk-opt.no{color:var(--ink2);background:var(--surface2,var(--line2))}
.bk-msg{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--violet-soft);color:var(--ink);font-size:13.5px}
.bk-pend{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 0;border-top:1px solid var(--line2)}
.bk-pend:first-of-type{border-top:0}
.bk-pend .t{min-width:0}
.bk-pend .t b{display:block}
.bk-pend .row{gap:8px;flex-wrap:nowrap;min-width:0}
/* tabele modułu */
.bk-tw{overflow-x:auto}
.bk-t{width:100%;border-collapse:collapse;font-size:14px}
.bk-t th{text-align:left;font-size:12px;font-weight:700;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em;padding:9px 10px;border-bottom:1px solid var(--line);background:var(--head,var(--line2));white-space:nowrap}
.bk-t thead th.w{white-space:normal;min-width:84px}   /* dlugi naglowek w dwoch wierszach - cennik miesci sie na ekranie */
.bk-t td{padding:8px 10px;border-bottom:1px solid var(--line2);vertical-align:middle}
.bk-t td.num,.bk-t th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.bk-t tr.day td{background:var(--surface2,var(--line2));font-weight:700;font-size:12.5px;color:var(--ink2)}
.bk-t tr.off td{opacity:.55}
.bk-t .sub{display:block;color:var(--ink2);font-size:12.5px}
.bk-t input,.bk-t select{font:inherit;font-size:13.5px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--input,#fff);color:var(--ink);max-width:100%}
.bk-t input.n{width:68px;text-align:right}
.bk-t input.note{width:100%;min-width:180px}
.bk-chips{display:flex;flex-wrap:wrap;gap:4px}
.bk-chips > span{display:inline-flex;gap:4px;align-items:center;padding:2px 8px 2px 3px;border-radius:999px;background:var(--line2);font-size:12.5px;white-space:nowrap}
html .bk-chips > span > .av.os{width:18px;height:18px;font-size:9px;border-radius:6px;flex:none}   /* mocniej niż html.nowy .av (wyglad.css) */
.bk-t td .bk-chips{min-width:180px}
.bk-note{margin-top:10px;font-size:13px;color:var(--ink2)}
.bk-pills{display:flex;flex-wrap:wrap;gap:6px}
.bk-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}
.bk-pill[aria-pressed="true"]{background:var(--primary,var(--navy));border-color:var(--primary,var(--navy));color:var(--primary-ink,#fff)}
.bk-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* karta pracownika: „Usługi i czas pracy przy kliencie” - własny kolor sekcji (jak .pe-fold[data-fold=pay] w pracownicy.css) */
.pe-fold[data-fold=booking]{--pf:#BE185D;--pf-soft:#FCE7F3}
/* zasady i kod QR */
.bk-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:900px){.bk-grid2{grid-template-columns:1fr}}
.bk-rules{display:grid;gap:14px;margin-top:10px}
.bk-rule{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line2)}
.bk-rule:first-child{border-top:0;padding-top:0}
.bk-rule .muted{font-size:12.5px}
.bk-rule .clk-seg{grid-template-columns:repeat(3,minmax(0,1fr))}
.bk-rule .clk-seg span{min-height:42px;font-size:13.5px}
.bk-sw{display:grid;gap:10px;margin-top:14px}
.bk-info{display:grid;gap:10px;margin-top:10px}
.bk-qr{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:12px}
.bk-qr-box{width:176px;height:176px;padding:10px;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center}
.bk-qr-box svg{width:100%;height:100%}
.bk-qr-big{display:grid;justify-items:center;gap:10px;text-align:center}
.bk-qr-big .bk-qr-box{width:min(360px,80vw);height:min(360px,80vw)}
.bk-link{font-family:ui-monospace,Consolas,monospace;font-size:13px;padding:6px 10px;border-radius:8px;background:var(--surface2,var(--line2));user-select:all;overflow-wrap:anywhere}
body.bk-print > *:not(#modal){display:none!important}
@media print{body.bk-print #modal{position:static;background:none}body.bk-print .modal-actions{display:none}}
/* karta pracownika: usługi i czas */
.bk-svc{display:grid;grid-template-columns:minmax(0,1fr) 80px 120px 60px;gap:6px 12px;align-items:center;font-size:14px}
.bk-svc .h{font-size:12px;font-weight:700;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em}
.bk-svc .g{grid-column:1/-1;margin-top:8px;font-weight:700;font-size:13px;color:var(--ink2)}
.bk-svc .min{display:flex;align-items:center;gap:6px;white-space:nowrap}
.bk-svc input.n,.pe-card .bk-svc input.n:not([type=checkbox]){flex:none;font:inherit;width:64px;text-align:right;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--input,#fff);color:var(--ink)}
.bk-svc .faster{color:var(--accent);font-size:12.5px}
.bk-svc .slower{color:var(--warn);font-size:12.5px}
@media (max-width:640px){.bk-svc{grid-template-columns:minmax(0,1fr) 110px 56px}.bk-svc .std{display:none}}
/* „Moje rezerwacje” – telefon pracownika */
.bk-my{display:grid;gap:10px;max-width:640px}
.bk-h{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin:10px 0 -2px}
.bk-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:12px 14px;display:grid;gap:4px;font-size:14px}
.bk-card.wait{border-color:var(--warn);background:var(--warn-soft)}
.bk-card.okc{border-color:var(--accent);background:var(--accent-soft)}
.bk-card.done{opacity:.7}
.bk-card b{font-size:15px}
.bk-card .muted{font-size:13px}
.bk-card .bk-acts{margin-top:6px}
.bk-big{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:14px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);font:inherit;font-size:16px;font-weight:600;color:var(--ink);text-align:left;cursor:pointer}
.bk-big small{display:block;font-size:13px;font-weight:500;color:var(--ink2);margin-top:2px}
.bk-big:hover{border-color:var(--accent)}
.bk-big[disabled]{cursor:default;opacity:.6}
.bk-big[disabled]:hover{border-color:var(--line)}
/* okno wizyty: wolne godziny */
.bk-times{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.bk-times button{font:inherit;font-size:13.5px;font-weight:600;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums}
.bk-times button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.bk-sug{position:relative}
.bk-sug-list{position:absolute;z-index:5;left:0;right:0;top:100%;margin-top:2px;max-height:220px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}
.bk-sug-list button{display:block;width:100%;text-align:left;padding:8px 10px;border:0;background:none;font:inherit;font-size:14px;color:var(--ink);cursor:pointer}
.bk-sug-list button:hover,.bk-sug-list button:focus-visible{background:var(--accent-soft)}
@media (max-width:760px){.bk-day-nav .m{min-width:0}}