/* WORKVEO – grafik zmian: podgląd ułożonego grafiku i zasady grafiku (v1.103.0, static/js/grafik_auto.js).
   Kolory zmian (.shc-*) i kratki grafiku (.sh-*) są w style.css. */
.sh-card.pv .sh-c{cursor:default}
.sh-c.new::before{content:"";position:absolute;top:6px;left:11px;width:9px;height:9px;border-radius:50%;background:var(--sc,var(--accent));box-shadow:0 0 0 2px var(--card)}
.ga-pv{margin:14px 0;padding:14px 16px;border:2px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft)}
.ga-pv-h b{display:block;font-size:16px;margin-bottom:2px}
.ga-miss{margin-top:12px;padding:10px 14px;border-radius:8px;background:var(--warn-soft);color:var(--ink)}
.ga-miss ul{margin:6px 0;padding-left:20px} .ga-miss li{margin:2px 0}
.ga-miss details{margin:6px 0} .ga-miss summary{cursor:pointer;font-weight:600;color:var(--blue);min-height:32px;display:flex;align-items:center}
.ga-ok{margin-top:10px;color:var(--ok);font-weight:600}
.ga-rep{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:15px;cursor:pointer}
.ga-rep input{width:20px;height:20px;flex:none;margin:0}
.ga-pv-b{margin-top:12px;gap:8px;flex-wrap:wrap}
/* zasady grafiku */
.ga-back{display:inline-block;margin-bottom:8px;font-weight:600;text-decoration:none}
.ga-needs{display:flex;flex-direction:column;gap:10px;margin:14px 0}
.ga-need{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
.ga-need .sh-dot{align-self:center}
.ga-need input[type=time]{width:120px} .ga-num input{width:92px}
.ga-del{margin-left:auto}
.ga-add{display:flex;flex-wrap:wrap;gap:8px}
.ga-empty{padding:6px 0}
.ga-emp{padding:16px 0;border-top:1px solid var(--line2)} .ga-emp:first-child{border-top:0}
.ga-eh{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap}
.ga-en b{display:block;font-size:16px} .ga-en small{color:var(--ink2);font-size:13px}
.ga-seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
.ga-seg button{min-height:42px;padding:8px 14px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.ga-seg button:first-child{border-left:0}
.ga-seg button[aria-pressed="true"]{background:var(--accent);color:var(--primary-ink,#fff);font-weight:600}
.ga-eb{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.ga-f{display:flex;flex-direction:column;gap:6px}
.ga-l{font-size:13px;font-weight:600;color:var(--ink2)}
.ga-row{display:flex;flex-wrap:wrap;gap:10px 14px} .ga-row label.f{min-width:150px}
.ga-chips{display:flex;flex-wrap:wrap;gap:6px}
.ga-chip{min-height:40px;min-width:46px;padding:6px 12px;border:1.5px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink2);font:inherit;font-size:14px;font-variant-numeric:tabular-nums;cursor:pointer}
.ga-chip[aria-pressed="true"]{border-color:var(--sc,var(--ink));background:var(--sc-bg,var(--ink));color:var(--sc-ink,var(--card));font-weight:600}
.ga-bar{display:flex;gap:8px;padding:12px 0}
@media(min-width:761px){.ga-bar{position:sticky;bottom:0;z-index:5;background:linear-gradient(transparent,var(--bg) 35%);padding-top:22px}}
@media(max-width:700px){.ga-seg{display:flex;width:100%}.ga-seg button{flex:1;padding:8px 6px}.ga-need input[type=time]{width:110px}.ga-del{margin-left:0}}