.fulfillment-rule{display:grid;grid-template-columns:minmax(180px,.28fr) minmax(0,1fr);gap:18px;align-items:center;padding:16px 18px;border:1px solid color-mix(in srgb,var(--green) 48%,var(--line));background:color-mix(in srgb,var(--green) 8%,var(--panel));margin-bottom:16px}
.fulfillment-rule strong{font-family:var(--disp);font-size:.95rem}.fulfillment-rule span{color:var(--muted);font-size:.78rem;line-height:1.55}
.fulfillment-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.fulfillment-kpis article{display:grid;gap:5px;padding:15px;border:1px solid var(--line);background:var(--panel)}.fulfillment-kpis article.is-warning{border-color:color-mix(in srgb,var(--red) 55%,var(--line))}.fulfillment-kpis span,.fulfillment-kpis small{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.58rem}.fulfillment-kpis strong{font-family:var(--disp);font-size:1.55rem;color:var(--chalk)}
.fulfillment-note{padding:12px 15px;margin-bottom:16px;border-left:4px solid var(--brass);background:var(--panel2);font-size:.76rem;line-height:1.5;color:var(--muted)}
.fulfillment-table{min-width:1260px}.fulfillment-table td>small{display:block;margin-top:4px;color:var(--muted);font-size:.68rem}.fulfillment-table tr.is-complete{opacity:.72}.fulfillment-warning{max-width:260px;color:var(--red)!important;line-height:1.35}
@media(max-width:900px){.fulfillment-rule{grid-template-columns:1fr}.fulfillment-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.fulfillment-kpis{grid-template-columns:1fr}}