/* WORKVEO – sprawdzenie miesiąca przed zamknięciem (static/js/sprawdzenie.js): karta w Płacach pod stanem miesiąca */
.mc .mc-head{display:flex;align-items:center;gap:14px}
.mc .mc-ic{flex:none;width:44px;height:44px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center}
.mc .mc-ic svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mc .mc-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.mc .mc-tx b{font-size:17px}
.mc .mc-tx span{color:var(--ink2);font-size:14px;line-height:1.45}
.mc .mc-run{flex:none;min-height:46px;padding:10px 20px;font-size:15px;justify-content:center;text-decoration:none;position:relative}
.mc .mc-run .tok-badge{position:absolute;top:-7px;right:-7px}
.mc .mc-foot,.mc .mc-wait{margin:12px 0 0}
.mc .mc-err{margin:12px 0 0}
.mc .banner{margin:12px 0 0}
.mc .mc-sum{margin:14px 0 0;font-size:15px;line-height:1.5}
.mc .mc-count{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px}
.mc .mc-count .mc-tag{font-size:13px;padding:5px 11px}
/* własne znaczniki: w wyglądzie „Jak strona WORKVEO” zwykłe .chip są szare */
.mc-tag{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--line2);color:var(--ink2)}
.mc-tag.fix{background:var(--bad-soft);color:var(--bad)}
.mc-tag.look{background:var(--warn-soft);color:var(--warn)}
.mc-tag.ok{background:var(--ok-soft);color:var(--ok)}
.mc-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.mc-it{border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:10px;padding:12px 14px;background:var(--card);display:flex;flex-direction:column;gap:5px}
.mc-it.fix{border-left-color:var(--bad)}
.mc-it.done{border-left-color:var(--ok);background:var(--bg);opacity:.75}
.mc-it.done .mc-d{display:none}
.mc-who{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px}
.mc-who .av{width:26px;height:26px;font-size:11px;border-radius:8px}
.mc-who .mc-tag{margin-left:auto}
.mc-t{font-weight:700;font-size:15px}
.mc-d{color:var(--ink2);font-size:14px;line-height:1.5}
.mc-acts{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:4px}
.mc-acts .btn{min-height:38px;text-decoration:none}
.mc-ok{display:inline-flex;align-items:center;gap:7px;font-size:14px;cursor:pointer;min-height:38px}
.mc-ok input{width:20px;height:20px;margin:0;accent-color:var(--ok)}
.mc-empty{display:flex;flex-direction:column;gap:3px;margin-top:14px;padding:14px;border-radius:10px;background:var(--ok-soft)}
.mc-empty b{color:var(--ok)}
.mc-spin{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:mc-krec .8s linear infinite}
@keyframes mc-krec{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mc-spin{animation-duration:2.4s}}
/* wiersz dnia otwarty z uwagi (#/karta/…/godziny/dzień) */
tr.mc-hit>td{background:var(--warn-soft)!important;transition:background 1.2s}
@media(max-width:760px){
  .mc .mc-head{flex-wrap:wrap;align-items:flex-start}
  .mc .mc-ic{width:40px;height:40px;border-radius:11px}
  .mc .mc-run{width:100%;min-height:50px;font-size:16px}
  .mc-who .mc-tag{margin-left:0}
  .mc-acts .btn{flex:1;min-height:44px;justify-content:center}
}
@media print{.mc{display:none}}