.wf{--wf-red:#c8102e;--wf-ink:#1d1f22;--wf-mut:#5d6166;--wf-line:#d6d8db;--wf-soft:#f1f2f3;--wf-ok:#2f5d3a;--wf-amber:#8a5a00}
.wf .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wf-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:4px 0 14px}
.wf-fld{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--wf-mut);min-width:0}
.wf-fld span{font-weight:600;letter-spacing:.02em}
.wf-fld input,.wf-fld select,.wf-fld textarea{font:inherit;font-size:14px;color:var(--wf-ink)}
.wf-tz{align-self:center}
.wf-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.wf-sum div{border:1px solid var(--wf-line);border-left:3px solid #55575a;border-radius:6px;padding:8px 10px;background:var(--wf-soft)}
.wf-sum .is-ok{border-left-color:var(--wf-ok)}.wf-sum .is-need{border-left-color:var(--wf-red)}.wf-sum .is-blocked{border-left-color:#1d1f22}
.wf-sum dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--wf-mut)}.wf-sum dd{margin:2px 0 0;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.wf-tablewrap{overflow-x:auto;border:1px solid var(--wf-line);border-radius:6px}
.wf-table{width:100%;border-collapse:collapse;font-size:13px}
.wf-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--wf-mut);background:var(--wf-soft);padding:8px}
.wf-table td{padding:8px;border-top:1px solid var(--wf-line);vertical-align:top;font-variant-numeric:tabular-nums}
.wf-r.is-blocked{background:#f6f6f6}.wf-r.is-need td:first-child{box-shadow:inset 3px 0 var(--wf-red)}
.wf-st{display:inline-block;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;border:1px solid currentColor}
.wf-st-ok{color:var(--wf-ok)}.wf-st-need{color:var(--wf-red)}.wf-st-blocked{color:var(--wf-ink)}
.wf-why{color:var(--wf-amber)}.wf-dash{color:var(--wf-mut)}
.wf-meal{display:flex;flex-direction:column;gap:2px;margin-top:4px}.wf-meal select{font:inherit;font-size:12px}
.wf-review,.wf-export{border-top:1px solid var(--wf-line);margin-top:14px;padding-top:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.wf-review h3,.wf-export h3{margin:0;font-size:15px}
.wf-review .wf-fld{width:100%}.wf-review textarea{width:100%}
.wf-check{display:flex;gap:8px;align-items:flex-start;font-size:13px}
.wf-warn{border:1px solid var(--wf-red);background:#fbeef0;color:#5e0b17;border-radius:6px;padding:8px 10px;font-size:13px}
.wf-ok{color:var(--wf-ok);font-weight:600;font-size:13px}
.wf-skel{display:grid;gap:8px}.wf-skel i{display:block;height:14px;border-radius:4px;background:linear-gradient(90deg,#e7e8ea,#f3f3f4,#e7e8ea);background-size:200% 100%;animation:wf-sh 1.2s linear infinite}
@keyframes wf-sh{to{background-position:-200% 0}}
.wf-alert{border-left:3px solid #55575a;padding:6px 10px;margin:0 0 8px;background:var(--wf-soft);border-radius:0 6px 6px 0}
.wf-alert.is-high,.wf-alert.is-urgent{border-left-color:var(--wf-red)}
.wf-polgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0}
.wf-pol{display:flex;flex-direction:column;gap:8px}
@media (max-width:767px){
 .wf-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-polgrid{grid-template-columns:1fr}
 .wf-filters>.wf-fld{flex:1 1 45%}
 .wf-table thead{display:none}.wf-table,.wf-table tbody,.wf-table tr,.wf-table td{display:block;width:100%}
 .wf-table tr{border-top:1px solid var(--wf-line);padding:6px 0}.wf-table td{border:0;padding:3px 10px}
 .wf-table td[data-label]::before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--wf-mut)}
}
@media (prefers-reduced-motion:reduce){.wf-skel i{animation:none}}
